@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--font-ui:"Space Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--accent-h:220;--bg-0:#090c11;--bg-1:#10141a;--bg-2:#171c23;--bg-3:#21272f;--line:#283039;--line-2:#3b434e;--tx-0:#f1f4f7;--tx-1:#acb2b9;--tx-2:#757b83;--accent:#00d3ff;--accent-dim:#00d3ff29;--accent-tx:#080e16;--ok:#6de58c;--warn:#f9b73f;--bad:#f64e4d;--glow:0 0 0 1px #00d3ff59,0 0 22px #00d3ff38}@supports (color:lab(0% 0 0)){:root{--bg-0:lab(3.34266% -.399545 -2.7457);--bg-1:lab(6.15945% -.714704 -4.73093);--bg-2:lab(10.0515% -.99434 -5.73176);--bg-3:lab(15.2668% -1.14402 -6.45761);--line:lab(19.3212% -1.27806 -7.17773);--line-2:lab(28.0182% -1.45909 -7.91614);--tx-0:lab(95.9303% -.411809 -1.83769);--tx-1:lab(72.1346% -.950605 -4.38942);--tx-2:lab(51.2485% -1.0739 -5.10275);--accent:lab(77.5288% -33.8221 -35.2522);--accent-dim:lab(77.5288% -33.8221 -35.2522/.16);--accent-tx:lab(3.65259% -.521936 -5.17953);--ok:lab(82.3739% -49.6465 32.5416);--warn:lab(79.0964% 17.1872 66.9281);--bad:lab(58.5026% 64.7166 39.1096);--glow:0 0 0 1px lab(77.5288% -33.8221 -35.2522/.35),0 0 22px lab(77.5288% -33.8221 -35.2522/.22)}}:root[data-mode=light]{--bg-0:#f1f4f7;--bg-1:#fcfdff;--bg-2:#eaedf2;--bg-3:#dfe3e9;--line:#d6dbe1;--line-2:#bfc5cd;--tx-0:#171f28;--tx-1:#49515b;--tx-2:#747b84;--accent:#0076b7;--accent-dim:#0076b71f;--accent-tx:#f7fdff;--ok:#0e8c41;--warn:#b97500;--bad:#d02b31;--glow:0 0 0 1px #0076b740,0 0 16px #0076b71f}@supports (color:lab(0% 0 0)){:root[data-mode=light]{--bg-0:lab(95.9303% -.411809 -1.83769);--bg-1:lab(99.4162% -.166595 -.736153);--bg-2:lab(93.6061% -.571936 -2.57013);--bg-3:lab(90.1218% -.728846 -3.3008);--line:lab(87.2196% -.805706 -3.66523);--line-2:lab(79.0925% -1.02955 -4.75507);--tx-0:lab(11.1848% -1.20772 -7.82732);--tx-1:lab(33.8276% -1.3974 -7.22588);--tx-2:lab(51.2431% -1.21066 -5.82342);--accent:lab(46.2324% -12.03 -49.3858);--accent-dim:lab(46.2324% -12.03 -49.3858/.12);--accent-tx:lab(98.8556% -1.63358 -3.29736);--ok:lab(50.824% -45.5785 30.3918);--warn:lab(55.5875% 23.2794 66.5836);--bad:lab(46.9272% 63.3533 39.8921);--glow:0 0 0 1px lab(46.2324% -12.03 -49.3858/.25),0 0 16px lab(46.2324% -12.03 -49.3858/.12)}}*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{font-family:var(--font-ui);background:var(--bg-0);color:var(--tx-0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-tx)}.grid-bg{background-image:radial-gradient(var(--line).6px,transparent .6px);background-position:-1px -1px;background-size:22px 22px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-2);border:3px solid var(--bg-0);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--tx-2)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1,"zero" 1}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.micro{letter-spacing:.16em;text-transform:uppercase;color:var(--tx-2);font-size:10px;font-weight:600;font-family:var(--font-ui)}.label-x{letter-spacing:.04em;color:var(--tx-1);font-size:11px}.dim{color:var(--tx-1)}.faint{color:var(--tx-2)}.accent-tx{color:var(--accent)}.h-display{letter-spacing:-.02em;font-weight:700;line-height:1.05}.panel{background:var(--bg-1);border:1px solid var(--line);border-radius:4px;position:relative}.panel-inset{background:var(--bg-0);border:1px solid var(--line);border-radius:4px}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 12px;display:flex}.panel-head .micro{color:var(--tx-1)}.hr{background:var(--line);border:0;height:1px}.ticks:before,.ticks:after{content:"";pointer-events:none;border-color:var(--line-2);opacity:.9;border-style:solid;width:7px;height:7px;position:absolute}.ticks:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.ticks:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.chip{border:1px solid var(--line);background:var(--bg-2);color:var(--tx-1);white-space:nowrap;border-radius:3px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex}.chip-mono{font-family:var(--font-mono);letter-spacing:-.01em;font-size:10.5px}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:3px;align-items:center;gap:5px;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.6;display:inline-flex}.badge-ok{color:var(--ok);background:color-mix(in oklab,var(--ok)15%,transparent)}.badge-warn{color:var(--warn);background:color-mix(in oklab,var(--warn)15%,transparent)}.badge-bad{color:var(--bad);background:color-mix(in oklab,var(--bad)15%,transparent)}.badge-accent{color:var(--accent);background:var(--accent-dim)}.badge-mute{color:var(--tx-2);background:var(--bg-2);border:1px solid var(--line)}.dot{border-radius:999px;flex:none;width:7px;height:7px;display:inline-block}.dot-ok{background:var(--ok)}.dot-warn{background:var(--warn)}.dot-bad{background:var(--bad)}.dot-accent{background:var(--accent)}.live-dot{animation:2s infinite pulse;box-shadow:0 0}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab,currentColor 60%,transparent)}70%{box-shadow:0 0 0 6px color-mix(in oklab,currentColor 0%,transparent)}to{box-shadow:0 0 #0000}}.btn{border:1px solid var(--line-2);background:var(--bg-2);color:var(--tx-0);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:12.5px;font-weight:500;transition:background .14s,border-color .14s,box-shadow .14s,transform 60ms;display:inline-flex}.btn:hover{background:var(--bg-3);border-color:var(--tx-2)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-tx);border-color:#0000;font-weight:600}.btn-primary:hover{background:var(--accent);filter:brightness(1.06);box-shadow:var(--glow)}.btn-ghost{color:var(--tx-1);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-2);color:var(--tx-0)}.btn-sm{padding:5px 9px;font-size:11.5px}.btn-icon{padding:7px}.btn:disabled{opacity:.55;cursor:not-allowed}.input{background:var(--bg-0);border:1px solid var(--line);width:100%;color:var(--tx-0);border-radius:4px;outline:none;padding:8px 11px;font-size:13px;transition:border-color .14s,box-shadow .14s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input::placeholder{color:var(--tx-2)}select.input{appearance:none;cursor:pointer}input[type=range].fader{appearance:none;background:var(--bg-3);cursor:pointer;border-radius:999px;outline:none;width:100%;height:4px}input[type=range].fader::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg-1);width:14px;height:14px;box-shadow:var(--glow);cursor:grab;border-radius:3px}input[type=range].fader::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg-1);cursor:grab;border-radius:3px;width:14px;height:14px}.kpi{padding:13px 14px}.kpi-val{font-family:var(--font-mono);letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:1}.kpi-lab{margin-top:7px}.tbl{border-collapse:collapse;width:100%}.tbl th{z-index:1;text-align:left;background:var(--bg-1);border-bottom:1px solid var(--line);letter-spacing:.12em;text-transform:uppercase;color:var(--tx-2);-webkit-user-select:none;user-select:none;padding:8px 12px;font-size:10px;font-weight:600;position:sticky;top:0}.tbl td{border-bottom:1px solid var(--line);padding:9px 12px;font-size:12.5px}.tbl tbody tr{cursor:pointer;transition:background .1s}.tbl tbody tr:hover{background:var(--bg-2)}.tbl tbody tr.sel{background:var(--accent-dim)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes blink{50%{opacity:0}}@keyframes sweep{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:.4s cubic-bezier(.22,1,.36,1) both fade-up}.fade-in{animation:.4s both fade-in}.caret{background:var(--accent);vertical-align:-2px;width:7px;height:1.05em;animation:1s step-end infinite blink;display:inline-block}.spinner{border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:999px;width:13px;height:13px;animation:.7s linear infinite spin;display:inline-block}.scanner{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.scanner:after{content:"";background:linear-gradient(to bottom,transparent,var(--accent-dim),transparent);height:40%;animation:1.4s ease-in-out infinite sweep;position:absolute;left:0;right:0}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grow{flex:1;min-width:0;min-height:0}.wrap{flex-wrap:wrap}[style*=grid-template-columns]>*{min-width:0}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}