:root{--bg:#141114;--ink:#1b1716;--text:#eae6df;--muted:#a9a5ad;--cream:#f1ebde;--paper:#efe9dc;--paper-ink:#4d4743;--plastic:#0e0e10;--plastic-2:#2a2a2e;--key:#3a3a3f;--vfd:#5ff0e0;--hot:#ffe08a;--blue:#1b2bc2;--panel-w:380px;--gutter:20px;--font-vt:"VT323", ui-monospace, monospace;--font-sans:"Archivo Narrow", "Helvetica Neue", sans-serif;--font-marker:"Permanent Marker", "Comic Sans MS", cursive;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--hot);outline-offset:2px}a{color:inherit}.stage{position:fixed;inset:0}.css-layer,.gl-layer{position:absolute;inset:0}.css-layer{pointer-events:none;overflow:hidden}.css-layer iframe{pointer-events:none;border:0;display:block}.gl-layer canvas{touch-action:none;width:100%;height:100%;display:block}.crt-video{filter:blur(.7px)saturate(1.3)contrast(1.08)brightness(1.06)sepia(.08);background:#000;width:960px;height:720px;transition:filter .25s;overflow:hidden}.crt-video.is-seeking{filter:blur(1.6px)saturate(1.9)contrast(1.25)hue-rotate(-8deg)}.crt-video{position:relative}.crt-video iframe{position:absolute;top:-240px;left:0;width:960px!important;height:1200px!important}.fx-grain,.fx-vignette{pointer-events:none;z-index:5;position:fixed;inset:0}.fx-grain{opacity:.085;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.4s step-end infinite grain;inset:-50%}.fx-vignette{background:radial-gradient(at 45% 48%,#0000 52%,#0000008c 100%)}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-6%,3%)}40%{transform:translate(4%,-5%)}60%{transform:translate(-2%,6%)}80%{transform:translate(5%,2%)}to{transform:translate(-4%,-3%)}}.brand{left:var(--gutter);z-index:6;pointer-events:none;font-family:var(--font-vt);letter-spacing:3px;text-shadow:2px 0 #ff005080,-2px 0 #00dcff80;position:fixed;top:16px}.brand-mark{color:#fff;font-size:34px;line-height:1}.brand-mark span{color:var(--vfd);margin-left:6px}.brand-sub{color:var(--muted);text-shadow:none;letter-spacing:2px;font-size:15px}.hud-top{z-index:7;top:16px;right:calc(var(--panel-w) + var(--gutter) + 12px);gap:8px;transition:right .5s cubic-bezier(.6,0,.2,1);display:flex;position:fixed}body.panel-closed .hud-top,body.view-tv .hud-top{right:var(--gutter)}.chip{color:#fff;min-height:44px;font-family:var(--font-vt);letter-spacing:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0e8c;border:2px solid #ffffffbf;border-radius:0;align-items:center;gap:8px;padding:0 14px;font-size:22px;display:inline-flex}.chip:hover{color:var(--hot);border-color:var(--hot)}.chip[aria-pressed=false] #snd-wave{display:none}.tooltip{z-index:9;pointer-events:none;font-family:var(--font-vt);letter-spacing:2px;color:#fff;white-space:nowrap;opacity:0;background:#05060ad9;border:1px solid #fff6;padding:4px 10px;font-size:22px;transition:opacity .12s;position:fixed;top:0;left:0;transform:translate(-9999px)}.tooltip.is-on{opacity:1}.panel{z-index:6;width:var(--panel-w);padding:76px var(--gutter) var(--gutter) 0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4a4a50 transparent;flex-direction:column;gap:20px;transition:transform .5s cubic-bezier(.6,0,.2,1),opacity .4s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}body.panel-closed .panel,body.view-tv .panel{opacity:0;pointer-events:none;transform:translate(calc(100% + 40px))}.library{flex-direction:column;gap:12px;display:flex}.library-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.library-head h1{white-space:nowrap;font-family:var(--font-vt);letter-spacing:3px;color:#f4efe6;margin:0;font-size:38px;font-weight:400}.library-head span{text-align:right;letter-spacing:2px;color:var(--muted);font-size:13px}.tape-list{flex-direction:column;gap:12px;display:flex}.tape-btn{background:var(--plastic);text-align:left;height:74px;color:inherit;border:0;border-radius:6px;align-items:center;gap:12px;padding:9px 12px;transition:transform .3s,opacity .3s;display:flex;box-shadow:0 8px 18px #00000080,inset 0 1px #ffffff14}.tape-btn:hover{transform:translate(-6px)}.tape-btn.is-in{opacity:.62;transform:translate(-18px)}.tape-sticker{background:var(--cream);min-width:0;height:100%;color:var(--ink);border-radius:3px;flex:1;align-items:center;gap:12px;padding:0 12px;display:flex}.tape-stripe{align-self:stretch;width:12px;margin:6px 0}.tape-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tape-label{font-family:var(--font-marker);white-space:nowrap;text-overflow:ellipsis;font-size:23px;line-height:1;overflow:hidden}.tape-meta{white-space:nowrap;text-overflow:ellipsis;letter-spacing:2px;color:var(--paper-ink);font-size:12px;overflow:hidden}.tape-badge{font-family:var(--font-vt);letter-spacing:1px;background:var(--ink);color:var(--cream);padding:2px 8px;font-size:19px}.tape-len{font-family:var(--font-vt);color:#8f8b93;font-size:18px}.jcard{background:var(--paper);color:var(--ink);background-image:repeating-linear-gradient(0deg,#00000005 0 1px,#0000 1px 3px);border-radius:6px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden;box-shadow:0 18px 40px #00000073}.jcard-empty{flex-direction:column;gap:10px;padding:28px 24px;display:flex}.jcard-empty h2{font-family:var(--font-marker);margin:0;font-size:28px;font-weight:400}.jcard-empty p{color:var(--paper-ink);margin:0;font-size:17px;line-height:1.45}.jcard-head{justify-content:space-between;align-items:baseline;gap:12px;padding:16px 20px;display:flex}.jcard-head h2{font-family:var(--font-marker);margin:0;font-size:27px;font-weight:400}.jcard-head span{font-family:var(--font-vt);letter-spacing:2px;white-space:nowrap;font-size:22px}.jcard-sec{flex-direction:column;gap:10px;padding:16px 20px 6px;display:flex}.jcard-label{letter-spacing:3px;color:var(--paper-ink);font-size:12px;font-weight:700}.genres{flex-wrap:wrap;gap:8px;display:flex}.genre-btn{border:2px solid var(--ink);min-height:44px;color:var(--ink);letter-spacing:1px;background:0 0;border-radius:22px;padding:0 15px;font-size:16px;font-weight:600}.genre-btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.genre-btn:hover:not([aria-pressed=true]){background:#1b171614}.tracks{flex-direction:column;gap:4px;padding:6px 20px 18px;display:flex}.track-btn{min-height:48px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:12px;padding:6px 12px;display:flex}.track-btn:hover:not(.is-on){background:#1b171612}.track-num{font-family:var(--font-vt);width:28px;font-size:24px}.track-main{flex-direction:column;flex:1;min-width:0;display:flex}.track-title{font-size:17px;font-weight:700}.track-artist{color:#3d3834;font-size:14px}.track-year{font-family:var(--font-vt);font-size:20px}.ext-links{flex-direction:column;gap:8px;margin:0 20px 20px;display:flex}.ext-link{border:2px solid var(--ink);min-height:44px;font-family:var(--font-vt);letter-spacing:2px;justify-content:center;align-items:center;gap:10px;padding:0 12px;font-size:22px;text-decoration:none;display:flex}.ext-link:hover{background:var(--ink);color:var(--paper)}.ext-link svg{flex-shrink:0}.ext-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ext-artist{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--font-marker);letter-spacing:0;font-size:18px;overflow:hidden}.ext-suffix{flex-shrink:0;margin-left:-4px}.remote{background:var(--plastic-2);border-radius:12px;flex-direction:column;flex-shrink:0;gap:10px;padding:14px 16px 12px;display:flex;box-shadow:0 18px 40px #00000080,inset 0 2px #ffffff14}.remote-head{letter-spacing:3px;color:#b3b0b8;justify-content:space-between;font-size:12px;font-weight:700;display:flex}.remote-row{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.remote-row--tv{grid-template-columns:repeat(4,1fr)}.remote-row button{background:var(--key);color:#e8e5df;height:46px;font-family:var(--font-vt);letter-spacing:1px;border:0;border-radius:6px;justify-content:center;align-items:center;font-size:20px;display:flex;box-shadow:inset 0 -3px #0006}.remote-row button:active{transform:translateY(2px);box-shadow:inset 0 -1px #0006}.remote-row button.is-play{color:var(--vfd);background:#4a4a50}.remote-row button:hover{color:var(--hot)}.keys{font-family:var(--font-vt);letter-spacing:1px;color:#8f8b93;margin:0;font-size:17px}.boot{z-index:20;padding:var(--gutter);background:radial-gradient(#141a5a8c,#05050aeb 70%);place-items:center;transition:opacity 1s,visibility 1s;display:grid;position:fixed;inset:0}.boot.is-gone{opacity:0;visibility:hidden}.boot-screen{text-align:center;width:min(720px,100%);font-family:var(--font-vt);color:#fff;flex-direction:column;align-items:center;gap:18px;padding:56px 40px 40px;display:flex;position:relative}.boot-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(#00000059 0 1px,#0000 2px 4px);position:absolute;inset:0}.boot-osd{letter-spacing:3px;text-shadow:2px 2px #0009;justify-content:space-between;font-size:32px;display:flex;position:absolute;top:0;left:0;right:0}.boot-osd span:first-child{animation:1.2s step-end infinite blink}.boot-counter{letter-spacing:2px;opacity:.8;font-size:28px;position:absolute;bottom:-10px;left:0}.boot-title{letter-spacing:6px;text-shadow:4px 0 #ff00508c,-4px 0 #00dcff8c;font-size:clamp(72px,15vw,150px);line-height:.85;animation:.18s step-end infinite jitter}.boot-title span{color:var(--vfd);margin-left:.12em}.boot-copy{color:#e6e3ff;max-width:34ch;margin:0;font-size:26px;line-height:1.15}.boot-btn{color:#fff;min-height:56px;font-family:var(--font-vt);letter-spacing:3px;background:#00000059;border:3px solid #fff;align-items:center;gap:12px;margin-top:8px;padding:0 26px;font-size:30px;display:inline-flex}.boot-btn:hover:not(:disabled){color:var(--blue);background:#fff}.boot-btn:disabled{opacity:.6;cursor:progress}.boot-note{letter-spacing:1px;color:#b9b7d8;margin:0;font-size:20px}.noscript{font-family:var(--font-vt);place-items:center;font-size:28px;display:grid;position:fixed;inset:0}@keyframes blink{50%{opacity:0}}@keyframes jitter{0%,to{transform:translateY(0)}50%{transform:translateY(1px)translate(-1px)}}@media (width<=820px){:root{--gutter:16px;--sheet-h:46vh}.brand-mark{font-size:28px}.brand-sub{display:none}.hud-top,body.panel-closed .hud-top{right:var(--gutter);top:12px}.chip{padding:0 10px;font-size:19px}.chip span{display:none}.panel{width:auto;height:var(--sheet-h);padding:16px var(--gutter);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141114f0;border-top:2px solid #2a2a2e;top:auto;left:0}body.panel-closed .panel,body.view-tv .panel{transform:translateY(calc(100% + 20px))}.tape-btn.is-in{transform:translate(-8px)}.keys{display:none}}@media (prefers-reduced-motion:reduce){.fx-grain,.boot-title,.boot-osd span:first-child{animation:none}.panel,.hud-top,.tape-btn{transition:none}}