:root{--night:#110c0a;--cabinet:#1b1310;--bakelite:#261a15;--seam:#3a2a21;--ivory:#efe3cd;--muted:#a8937c;--amber:#f0b45c;--amber-deep:#9a6a2e;--onair:#d65a43;--f-display:"Limelight","Didot","Bodoni 72",Georgia,serif;--f-body:"Libre Franklin",-apple-system,"Segoe UI",Roboto,sans-serif;--f-mono:"Courier Prime","Courier New",ui-monospace,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--night);-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--ivory);font:15px/1.5 var(--f-body);background:radial-gradient(120% 60% at 50% -10%, #f0b45c21, transparent 60%), var(--night);padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:6px}.wrap{grid-template-columns:minmax(0,1fr);gap:18px;max-width:760px;margin:0 auto;padding-top:14px;display:grid}.wrap>*,[role=tabpanel]>*{min-width:0}.brand{align-items:flex-end;gap:12px;display:flex}.brand-mark{filter:drop-shadow(0 4px 10px #00000080);flex:none;width:52px;height:auto}.mast{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.call{font:700 11px/1 var(--f-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--amber-deep)}h1{font:400 clamp(26px,7vw,38px)/1.05 var(--f-display);letter-spacing:.01em;text-wrap:balance;color:var(--ivory);margin:6px 0 0}.onair{font:700 11px/1 var(--f-mono);letter-spacing:.2em;color:var(--muted);border:1px solid var(--seam);border-radius:999px;align-items:center;gap:7px;padding:7px 10px;display:inline-flex}.onair i{background:#4a2a22;border-radius:50%;width:8px;height:8px}.onair.live{color:var(--ivory);border-color:#d65a4380}.onair.live i{background:var(--onair);box-shadow:0 0 10px var(--onair)}.console{background:linear-gradient(180deg,var(--bakelite),var(--cabinet));border:1px solid var(--seam);border-radius:20px;gap:14px;padding:16px;display:grid;box-shadow:0 20px 40px -24px #000,inset 0 1px #ffffff0a}.dial{background:radial-gradient(90% 140% at 50% 120%,#f0b45c61,#f0b45c1a 55%,#1e120ae6),#2a1a10;border:1px solid #4b3527;border-radius:12px;height:74px;position:relative;overflow:hidden}.dial .scale{position:absolute;top:0;bottom:0;left:0;right:0}.tick{background:#28160abf;width:1px;height:8px;position:absolute;bottom:22px}.tick.maj{width:2px;height:16px}.lab{font:700 11px/1 var(--f-mono);color:#28160ad9;position:absolute;bottom:4px;transform:translate(-50%)}.stn{background:#28160a8c;border-radius:50%;width:5px;height:5px;margin-left:-2px;position:absolute;top:10px}.stn.tuned{background:#3a1d0f}.stn.stn-live{aspect-ratio:1;z-index:2;background:var(--onair);border:1.5px solid #3a1d0f;width:9px;height:9px;margin-left:-4.5px;top:8px;box-shadow:0 0 3px #d65a43b3}.dial{cursor:pointer}.kc{font:700 10px/1 var(--f-mono);letter-spacing:.18em;color:#28160acc;position:absolute;top:6px;right:10px}.needle{background:var(--onair);width:2px;margin-left:-1px;transition:left .9s cubic-bezier(.3,.7,.2,1);position:absolute;top:0;bottom:0;box-shadow:0 0 6px #d65a43cc}.np{gap:4px;min-width:0;display:grid}.np-series{font:700 11px/1.2 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}.np-title{font:600 clamp(19px,5vw,24px)/1.2 var(--f-body);text-wrap:balance;overflow-wrap:anywhere}.np-meta{font:400 13px/1.3 var(--f-mono);color:var(--muted)}.progress{font:400 12px/1 var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.transport{justify-content:center;align-items:center;gap:clamp(10px,4vw,26px);display:flex}.btn-ic{border:1px solid var(--seam);background:var(--cabinet);width:48px;height:48px;color:var(--ivory);border-radius:50%;place-items:center;display:grid}.btn-ic:active{transform:scale(.96)}.btn-ic svg{width:22px;height:22px}.btn-play{color:#2a1a10;background:radial-gradient(circle at 35% 30%,#fff7e6,var(--ivory) 45%,#c9b89a);border:none;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 6px 18px -6px #000,inset 0 -3px 6px #0000002e}.btn-play svg{width:30px;height:30px}.btn-play[disabled]{opacity:.5}.skip-lab{position:relative}.skip-lab b{font:700 9px/1 var(--f-mono);position:absolute;top:50%;left:50%;transform:translate(-50%,-38%)}.utility{border-top:1px solid var(--seam);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding-top:12px;display:flex}.util-item{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.util-item label{white-space:nowrap}select{background:var(--cabinet);border:1px solid var(--seam);color:var(--ivory);border-radius:8px;padding:6px 8px}.sleep-left{font:400 12px/1 var(--f-mono);color:var(--amber)}.switch{-webkit-appearance:none;appearance:none;background:var(--seam);cursor:pointer;border-radius:999px;flex:none;width:38px;height:22px;margin:0;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--amber-deep)}.switch:checked:after{background:var(--ivory);left:19px}input[type=range]{-webkit-appearance:none;appearance:none;--p:50%;background:0 0;width:100%;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--amber) var(--p),var(--seam) var(--p));border-radius:4px;height:4px}input[type=range]::-moz-range-track{background:var(--seam);border-radius:4px;height:4px}input[type=range]::-moz-range-progress{background:var(--amber);border-radius:4px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%,#fff7e6,var(--ivory) 50%,#bfae90);border:none;border-radius:50%;width:20px;height:20px;margin-top:-8px;box-shadow:0 2px 6px #0009}input[type=range]::-moz-range-thumb{background:var(--ivory);border:none;border-radius:50%;width:20px;height:20px}input[type=range]:disabled{opacity:.4}.bands{background:var(--cabinet);border:1px solid var(--seam);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.band{font:600 14px/1 var(--f-body);color:var(--muted);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 8px;display:flex}.band[aria-selected=true]{background:var(--bakelite);color:var(--ivory);box-shadow:inset 0 0 0 1px var(--seam)}.band small{font:700 10px/1 var(--f-mono);letter-spacing:.12em;color:var(--amber)}.stations{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:8px;padding:2px 2px 10px;display:flex;position:relative;overflow-x:auto}.station{scroll-snap-align:start;text-align:left;background:var(--cabinet);border:1px solid var(--seam);border-radius:12px;flex:none;gap:4px;min-width:150px;max-width:190px;padding:10px 12px;display:grid}.station .k{font:700 11px/1 var(--f-mono);letter-spacing:.12em;color:var(--amber-deep)}.station .n{font:600 14px/1.25 var(--f-body)}.station .y{font:400 12px/1 var(--f-mono);color:var(--muted)}.station[aria-pressed=true]{border-color:var(--amber-deep);background:var(--bakelite)}.station[aria-pressed=true] .k{color:var(--amber)}.ep-tools{align-items:center;gap:8px;display:flex}.search{background:var(--cabinet);border:1px solid var(--seam);min-width:0;color:var(--ivory);border-radius:10px;flex:1;padding:10px 12px}.search::placeholder{color:#7d6b58}.btn-text{background:var(--bakelite);border:1px solid var(--seam);font:600 13px/1 var(--f-body);color:var(--ivory);white-space:nowrap;border-radius:10px;padding:10px 12px}.status{font:400 13px/1.4 var(--f-mono);color:var(--muted);padding:6px 2px}.eps{border-top:1px solid var(--seam);margin:0;padding:0;list-style:none;display:grid}.ep{text-align:left;border:none;border-bottom:1px solid var(--seam);background:0 0;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;width:100%;padding:12px 4px;display:grid}.ep:hover{background:#ffffff05}.ep-t{font:500 15px/1.3 var(--f-body);overflow-wrap:anywhere;min-width:0}.ep-d{font:400 12px/1 var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ep-m{font:400 12px/1.3 var(--f-mono);color:var(--muted);grid-column:1/-1}.ep-m .res,.ep.cur .ep-t{color:var(--amber)}.tag{font:700 9px/1 var(--f-mono);letter-spacing:.16em;color:var(--onair);vertical-align:1px;border:1px solid #d65a438c;border-radius:4px;margin-right:6px;padding:3px 5px;display:inline-block}.amb-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.power{background:var(--bakelite);border:1px solid var(--seam);font:600 14px/1 var(--f-body);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.power i{background:#4a2a22;border-radius:50%;width:10px;height:10px}.power[aria-pressed=true] i{background:var(--amber);box-shadow:0 0 10px var(--amber)}.master{min-width:200px;color:var(--muted);white-space:nowrap;flex:1;align-items:center;gap:10px;font-size:13px;display:flex}.presets{flex-wrap:wrap;gap:8px;display:flex}.preset{border:1px solid var(--seam);font:500 13px/1 var(--f-body);color:var(--ivory);background:0 0;border-radius:999px;padding:8px 12px}.preset:hover{border-color:var(--amber-deep)}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.tile{background:var(--cabinet);border:1px solid var(--seam);border-radius:14px;gap:6px;min-width:0;padding:12px;display:grid}.tile.on{background:linear-gradient(180deg,#f0b45c12,transparent 70%),var(--cabinet);border-color:#f0b45c73}.tile-top{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;padding:0;display:flex}.tile-name{font:600 14px/1.25 var(--f-body)}.tile-note{font:400 12px/1.3 var(--f-body);color:var(--muted)}.lamp{background:#3d2620;border-radius:50%;flex:none;width:10px;height:10px;margin-top:3px;box-shadow:inset 0 0 0 1px #0006}.tile.on .lamp{background:var(--amber);box-shadow:0 0 10px var(--amber)}.tile.armed .lamp{background:var(--amber-deep)}.tile.loading .lamp{background:var(--amber-deep);animation:1s ease-in-out infinite alternate warm}@keyframes warm{to{opacity:.35}}.hint{font:400 13px/1.5 var(--f-body);color:var(--muted);max-width:62ch}.hint b{color:var(--ivory);font-weight:600}footer{font:400 12px/1.5 var(--f-mono);color:#7d6b58;text-align:center;padding-top:8px}footer a{color:var(--muted)}.made-by{margin-top:6px;display:block}.made-by a{color:var(--amber)}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);background:var(--ivory);color:#21150f;font:500 14px/1.3 var(--f-body);z-index:20;border-radius:10px;max-width:min(92vw,420px);padding:10px 14px;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000080}@media (min-width:640px){.console{padding:20px}.dial{height:84px}}@media (prefers-reduced-motion:reduce){.needle,.switch:after{transition:none}.tile.loading .lamp{animation:none}}.credits{font:400 12px/1.5 var(--f-mono);color:#7d6b58;gap:2px;display:grid}.credits a{color:var(--muted)}.src-tag{font:700 9px/1 var(--f-mono);letter-spacing:.14em;color:var(--amber-deep);vertical-align:1px;margin-left:6px}.views{flex-wrap:wrap;gap:6px;display:flex}.view-chip{border:1px solid var(--seam);font:600 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.view-chip[aria-pressed=true]{background:var(--bakelite);color:var(--ivory);border-color:var(--amber-deep)}.view-chip small{font:700 10px/1 var(--f-mono);color:var(--amber)}.ep-row{border-bottom:1px solid var(--seam);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.ep-row .ep{border-bottom:none}.star{width:40px;height:40px;color:var(--seam);background:0 0;border:none;place-items:center;display:grid}.star svg{fill:none;width:20px;height:20px;stroke:var(--muted);stroke-width:1.5px;stroke-linejoin:round}.star.on svg{fill:var(--amber);stroke:var(--amber)}.star:hover svg{stroke:var(--amber)}.mixes{gap:8px;display:grid}.mix-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.mix-head h3{font:700 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin:0}.mix-actions{flex-wrap:wrap;gap:6px;display:flex}.link-btn{font:500 13px/1 var(--f-body);color:var(--muted);text-underline-offset:3px;background:0 0;border:none;padding:4px 2px;text-decoration:underline}.link-btn:hover{color:var(--ivory)}.mix-list{flex-wrap:wrap;gap:8px;display:flex}.mix{border:1px solid var(--amber-deep);background:var(--bakelite);border-radius:999px;align-items:center;display:inline-flex}.mix>button{font:500 13px/1 var(--f-body);color:var(--ivory);background:0 0;border:none;padding:8px 12px}.mix .x{color:var(--muted);padding:8px 10px 8px 4px}.mix .x:hover{color:var(--onair)}.mix-form{flex-wrap:wrap;gap:8px;display:flex}.mix-form input{background:var(--cabinet);border:1px solid var(--seam);min-width:160px;color:var(--ivory);border-radius:10px;flex:1;padding:9px 12px}.empty-note{font:400 13px/1.4 var(--f-body);color:var(--muted)}.about{max-width:760px;padding-block-start:8px;padding-block-end:32px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));color:var(--muted);font:400 14px/1.6 var(--f-body);border-top:1px solid var(--seam);margin:8px auto 0}.about h2{font:400 22px/1.2 var(--f-display);color:var(--ivory);margin:20px 0 8px}.about h3{font:700 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin:22px 0 10px}.about p{max-width:65ch;margin:0}.about a{color:var(--ivory)}.about-bands{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;display:grid}.about-bands dt{font:700 12px/1.6 var(--f-mono);color:var(--ivory)}.about-bands dd{min-width:0;margin:0}.faq{gap:2px;display:grid}.faq details{border-bottom:1px solid var(--seam);padding:10px 0}.faq summary{cursor:pointer;color:var(--ivory);font-weight:500}.faq details p{margin-top:8px}.about-credit{margin-top:20px}.noscript{max-width:760px;color:var(--ivory);margin:16px auto;padding:0 16px}@media (max-width:480px){.about-bands{grid-template-columns:1fr}.about-bands dd{margin-bottom:8px}}
