:root{--bg: #050A41;--panel: #0B1A51;--line: #2E3E7A;--ink: #e6e9ef;--ink-dim: #9aa4c4;--accent: #4a9eff;--heading: #02B476}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:14px/1.5 ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace}.app-root{height:100vh;display:flex;flex-direction:column;padding:12px 16px}h1{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--heading)}header{flex:none;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.controls input{background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:6px 10px;border-radius:6px;font:inherit;font-size:12px;width:240px}.controls input:focus{outline:none;border-color:var(--accent)}.verinput{width:130px!important}.dimtoggle{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.switch{position:relative;display:inline-block;width:32px;height:18px;flex:none}.switch input{position:absolute;opacity:0;width:0;height:0;margin:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--line);border-radius:999px;transition:background .2s ease}.switch .slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:var(--ink-dim);border-radius:50%;transition:transform .2s ease,background .2s ease}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(14px);background:#fff}.switch input:focus-visible+.slider{outline:2px solid var(--accent);outline-offset:1px}.pollsel{background:var(--panel);border:1px solid var(--line);color:var(--ink-dim);padding:6px 8px;border-radius:6px;font:inherit;font-size:12px;cursor:pointer}.pollsel:focus{outline:none;border-color:var(--accent)}.iconbtn{padding:6px 10px;font-size:13px;background:var(--panel);color:var(--ink-dim);border:1px solid var(--line);border-radius:6px;cursor:pointer}.iconbtn:hover{color:var(--ink)}.flow-wrap{flex:1 1 auto;min-height:0;padding:16px;background:#16265e;border:1px solid var(--line);border-radius:10px}.legends{flex:1 1 auto;display:flex;gap:20px;flex-wrap:wrap;margin:6px 0}.legend-row{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.queue-badge{flex:none;align-self:center;background:#050a41;border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:10px;color:var(--ink-dim);white-space:nowrap}.legblock{font-size:11px;color:var(--ink-dim)}.legblock h3{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--heading);margin-bottom:3px;font-weight:600}.legrow{display:flex;align-items:center;gap:5px;margin-bottom:2px;color:#fff}.legrow .sw{width:11px;height:11px;border-radius:2px;flex:none}.legblock.cols2 .legrows{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.tip{position:fixed;pointer-events:none;z-index:10;background:#050a41;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:12px;max-width:320px;box-shadow:0 8px 24px #00000080}.tip-seg{font-weight:600;color:var(--accent);margin-bottom:6px;font-size:13px;letter-spacing:.02em}.tip-row{display:flex;justify-content:space-between;gap:16px}.tip-k{color:var(--ink-dim)}.tip-v{color:var(--ink);text-align:right}.loading,.error{padding:40px;text-align:center;color:var(--ink-dim)}.error{color:#e5687a}.setup{max-width:520px;margin:60px auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px}.setup h2{font-size:15px;margin-bottom:12px;color:var(--heading)}.setup label{display:block;font-size:12px;color:var(--ink-dim);margin:12px 0 4px}.setup input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:8px 10px;border-radius:6px;font:inherit}.setup button{margin-top:16px;background:var(--accent);border:none;color:#fff;padding:9px 16px;border-radius:6px;font:inherit;font-weight:600;cursor:pointer}.setup .hint{font-size:11px;color:var(--ink-dim);margin-top:12px;line-height:1.6}.dd-root{height:100vh;overflow-y:auto;padding:4px 4px 40px}.dd-head{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:5;background:var(--bg);padding:8px 4px 12px;border-bottom:1px solid var(--line);margin-bottom:16px}.dd-head h1{color:var(--heading)}.dd-userid,.dd-deviceid{font-size:11px;color:var(--ink-dim);word-break:break-all}.dd-none{padding:40px;text-align:center;color:var(--ink-dim)}.dd-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px}.dd-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}.dd-card-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:3px}.dd-badges{display:flex;gap:6px;flex-wrap:wrap}.dd-badge{font-size:10px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.dd-badge.on{color:#02b476;border-color:#02b476}.dd-badge.off{color:var(--ink-dim)}.dd-badge.warn{color:#e5a067;border-color:#e5a067}.dd-group{margin-bottom:14px}.dd-group-title{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--heading);font-weight:600;margin-bottom:8px}.dd-count{color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:1px 7px;font-size:10px;margin-left:4px}.dd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 20px}.dd-field{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px dotted rgba(46,62,122,.5)}.dd-field-label{color:var(--ink-dim);font-size:12px}.dd-field-value{color:var(--ink);font-size:12px;text-align:right;word-break:break-word}.dd-field-value.dd-empty{color:#55618e}.dd-events{margin-top:8px}.dd-event-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:4px}.dd-event-table th{text-align:left;color:var(--ink-dim);font-weight:600;padding:5px 8px;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.dd-event-table td{padding:5px 8px;border-bottom:1px solid rgba(46,62,122,.4);vertical-align:top}.dd-ev-time{color:var(--ink-dim);white-space:nowrap}.dd-ev-name{color:var(--accent)}.dd-ev-val{color:var(--ink);word-break:break-word}.dd-empty{color:#55618e;font-size:12px}.tip-interactive{pointer-events:auto}.tip-open-btn{margin-top:10px;width:100%;background:var(--accent);border:none;color:#fff;padding:6px 10px;border-radius:6px;font:inherit;font-size:11px;font-weight:600;cursor:pointer}.tip-open-btn:hover{filter:brightness(1.08)}.dd-devlist{display:flex;flex-direction:column;gap:8px}.dd-devrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:8px}.dd-devrow-main{flex:1 1 240px;min-width:0}.dd-devrow-name{font-size:13px;font-weight:600;color:var(--ink)}.dd-devrow-meta{font-size:11px;color:var(--ink-dim);margin-top:2px}.dd-devrow-badges{display:flex;gap:6px;flex-wrap:wrap}.dd-open-btn{flex:none;background:var(--accent);border:none;color:#fff;padding:7px 14px;border-radius:6px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.dd-open-btn:hover{filter:brightness(1.08)}.fgs-intro{margin-bottom:16px}.fgs-hint{font-size:12px;color:var(--ink-dim);line-height:1.6;margin:0;max-width:80ch}.fgs-vlist{display:flex;flex-direction:column;gap:14px}.fgs-vcard{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.fgs-vcard-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.fgs-version{font-size:14px;color:var(--ink);font-weight:600}.fgs-registriert{font-size:12px;color:var(--ink-dim)}.fgs-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 720px){.fgs-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 420px){.fgs-metrics{grid-template-columns:1fr}}.fgs-metric{display:flex;flex-direction:column;gap:5px}.fgs-metric-label{font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.fgs-metric-rate{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.fgs-metric-na{font-size:20px;font-weight:700;color:var(--ink-dim);line-height:1;cursor:help}.fgs-metric-detail{font-size:11px;color:var(--ink-dim);line-height:1.4}.fgs-bar-track{height:6px;background:var(--bg);border:1px solid var(--line);border-radius:4px;overflow:hidden;margin:1px 0}.fgs-bar-fill{height:100%;border-radius:3px 0 0 3px;transition:width .3s ease}.fgs-dd-wrap{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.fgs-dd-toggle{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;font-size:12px;padding:0;font-weight:600}.fgs-dd-toggle:hover{text-decoration:underline}.fgs-dd-loading,.fgs-dd-err{font-size:12px;color:var(--ink-dim);padding:10px 0}.fgs-dd-err{color:#e5687a}.fgs-dd-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:12px}.fgs-dd-table th{text-align:left;color:var(--ink-dim);font-weight:600;padding:6px 10px 6px 0;border-bottom:1px solid var(--line);white-space:nowrap}.fgs-dd-table td{padding:6px 10px 6px 0;color:var(--ink);border-bottom:1px solid var(--bg)}.fgs-dd-num{text-align:right;font-variant-numeric:tabular-nums}.fgs-oemtype{font-size:11px;color:var(--heading)}.fgs-oemtype.unknown{color:var(--ink-dim)}