@font-face{font-family:VCR OSD Mono;src:url(./VCR_OSD_MONO-Ceif2qmb.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--screen:#00f;--lime:#0f0;--lime-light:#9dff9d;--lime-dark:#008a00;--phosphor:#eaffea;--yellow:#ffe14d;--orange:#ff4d12;--plastic:#14141a;--plastic-hover:#1e1e26;--plastic-edge-dark:#05050a;--plastic-edge-light:#34343f;--ink:#05100a;--font:"VCR OSD Mono", ui-monospace, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.45 var(--font)}*{box-sizing:border-box}html{background:var(--screen);-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--phosphor);background:var(--screen);-webkit-font-smoothing:none;margin:0;overflow-x:hidden}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}ul{margin:0;padding:0;list-style:none}.static{z-index:50;pointer-events:none;opacity:.072;background-repeat:repeat;position:fixed;inset:0}.hum{z-index:51;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#becdff00,#becdff0f,#becdff00);height:42vh;animation:12s linear infinite hum;position:fixed;top:0;left:0;right:0}@keyframes hum{0%{transform:translateY(100vh)}to{transform:translateY(-42vh)}}.filters{width:0;height:0;position:absolute}.osd-bar{z-index:40;padding:calc(14px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) 14px calc(18px + env(safe-area-inset-left));letter-spacing:2px;pointer-events:none;filter:url(#composite);justify-content:space-between;font-size:18px;display:flex;position:absolute;top:0;left:0;right:0}.status-cover{z-index:40;height:calc(200px + env(safe-area-inset-top,0px));background:var(--screen);pointer-events:none;position:fixed;top:-200px;left:0;right:0}.osd-glyph{color:var(--lime);margin-right:8px;animation:1.2s step-end infinite blink}.osd-counter{font-variant-numeric:tabular-nums}@keyframes blink{50%{opacity:0}}.page{width:100%;max-width:560px;padding:calc(66px + env(safe-area-inset-top)) 16px calc(48px + env(safe-area-inset-bottom));filter:url(#composite);margin:0 auto}.logo{width:min(78%,360px);margin:0 auto 34px;line-height:0}.logo img{width:100%;height:auto;display:block}.now-playing,.row,.poster,.key{background:var(--plastic);border:2px solid var(--plastic-edge-dark);border-top-color:var(--plastic-edge-light);border-left-color:var(--plastic-edge-light);box-shadow:4px 4px #00000073}.row,.key,.poster{transition:background 60ms step-end,color 60ms step-end,transform 60ms step-end,box-shadow 60ms step-end}.row.is-lit,.row:focus-visible,.key.is-lit,.key:focus-visible,.key.key--lit{background:var(--lime);border-color:var(--lime-light);border-bottom-color:var(--lime-dark);border-right-color:var(--lime-dark);color:var(--ink);outline:none}.row.is-pressed,.key.is-pressed,.poster.is-pressed{transform:translate(3px,3px);box-shadow:1px 1px #00000073}.now-playing{grid-template-columns:148px 1fr;gap:16px;margin-bottom:32px;padding:12px;display:grid}.np-art{border:2px solid var(--plastic-edge-dark);border-bottom-color:var(--plastic-edge-light);border-right-color:var(--plastic-edge-light);align-self:start;line-height:0;position:relative}.np-art img{width:100%;height:auto}.np-badge{letter-spacing:2px;color:var(--ink);background:var(--yellow);padding:4px 6px 3px;font-size:12px;line-height:1;position:absolute;top:6px;left:6px;box-shadow:2px 2px #0009}.np-body{min-width:0}.np-kicker{letter-spacing:3px;color:#8a8aa0;align-items:center;gap:8px;margin:2px 0 6px;font-size:13px;display:flex}.rec-dot{background:var(--orange);width:9px;height:9px;animation:1s step-end infinite blink}.np-title{letter-spacing:2px;color:var(--lime);margin:0;font-size:30px;font-weight:400;line-height:1.05}.np-artist{letter-spacing:3px;color:#b8b8c8;margin:4px 0 12px;font-size:14px}.np-services{gap:6px;display:grid}.key{letter-spacing:2px;color:var(--phosphor);padding:9px 10px 8px;font-size:13px;display:block}.key:before{content:"▶";color:var(--lime);margin-right:8px}.key.is-lit:before,.key:focus-visible:before{color:inherit}.guide{margin-bottom:28px}.guide-heading{letter-spacing:4px;color:var(--yellow);background:#2b4d96;border:2px solid #0f1a33;border-color:#8ea6c8 #0f1a33 #0f1a33 #8ea6c8;align-items:center;gap:10px;margin:0 0 10px;padding:6px 10px 5px;font-size:15px;font-weight:400;display:flex}.guide-heading:after{content:"";background:repeating-linear-gradient(to right, var(--yellow) 0 6px, transparent 6px 10px);opacity:.5;flex:1;height:2px}.rows{gap:8px;display:grid}.row{letter-spacing:2px;align-items:center;gap:12px;min-height:56px;padding:10px 14px 10px 10px;font-size:16px;display:flex}.row-ch{width:38px;height:32px;color:var(--yellow);border:2px solid var(--plastic-edge-light);border-top-color:var(--plastic-edge-dark);border-left-color:var(--plastic-edge-dark);background:#0a0a10;flex:none;place-items:center;font-size:14px;display:grid}.row-label{flex:1;min-width:0}.row-handle{letter-spacing:1px;color:#7d7d92;flex:none;font-size:12px}.row:after{content:"▶";color:var(--lime);flex:none}.row.is-lit .row-ch,.row:focus-visible .row-ch{color:var(--lime);background:var(--ink)}.row.is-lit .row-handle,.row:focus-visible .row-handle,.row.is-lit:after,.row:focus-visible:after{color:var(--ink)}.poster{margin-bottom:8px;padding:8px;display:block}.poster img{border:2px solid var(--plastic-edge-dark);border-bottom-color:var(--plastic-edge-light);border-right-color:var(--plastic-edge-light);width:100%;height:auto;display:block}.poster-caption{letter-spacing:2px;align-items:center;gap:12px;padding:10px 6px 4px 2px;display:flex}.poster-title{flex:1;min-width:0}.poster-cta{color:var(--ink);background:var(--orange);flex:none;padding:6px 8px 5px;font-size:13px;box-shadow:2px 2px #0009}.poster.is-lit,.poster:focus-visible{border-color:var(--lime-light);border-bottom-color:var(--lime-dark);border-right-color:var(--lime-dark);background:var(--lime);color:var(--ink);outline:none}.poster.is-lit .row-ch,.poster:focus-visible .row-ch{color:var(--lime);background:var(--ink)}.footer{text-align:center;margin-top:40px}.footer .key{padding:14px 20px 13px;font-size:15px;display:inline-block}.footer .key:before{content:none}.footer .key.is-lit,.footer .key:focus-visible{background:var(--phosphor);border-color:#fff #9aa69a #9aa69a #fff}@media (width<=420px){.now-playing{grid-template-columns:112px 1fr;gap:12px}.np-title{font-size:24px}.row{letter-spacing:1px;font-size:14px}.row-handle{display:none}.poster-caption{letter-spacing:1px;font-size:14px}.osd-bar{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.hum{display:none}}