:root{--bg: #020604;--panel: #14181d;--panel-hi: #2b323b;--panel-lo: #07090b;--amber: #ff9f1c;--red: #ff4d4d;--lcd: #000a04;--accent: #00ff66;--accent-rgb: 0, 255, 102;--accent-dim: #19b855;--text: #b8f5cc;--hi: #eafff1;--list: #5fd68a;--muted: #3f8a5c;--dim-text: #5f8a70;--row: #0b3a1c;--edge: #0d3d1f;--rule: #0c2a17;--led-off: #1d3a29;--fill-start: #0a8f3c;--quiet-edge: #1c2a22;--x-fg: #9bd8b2;--x-bg: #0d1a12;--x-border: #1c3a28;--viz-mid: #d7ff3a;--viz-hi: #ff8a1f;--peak: #c8ffd9;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;color-scheme:dark}[data-theme=ice]{--bg: #01090b;--lcd: #00080a;--accent: #3df0ff;--accent-rgb: 61, 240, 255;--accent-dim: #1fb6c4;--text: #b8eef5;--hi: #eafdff;--list: #6fd8e6;--muted: #3f8a96;--dim-text: #5f8a92;--row: #0b2f36;--edge: #0d3a40;--rule: #0c2a30;--led-off: #1d3a3f;--fill-start: #0a7f8c;--quiet-edge: #1c2a2e;--x-fg: #9bd8e0;--x-bg: #0d171a;--x-border: #1c3a40;--viz-mid: #9be7ff;--viz-hi: #ff7ad9;--peak: #d4faff}[data-theme=hotpink]{--bg: #0a0208;--lcd: #0a0008;--accent: #ff4fd8;--accent-rgb: 255, 79, 216;--accent-dim: #ec55c8;--text: #ffc4f0;--hi: #fff0fb;--list: #ff8fe6;--muted: #c866ad;--dim-text: #c27aae;--row: #3a0b33;--edge: #4a1040;--rule: #3a0f33;--led-off: #3a1d36;--fill-start: #a3208a;--quiet-edge: #2e1c2a;--x-fg: #f0a8de;--x-bg: #1a0d17;--x-border: #3a1c34;--viz-mid: #ffd23f;--viz-hi: #ff8a1f;--peak: #ffd6f5}[data-theme=violet]{--bg: #07020f;--lcd: #05000a;--accent: #b388ff;--accent-rgb: 179, 136, 255;--accent-dim: #a278f5;--text: #dccaff;--hi: #f3ecff;--list: #c7a6ff;--muted: #9b82cf;--dim-text: #a08fc9;--row: #25103d;--edge: #35185a;--rule: #2a1a45;--led-off: #2d1d47;--fill-start: #6a3fc4;--quiet-edge: #231c33;--x-fg: #c9b2f5;--x-bg: #120d1c;--x-border: #2f1c4a;--viz-mid: #7ad0ff;--viz-hi: #ff7ad9;--peak: #ece0ff}[data-theme=mono]{--bg: #040404;--lcd: #050505;--accent: #e8e8e8;--accent-rgb: 232, 232, 232;--accent-dim: #b4b4b4;--text: #dddddd;--hi: #ffffff;--list: #cfcfcf;--muted: #8a8a8a;--dim-text: #9a9a9a;--row: #2a2a2a;--edge: #3a3a3a;--rule: #2a2a2a;--led-off: #3a3a3a;--fill-start: #8a8a8a;--quiet-edge: #2a2a2a;--x-fg: #cfcfcf;--x-bg: #161616;--x-border: #3a3a3a;--viz-mid: #ffffff;--viz-hi: #ff8a1f;--peak: #ffffff}[data-theme=sunrise]{--bg: #160a05;--lcd: #0a0401;--accent: #ff9f3c;--accent-rgb: 255, 159, 60;--accent-dim: #d97f2a;--text: #ffd9b8;--hi: #fff3e6;--list: #ffb47a;--muted: #c98a58;--dim-text: #c99a78;--row: #3a1a08;--edge: #4a2410;--rule: #3a1c0c;--led-off: #3a2214;--fill-start: #b8561a;--quiet-edge: #2e1c12;--x-fg: #f0b890;--x-bg: #1a0f0a;--x-border: #3a2012;--viz-mid: #ffe066;--viz-hi: #ff5a3c;--peak: #fff1d9}[data-theme=kivo]{--bg: #0b0d13;--lcd: #06080f;--accent: #8598d8;--accent-rgb: 133, 152, 216;--accent-dim: #b0bfe6;--text: #e6ecfb;--hi: #ffffff;--list: #c3cff2;--muted: #93a3d0;--dim-text: #9aa6c4;--row: #1e2743;--edge: #2a3350;--rule: #232b40;--led-off: #2a3350;--fill-start: #5568a8;--quiet-edge: #2a3040;--x-fg: #e6ecfb;--x-bg: #151b2c;--x-border: #35406b;--viz-mid: #b0c4ff;--viz-hi: #ffb3c8;--peak: #e6ecfb}[data-theme=empa]{--bg: #000000;--lcd: #02070b;--accent: #cbf429;--accent-rgb: 203, 244, 41;--accent-dim: #a2c321;--text: #e3e3e3;--hi: #ffffff;--list: #c9d6a3;--muted: #8fb0a0;--dim-text: #9aa9b3;--row: #0a2336;--edge: #123a57;--rule: #0d2a40;--led-off: #1c3a52;--fill-start: #516210;--quiet-edge: #16283a;--x-fg: #ced7dd;--x-bg: #08131c;--x-border: #1c3a52;--viz-mid: #e0f87f;--viz-hi: #6c869a;--peak: #f5fdd4}[data-theme=gruvbox]{--bg: #1d2021;--lcd: #141617;--accent: #fabd2f;--accent-rgb: 250, 189, 47;--accent-dim: #d79921;--text: #ebdbb2;--hi: #fbf1c7;--list: #d5c4a1;--muted: #a89984;--dim-text: #bdae93;--row: #32302f;--edge: #504945;--rule: #3c3836;--led-off: #504945;--fill-start: #b57614;--quiet-edge: #3c3836;--x-fg: #d5c4a1;--x-bg: #282828;--x-border: #504945;--viz-mid: #b8bb26;--viz-hi: #fb4934;--peak: #fbf1c7}[data-theme=snow]{--bg: #0b1424;--lcd: #060d19;--accent: #9fd8ff;--accent-rgb: 159, 216, 255;--accent-dim: #6fb4e6;--text: #e6f1fb;--hi: #ffffff;--list: #b8d4ea;--muted: #8fb0cc;--dim-text: #9ab4cb;--row: #16273d;--edge: #25415f;--rule: #1b3350;--led-off: #25415f;--fill-start: #3b7fb5;--quiet-edge: #1b2c44;--x-fg: #c3dbee;--x-bg: #0f1c2e;--x-border: #25415f;--viz-mid: #7ee8d0;--viz-hi: #c4b5fd;--peak: #ffffff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:14px/1.45 var(--mono);display:flex;justify-content:center;align-items:flex-start;padding:3vh 12px 6vh}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(to bottom,#0000 0 2px,#0000002e 2px 3px)}.backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.backdrop[data-scene=matrix]{opacity:.22;transition:opacity .4s}.backdrop[data-scene=matrix][data-live]{opacity:.7}#root{width:100%}.stack{position:relative;z-index:1;width:min(100%,440px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.col{display:grid;gap:8px;align-content:start;min-width:0;grid-template-columns:minmax(0,1fr)}.win{min-width:0}@media(min-width:900px){.stack.rig{width:min(100%,920px);grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start;gap:10px}.rig .playlist{max-height:340px}.rig .playlist.rotation{max-height:420px}}.win{background:var(--panel);border:1px solid #000;box-shadow:inset 1px 1px 0 var(--panel-hi),inset -1px -1px 0 var(--panel-lo),0 0 0 1px var(--edge),0 0 28px rgba(var(--accent-rgb),.1)}.titlebar{height:16px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(to bottom,#3b4a63 0 1px,#1a2231 1px 3px);border-bottom:1px solid #000}.titlebar span{padding:0 8px;background:var(--panel);color:#9fb4d6;font-size:10px;font-weight:700;letter-spacing:.22em;line-height:14px}.win-body{padding:8px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.win.collapsed{display:none}.fold-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.fold-inner.fold-hidden{display:none}.fold-away{position:fixed;top:0;left:-10000px;width:min(100vw,440px);pointer-events:none}.lcd{background:var(--lcd);border:1px solid #000;box-shadow:inset 1px 1px 0 var(--panel-lo),inset -1px -1px 0 var(--panel-hi);padding:8px 10px;display:grid;gap:6px}.lcd-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.clock{font-size:40px;line-height:1;letter-spacing:.04em;color:var(--accent);text-shadow:0 0 8px rgba(var(--accent-rgb),.7);font-variant-numeric:tabular-nums}.viz{width:120px;height:38px;flex:none;image-rendering:pixelated}.viz-btn{flex:none;padding:0;margin:0;border:0;background:none;cursor:pointer;line-height:0}.viz-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.marquee{position:relative;overflow:hidden;white-space:nowrap;color:var(--accent);text-shadow:0 0 6px rgba(var(--accent-rgb),.55);font-size:13px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:3px 0}.marquee-probe{position:absolute;visibility:hidden;pointer-events:none}.marquee-run{display:inline-flex;gap:3em;animation:scroll var(--dur, 12s) linear infinite;padding-right:3em}@keyframes scroll{to{transform:translate(-50%)}}.marquee:has(.marquee-run){-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.lcd-info{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px;color:var(--accent-dim);letter-spacing:.06em}.tag{color:var(--accent)}.tag.amber{color:var(--amber)}.led-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--led-off);vertical-align:baseline}.led-dot.on{background:var(--accent);box-shadow:0 0 6px var(--accent);animation:pulse 2.4s ease-in-out infinite}.led-dot.warn{background:var(--amber);box-shadow:0 0 6px var(--amber)}@keyframes pulse{50%{opacity:.55}}.lcd-text{margin:0;color:var(--accent);text-shadow:0 0 6px rgba(var(--accent-rgb),.6);letter-spacing:.1em}.lcd-text.err{color:var(--red);text-shadow:0 0 6px rgba(255,77,77,.6)}.blink{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.dim{margin:0;color:var(--dim-text);font-size:12px}.seek{height:10px;background:#000;border:1px solid #000;box-shadow:inset 1px 1px 0 var(--panel-lo),inset -1px -1px 0 var(--panel-hi);position:relative;overflow:hidden}.seek-fill{height:100%;background:linear-gradient(to right,var(--fill-start),var(--accent));box-shadow:0 0 8px rgba(var(--accent-rgb),.6)}.seek.indeterminate .seek-fill{width:30%!important;animation:sweep 1.4s ease-in-out infinite alternate}@keyframes sweep{0%{transform:translate(0)}to{transform:translate(233%)}}.controls{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:6px;align-items:center}.controls .btn.amber,.controls .btn.quiet,.controls .dim{grid-column:1 / -1}.lcd-tools{margin-left:auto;display:inline-flex;gap:6px;align-items:center}.lcd-tool{display:grid;place-items:center;width:22px;height:22px;padding:0;color:var(--accent-dim);background:transparent;border:0;box-shadow:inset 1px 1px 0 var(--quiet-edge),inset -1px -1px #000;cursor:pointer}.lcd-tool:hover:not(:disabled){color:var(--accent)}.lcd-tool[aria-pressed=true]{color:var(--accent);filter:drop-shadow(0 0 3px rgba(var(--accent-rgb),.7))}.lcd-tool[aria-busy=true]{opacity:.5}.lcd-tool:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(pointer:coarse){.lcd-tool{width:32px;height:32px}}.btn{font:700 12px/1 var(--mono);letter-spacing:.1em;color:#cfe3ff;background:linear-gradient(#39424f,#232a33);border:1px solid #000;box-shadow:inset 1px 1px #5b6877,inset -1px -1px #11151a;padding:8px 12px;cursor:pointer}.btn:hover:not(:disabled){color:var(--accent)}.btn:active:not(:disabled),.btn[aria-pressed=true]{background:#1c2229;box-shadow:inset 1px 1px #11151a,inset -1px -1px #5b6877;color:var(--accent)}.btn:disabled{opacity:.4;cursor:default}.btn:focus-visible,input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.tune{width:100%;padding:14px;font-size:14px;color:var(--accent);text-shadow:0 0 6px rgba(var(--accent-rgb),.6)}.btn.amber{color:var(--amber)}.btn.link{display:block;text-align:center;text-decoration:none}.btn.quiet{width:100%;padding:6px 8px;font-weight:400;font-size:11px;color:var(--accent-dim);background:transparent;box-shadow:inset 1px 1px 0 var(--quiet-edge),inset -1px -1px #000}.btn.quiet:hover:not(:disabled),.btn.quiet[aria-pressed=true]{color:var(--accent)}.shared{list-style:none;margin:0;padding:6px 8px;background:#000;border:1px solid #000;box-shadow:inset 1px 1px 0 var(--panel-lo),inset -1px -1px 0 var(--panel-hi);font-size:12px;color:var(--list)}.shared li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 0}.vol{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px;color:var(--accent-dim);letter-spacing:.1em}.vol input{flex:1;min-width:60px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:linear-gradient(to right,var(--accent) var(--fill, 80%),#000 var(--fill, 80%));border:1px solid #000;box-shadow:inset 1px 1px 0 var(--panel-lo),inset -1px -1px 0 var(--panel-hi);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:14px;background:linear-gradient(#5b6877,#2b323b);border:1px solid #000;box-shadow:inset 1px 1px #8392a6}input[type=range]::-moz-range-thumb{width:10px;height:14px;border-radius:0;background:linear-gradient(#5b6877,#2b323b);border:1px solid #000}.banner{margin:0;padding:6px 8px;background:#2a1500;color:var(--amber);border:1px solid #5a3000;font-size:12px;letter-spacing:.1em}.browser-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.browser-note .btn{flex:none;margin-left:auto}.player{width:100%;aspect-ratio:16 / 9;min-height:202px;background:#000;border:1px solid #000;box-shadow:0 0 0 1px var(--edge),0 0 18px rgba(var(--accent-rgb),.12)}.player iframe{display:block;width:100%;height:100%}.playlist{list-style:none;margin:0;padding:4px;background:#000;border:1px solid #000;box-shadow:inset 1px 1px 0 var(--panel-lo),inset -1px -1px 0 var(--panel-hi);max-height:240px;overflow-y:auto;scrollbar-color:#2b323b #000}.playlist li{display:flex;gap:8px;padding:2px 4px;font-size:12px;color:var(--list)}.playlist li.current{background:var(--row);color:var(--hi)}.playlist .n{color:var(--accent-dim);flex:none}.playlist li.current .n{color:var(--accent)}.playlist .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist small{color:var(--muted);font-size:11px}.playlist li.current small{color:var(--text)}.playlist .d{flex:none;color:var(--accent-dim);font-variant-numeric:tabular-nums}.playlist .by{flex:0 1 auto;max-width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--amber);font-size:11px;opacity:.85}.playlist .t{flex:1 1 0;min-width:6em}.playlist li.current .by{color:#ffd08a;opacity:1}.by-lcd{color:var(--amber);letter-spacing:.06em}.playlist .x{flex:none;margin-left:4px;min-width:26px;padding:0 6px;font:700 13px/20px var(--mono);color:var(--x-fg);background:var(--x-bg);border:1px solid var(--x-border);cursor:pointer}.playlist .x:hover:not(:disabled){color:var(--amber);border-color:#5a3000}.playlist .x.armed{color:#000;background:var(--amber);border-color:var(--amber);letter-spacing:.06em}.playlist .x:disabled{opacity:.35;cursor:default}.playlist .x:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.playlist.rotation{max-height:300px}.playlist.rotation li{color:var(--list)}.boot{margin:0;white-space:pre-wrap;color:var(--accent);text-shadow:0 0 6px rgba(var(--accent-rgb),.5);font-size:12px}.boot b{color:var(--hi);font-weight:700}.logo{margin:0 0 6px;color:var(--accent);text-shadow:0 0 10px rgba(var(--accent-rgb),.7);font-size:11px;line-height:1.1;letter-spacing:0;overflow-x:auto}.steps{margin:0 0 8px;padding-left:1.6em;color:var(--accent);font-size:12px;line-height:1.6}.steps li::marker{color:var(--accent-dim)}.win-body>.btn.link+.steps{margin-top:10px}.chips{display:flex;flex-wrap:wrap;gap:6px}.btn.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;font-size:11px}.chip .sw{width:10px;height:10px;border:1px solid #000;flex:none}@media(pointer:coarse){.btn.chip{min-height:44px;padding:6px 12px}}@media(prefers-reduced-motion:reduce){.marquee-run,.blink,.seek.indeterminate .seek-fill,.led-dot.on{animation:none}}@media(max-width:360px){.clock{font-size:30px}.viz{width:84px}.controls{grid-template-columns:auto auto}.controls .vol{grid-column:1 / -1}.playlist li.current .by{display:none}}