:root{--page:linear-gradient(180deg, #241b3d, #121628);--ink:#171224;--panel:#f6d99b;--panel2:#ffd86f;--button:#79d7ff;--buttonText:#171224;--accent:#ff7ab6;--muted:#6b5a7b;--shadow:#0b0d16}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:var(--page);image-rendering:pixelated;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.4;overflow-x:hidden}button,textarea{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:0}textarea{resize:vertical;border:3px solid var(--ink);width:100%;min-height:98px;box-shadow:4px 4px 0 var(--shadow);background:#fff1bb;margin:8px 0;padding:10px}.wrap{width:min(760px,100%);margin:auto;padding:14px 16px 88px 12px}.pixel{border:4px solid var(--ink);box-shadow:5px 5px 0 var(--shadow);background:var(--panel)}.soft{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);background:var(--panel2)}.brand{color:#ffe9aa;text-shadow:3px 3px #0b0d16;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.brand h1{letter-spacing:-1px;margin:0;font-size:22px}.handheld{gap:14px;min-width:0;padding:14px;display:grid;overflow:hidden}.radio-panel,.stations-panel{min-width:0}.screen{background:#9adf7c;min-height:300px;padding:14px;position:relative;overflow:hidden}.screen:before{pointer-events:none;content:"";background:linear-gradient(#0000 50%,#00000014 50%) 0 0/100% 8px;position:absolute;inset:0}.sky{border:3px solid var(--ink);background:linear-gradient(#5a4d9e 0 55%,#30285d 55%);height:84px;position:relative;box-shadow:inset 0 -8px #00000014}.stars{color:#fff;letter-spacing:18px;font-size:18px;position:absolute;top:16px;left:18px}.moon{border:3px solid var(--ink);background:#ffe889;width:30px;height:30px;position:absolute;top:14px;right:22px;box-shadow:10px 0 #5a4d9e}.radio-face{border:4px solid var(--ink);background:#f2b35e;grid-template-columns:1fr 76px;gap:12px;width:min(260px,100%);height:112px;margin:18px auto 10px;padding:12px;display:grid;box-shadow:6px 6px #0000002e}.speaker{border:3px solid var(--ink);background:repeating-linear-gradient(0deg,#171224 0 4px,#f2b35e 4px 10px)}.dial{border:4px solid var(--ink);background:#79d7ff;place-items:center;font-weight:900;display:grid}.station-title{color:#171224;letter-spacing:-2px;text-transform:uppercase;margin:12px 0 0;font-size:clamp(28px,10vw,46px);line-height:.95}.track{color:#443957;margin:8px 0 0}.source,.notice{z-index:1;border:2px solid var(--ink);color:#171224;background:#fff1bb;margin:12px 0 0;padding:3px 6px;font-size:11px;font-weight:800;display:inline-block;position:relative}.notice{color:#fff;background:var(--accent);margin-top:10px}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px;display:grid}.btn{border:3px solid var(--ink);min-width:0;min-height:46px;color:var(--buttonText);text-align:center;text-transform:uppercase;background:var(--button);box-shadow:4px 4px 0 var(--shadow);padding:10px 6px;font-weight:800;overflow:hidden}.btn.active,.chip.active,.row.active,.nav [aria-current=page]{color:var(--buttonText);background:var(--accent)}.moods{scrollbar-width:none;gap:8px;min-width:0;padding:14px 0 4px;display:flex;overflow-x:auto}.moods::-webkit-scrollbar{display:none}.chip{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);background:#fff1bb;flex:none;padding:8px 10px}.tiny{color:var(--muted);margin:0 0 8px;font-size:12px}.station-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.row{border:3px solid var(--ink);width:100%;box-shadow:4px 4px 0 var(--shadow);background:#fff1bb;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.row b{text-align:left}.side-card,.empty{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--shadow);background:#fff1bb;padding:10px}.mini-btn{border:3px solid var(--ink);background:var(--button);width:100%;min-height:40px;box-shadow:4px 4px 0 var(--shadow);margin-bottom:12px;font-weight:800}.compact-list{gap:6px;margin:8px 0 0;padding-left:18px;display:grid}.empty{list-style:none}.nav{z-index:12;border:4px solid var(--ink);background:var(--panel);box-shadow:5px 5px 0 var(--shadow);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:10px;left:10px;right:10px}.nav button{border-right:3px solid var(--ink);min-height:56px;font-size:12px}.nav button:last-child{border-right:0}@media (width>=720px){.handheld{grid-template-columns:1fr .72fr;align-items:start}.nav{width:100%;margin-top:14px;position:static}.moods{flex-wrap:wrap;overflow:visible}}