:root{--bg: #07070a;--fg: #e8e6e0;--dim: #7a7d8c;--faint: #3a3a44;--accent: #c9ff3a}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%;width:100%}html{background:var(--bg)}body{background:var(--bg);color:var(--fg);font-family:JetBrains Mono,ui-monospace,Menlo,monospace;-webkit-font-smoothing:antialiased;overflow:hidden;cursor:none}@keyframes blink{50%{opacity:0}}@keyframes flicker{0%,to{opacity:.85}4%{opacity:.4}5%{opacity:.85}41%{opacity:.4}43%{opacity:.85}60%{opacity:.6}}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(120% 80% at 50% 45%,#0d0d12,#07070a 60%,#000)}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cursor-layer{z-index:11}.scanlines{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.vignette{background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.75) 100%)}.flash{background:#fff;mix-blend-mode:screen;transition:opacity .08s linear}.boot{position:absolute;top:22px;left:28px;font-size:11px;line-height:1.7;color:var(--dim);letter-spacing:.04em;text-shadow:0 0 10px rgba(201,255,58,.12);max-width:360px}.boot div{animation:rise .35s both}.boot .ok{color:var(--accent)}.boot .prompt{color:var(--fg)}.meta{position:absolute;top:22px;right:28px;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--dim);text-align:right;line-height:1.7}.meta .live{color:var(--accent)}.sound-toggle{position:fixed;left:28px;bottom:28px;z-index:10;display:inline-flex;align-items:stretch;background:#07070ac7;border:1px solid rgba(232,230,224,.14);color:var(--fg);font:500 11px/1 JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;border-radius:999px;-webkit-user-select:none;user-select:none;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);transition:border-color .15s;pointer-events:auto;overflow:hidden}.sound-toggle:hover,.sound-toggle.on{border-color:#c9ff3a73}.sound-btn{display:inline-flex;align-items:center;gap:10px;padding:11px 16px 11px 14px;background:transparent;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:none;flex-shrink:0}.sound-btn .dot{width:8px;height:8px;border-radius:50%;background:var(--faint);transition:background .15s,box-shadow .15s}.sound-toggle.on .sound-btn .dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}.player{display:inline-flex;align-items:center;gap:4px;padding-right:12px}.player .divider{width:1px;align-self:stretch;background:#e8e6e024;margin:8px 6px}.player .ctrl{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:0;padding:0;color:var(--fg);cursor:none;font-size:13px;line-height:1;opacity:.85;transition:color .15s,opacity .15s}.player .ctrl:hover{color:var(--accent);opacity:1}.player .ctrl-play{font-size:12px}.eq{display:inline-flex;align-items:flex-end;gap:2px;width:14px;height:16px;margin-right:4px;opacity:.3;transition:opacity .2s}.eq.playing{opacity:1}.eq span{width:2px;height:30%;background:var(--accent);border-radius:1px;box-shadow:0 0 4px #c9ff3a73}.eq.playing span{animation-name:eq-bounce;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.eq span:nth-child(1){animation-duration:.72s;animation-delay:-.2s}.eq span:nth-child(2){animation-duration:1.05s;animation-delay:-.55s}.eq span:nth-child(3){animation-duration:.85s;animation-delay:-.1s}.eq span:nth-child(4){animation-duration:.96s;animation-delay:-.42s}@keyframes eq-bounce{0%,to{height:25%}50%{height:100%}}.track-title{width:140px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.track-title-inner{display:inline-flex;gap:32px;white-space:nowrap;letter-spacing:.14em;font-size:10.5px;color:var(--accent);text-shadow:0 0 8px rgba(201,255,58,.25)}.track-title-inner.scrolling{animation:marquee var(--marquee-duration, 14s) linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--marquee-distance, 100%)))}}.sc-iframe{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;border:0;opacity:0;pointer-events:none}.caption{position:absolute;left:0;right:0;top:72%;display:flex;justify-content:center;pointer-events:none}.caption-inner{display:inline-flex;align-items:center;gap:12px;padding:11px 20px;border:1px solid rgba(201,255,58,.4);background:#07070ab3;font-size:11px;letter-spacing:.45em;text-transform:uppercase;color:var(--fg);animation:flicker 4.5s infinite}.caption-inner .arrow{color:var(--accent)}.footer{position:absolute;right:28px;bottom:28px;font-size:10px;letter-spacing:.5em;text-transform:uppercase;color:var(--faint);text-align:right;line-height:1.8}.key-echo{position:absolute;left:0;right:0;bottom:92px;text-align:center;pointer-events:none;font-size:24px;letter-spacing:.35em;color:var(--accent);text-shadow:0 0 14px rgba(201,255,58,.4)}.wordmark{display:flex;align-items:center;justify-content:center}.wordmark text{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;letter-spacing:.04em}@media (prefers-reduced-motion: reduce){.boot div{animation:none;opacity:1;transform:none}.boot .prompt span{animation:none!important;opacity:1!important}.caption-inner{animation:none}.track-title-inner.scrolling{animation:none;transform:none}.track-title-inner [aria-hidden=true]{display:none}.flash,.sound-toggle,.player .ctrl,.sound-btn .dot,.eq{transition:none}.eq.playing span{animation:none}.eq.playing span:nth-child(1){height:55%}.eq.playing span:nth-child(2){height:90%}.eq.playing span:nth-child(3){height:40%}.eq.playing span:nth-child(4){height:75%}}@media (max-width: 720px){.boot{max-width:220px;font-size:10px}.meta{font-size:9px}.caption-inner{padding:9px 14px;font-size:9.5px;letter-spacing:.35em}.footer{font-size:9px}.track-title{width:96px}.track-title-inner{font-size:10px;letter-spacing:.1em}.player .ctrl{width:22px;height:22px;font-size:12px}}