.desktop{--chrome:#35353f;--chrome-hi:#63636f;--chrome-lo:#16161c;--lcd-bg:#0a120a;--lcd:#2ee600;background:radial-gradient(circle at 50% 38%,#0000008c,#000000eb),url(/art/come-what-may-cover.webp) 50% 30%/min(680px,90vw) no-repeat,#0d4f4f;flex-direction:column;align-items:center;gap:clamp(1rem,3vw,1.75rem);min-height:100svh;padding:clamp(1rem,5vw,3rem) 1rem 3rem;font-family:ui-monospace,SF Mono,Monaco,Cascadia Mono,Courier New,monospace;display:flex}.deck{flex-direction:column;align-items:center;gap:clamp(.75rem,2vw,1.25rem);width:100%;display:flex}.win{background:var(--chrome);border:1px solid var(--chrome-lo);width:min(460px,100%);box-shadow:inset 1px 1px 0 var(--chrome-hi), inset -1px -1px 0 var(--chrome-lo), 0 10px 30px #0000008c;-webkit-user-select:none;user-select:none}.win-bar{border-bottom:1px solid var(--chrome-lo);cursor:default;background:linear-gradient(#4d5a86 0%,#2b3355 100%);justify-content:space-between;align-items:center;gap:.5rem;padding:4px 6px;display:flex}@media (pointer:fine){.win-bar{cursor:grab}.win-bar.is-dragging{cursor:grabbing}}.win-title{letter-spacing:.12em;color:#dfe4ff;text-shadow:0 1px #000;font-size:10px}.win-buttons{gap:3px;display:flex}.win-buttons i{background:#9aa2c4;width:9px;height:9px;display:block;box-shadow:inset 1px 1px #c9cfe6,inset -1px -1px #3d4258}.win-body{padding:8px}.lcd{background:var(--lcd-bg);border:1px solid #000;gap:6px;padding:8px;display:grid;box-shadow:inset 0 0 12px #2ee6001f}.lcd-time{color:var(--lcd);text-shadow:0 0 6px #2ee60099;align-items:baseline;gap:8px;display:flex}.lcd-digits{font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:28px;line-height:1}.lcd-state{opacity:.8;font-size:14px}.lcd-marquee{white-space:nowrap;color:var(--lcd);text-shadow:0 0 5px #2ee60080;font-size:11px;overflow:hidden}.lcd-marquee span{padding-right:2rem;display:inline-block}.lcd-marquee span.is-scrolling{animation:18s linear infinite marquee}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.lcd-meta{letter-spacing:.1em;color:#1d8f10;gap:10px;font-size:9px;display:flex}.viz{cursor:pointer;border:1px solid #061006;width:100%;height:56px;display:block}.seek{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, #2b6f8f 0 var(--pct,0%), #1b1b22 var(--pct,0%) 100%);width:100%;height:12px;box-shadow:inset 1px 1px 0 var(--chrome-lo), inset -1px -1px 0 var(--chrome-hi);cursor:pointer;margin:8px 0;display:block}.seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:grab;background:#b9bfd2;width:10px;height:14px;box-shadow:inset 1px 1px #eef1f8,inset -1px -1px #5c6274}.seek::-moz-range-thumb{cursor:grab;background:#b9bfd2;border:0;border-radius:0;width:10px;height:14px;box-shadow:inset 1px 1px #eef1f8,inset -1px -1px #5c6274}.seek:focus-visible{outline-offset:2px;outline:1px dotted #b6ff5a}.controls{align-items:center;gap:4px;display:flex}.btn{font:inherit;color:#e8ebf5;background:var(--chrome);border:1px solid var(--chrome-lo);box-shadow:inset 1px 1px 0 var(--chrome-hi), inset -1px -1px 0 var(--chrome-lo);cursor:pointer;padding:6px 9px;font-size:12px;line-height:1}.btn:active{box-shadow:inset -1px -1px 0 var(--chrome-hi), inset 1px 1px 0 var(--chrome-lo)}.btn:disabled{opacity:.35;cursor:default}.btn-play{min-width:44px}.vol{align-items:center;gap:6px;margin-left:auto;display:flex}.vol-label{color:#9aa2c4;letter-spacing:.1em;font-size:9px}.vol input{accent-color:#2ee600;width:84px}.playlist{background:#06120a;border:1px solid #000;margin:0;padding:0;list-style:none}.row button{width:100%;font:inherit;color:#23c40f;cursor:pointer;text-align:left;background:0 0;border:0;align-items:baseline;gap:8px;padding:4px 7px;font-size:11px;display:flex}.row button:disabled{cursor:default}.row:hover:not(.is-locked) button{background:#0e2a14}.row.is-current button{color:#eaf6ff;background:#17346f}.row.is-locked button{color:#2c5a33}.row-n{text-align:right;opacity:.75;width:2.2ch}.row-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.row-time{font-variant-numeric:tabular-nums;opacity:.8}.playlist-foot{color:#9aa2c4;border-top:1px solid var(--chrome-lo);justify-content:space-between;padding:5px 7px;font-size:10px;display:flex}.playlist-note{color:#8f97b8;margin:6px 0 0;font-size:10px;line-height:1.5}.desktop-foot{margin:0;font-size:11px}.desktop-foot a{color:#bfe9e9;border-bottom:1px dotted #6fb3b3;text-decoration:none}.desktop-foot a:hover{color:#fff}@media (max-width:520px){.lcd-digits{font-size:22px}.vol input{width:60px}}@media (prefers-reduced-motion:reduce){.lcd-marquee span.is-scrolling{animation:none}}.lcd-preview{color:#b6ff5a;border:1px solid #1d8f10;margin-left:auto;padding:0 4px}.handoff{color:#23c40f;background:#06120a;border:1px solid #000;margin-top:8px;padding:8px;font-size:11px;line-height:1.5}.handoff p{margin:0}.handoff-links{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.handoff-links a{color:#e8ebf5;background:var(--chrome);border:1px solid var(--chrome-lo);box-shadow:inset 1px 1px 0 var(--chrome-hi), inset -1px -1px 0 var(--chrome-lo);padding:5px 10px;text-decoration:none}.handoff-links a:hover{color:#b6ff5a}.handoff-ask{color:#8f97b8;margin-top:6px}