:root{--bg: #03050b;--panel: rgba(9, 14, 26, .78);--line: rgba(120, 160, 220, .16);--ink: #d4e3f7;--dim: #7b90b2;--accent: #3ec6ff;--warn: #ff8a9c;--accent-soft: rgba(62, 198, 255, .12);--accent-soft-hi: rgba(62, 198, 255, .22);--bg-tip: rgba(3, 8, 18, .92);--gutter: 16px;--gap: 10px;--bar-h: 40px;--radius: 11px;--radius-sm: 7px;--t: .16s ease;--z-globe: 0;--z-vig: 1;--z-panel: 2;--z-chrome: 3;--z-tip: 5;--z-load: 30}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}button{background:var(--accent-soft);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 11px;font:inherit;cursor:pointer;transition:background var(--t),color var(--t),border-color var(--t)}button:hover{background:var(--accent-soft-hi)}button.on{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}input[type=range]{accent-color:var(--accent)}.eyebrow{font-size:9.5px;letter-spacing:.2em;font-weight:600;text-transform:uppercase;color:var(--dim)}.metric{font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent)}.metric.big{font-size:27px;line-height:1}.metric.val{font-size:17px}