/* KAOS FM — compact station console. */
.radio-panel{--radio-mint:#acffe0;--radio-muted:#a8b9c6;position:fixed;z-index:120;right:18px;bottom:calc(90px + env(safe-area-inset-bottom));width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 118px - env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;border:1px solid #6d969577;border-radius:24px;background:#0b1723;color:#f4f6fb;box-shadow:0 24px 90px #000b,0 0 50px #53d6bb13;font:14px/1.55 Arial,sans-serif;text-align:left;isolation:isolate}
.radio-panel[hidden],.radio-panel [hidden]{display:none!important}.radio-panel *{box-sizing:border-box}.radio-panel button,.radio-panel input,.radio-panel a{font:inherit}.radio-panel button,.radio-panel a,.radio-panel summary{touch-action:manipulation}.radio-panel button{cursor:pointer;color:inherit;background:#142736;border:1px solid #496675;border-radius:12px;min-height:44px;padding:10px 14px;font-weight:700;letter-spacing:.025em}.radio-panel button:hover,.radio-panel a:hover{filter:brightness(1.15)}.radio-panel :focus-visible{outline:2px solid #ffcb88;outline-offset:3px}.radio-panel button:disabled{opacity:.4;cursor:default}.radio-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 24px 12px;background:radial-gradient(ellipse at top left,#31575a65,transparent 70%)}.radio-header small{font-size:9px;letter-spacing:.22em;color:var(--radio-mint)}.radio-header h2{font-family:TakeoverDisplay,Arial,sans-serif;font-size:36px;line-height:1.1;margin:8px 0;color:#fff;letter-spacing:-.02em}.radio-header h2 em{font-style:normal;color:var(--radio-mint)}.radio-frequency{display:block;font:9px/1.8 monospace;letter-spacing:.28em;color:var(--radio-muted);margin-top:5px}.radio-header #radioClose{flex:none;align-self:flex-start;width:44px;padding:0;border-radius:50%;background:#ffffff08;font-size:27px;font-weight:400}.radio-signal{margin:0 24px 16px;display:flex;align-items:center;gap:8px;font:10px/1.5 monospace;letter-spacing:.08em;color:var(--radio-muted);min-height:22px}.radio-signal-dot{width:6px;height:6px;border-radius:100%;background:#6d7d88;flex:none}.radio-on-air .radio-signal-dot{background:var(--radio-mint);box-shadow:0 0 12px #acffe0}.radio-equalizer{margin-left:auto;display:flex;align-items:center;height:18px;gap:3px}.radio-equalizer i{display:block;width:3px;height:5px;background:var(--radio-mint)}.radio-on-air .radio-equalizer i{animation:radio-meter .7s alternate infinite}.radio-on-air .radio-equalizer i:nth-child(2){animation-delay:-.5s}.radio-on-air .radio-equalizer i:nth-child(3){animation-delay:-.2s}.radio-on-air .radio-equalizer i:nth-child(4){animation-delay:-.35s}@keyframes radio-meter{to{height:17px}}
.radio-tabs{display:flex;gap:6px;margin:0 18px 0;padding:5px;background:#040c14;border:1px solid #334552;border-radius:14px}.radio-tabs button{flex:1;min-width:0;border:0;background:transparent;color:var(--radio-muted);font-size:11px;min-height:40px;padding:8px 5px}.radio-tabs button[aria-selected=true]{background:#b1fbdc;color:#10252b;box-shadow:0 2px 8px #0005}.radio-content{overflow:auto;overscroll-behavior:contain;padding:20px 24px 24px;min-height:0;scrollbar-width:thin;scrollbar-color:#466171 transparent}.radio-bottomline{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #344452;padding:11px 24px;color:#b2c7cd;font:9px/1.6 monospace;letter-spacing:.12em;background:#09121d}.radio-bottomline span{color:#748a98}
.radio-spotify{padding:22px;border:1px solid #6bb49b66;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#429e7844,transparent 70%),linear-gradient(145deg,#173b38,#101f2b)}.radio-spotify>small{font-size:9px;letter-spacing:.16em;color:var(--radio-mint)}.radio-spotify h3{font-size:25px;letter-spacing:-.025em;margin:8px 0}.radio-spotify p{color:#b9d0cf;font-size:12px;line-height:1.6;margin:8px 0 16px}.radio-spotify #radioSpotify{display:block;padding:14px 12px;min-height:48px;border-radius:12px;text-decoration:none;text-align:center;background:#acffe0;color:#102820;font-weight:800;font-size:12px;letter-spacing:.08em}.radio-fallback{margin-top:14px;font-size:12px}.radio-fallback summary{cursor:pointer;color:#c1d6d1;padding:6px 0}.radio-fallback a{display:block;color:var(--radio-mint);margin:10px 0}.radio-fallback button{font-size:11px;width:100%}.radio-panel input[type=text],.radio-panel input[type=url]{width:100%;min-height:44px;background:#07141f;border:1px solid #405968;border-radius:9px;padding:11px;color:#e5edf2;margin:8px 0;font-size:12px}.radio-spotify .radio-service-note{font-size:11px;margin:14px 0 0;color:#acbebf}.radio-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.radio-personal{margin-top:18px;border-top:1px solid #314653;padding-top:15px}.radio-personal summary{cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.08em;padding:6px 0;min-height:36px}.music-link-note{color:var(--radio-muted);font-size:12px;line-height:1.65}.radio-personal label,.radio-personal>small{display:block;font-size:9px;letter-spacing:.1em;color:#b7c9d3}.radio-personal form{background:#10212e;border-radius:12px;padding:14px;margin:16px 0}.radio-personal form button{width:100%;margin-top:8px}.music-saved{display:flex;align-items:center;gap:8px;margin-top:8px;background:#152937;border-radius:12px;padding:10px 12px}.music-saved a{flex:1;min-width:0;text-decoration:none;color:#e2f4ed;overflow-wrap:anywhere}.music-saved small{display:block;color:var(--radio-mint);font-size:9px;letter-spacing:.12em}.music-saved span{display:block;font-size:14px;margin-top:3px}.music-saved button{padding:0;width:44px;flex:none;background:transparent;border:0;font-size:20px}.music-browse{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.music-browse a{color:#c6d7dd;font-size:11px;padding:10px 8px;border:1px solid #40515d;border-radius:8px;text-decoration:none;min-height:44px;display:flex;align-items:center}#musicLinkStatus{font-size:12px;color:var(--radio-mint)}
.radio-pane-kicker{font-size:9px;letter-spacing:.15em;color:var(--radio-muted);margin:0 0 15px}.radio-stations{display:flex;gap:5px;flex-wrap:wrap}.radio-stations button{font-size:9px;padding:8px 9px;min-height:36px;border-radius:9px;background:#122530}.radio-stations button[aria-pressed=true]{border-color:var(--radio-mint);color:var(--radio-mint);background:#183a39}.radio-now{display:flex;align-items:center;gap:17px;padding:26px 0 18px}.radio-record{width:80px;height:80px;flex:none;border-radius:18px;display:grid;place-items:center;border:1px solid #a6b0e466;background:repeating-radial-gradient(circle,#152635 0 4px,#243b4e 5px 6px);box-shadow:0 10px 24px #0004}.radio-record i{display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#bcebd7;color:#133037;font:bold 9px monospace;font-style:normal}.radio-now h3{font-size:23px;line-height:1.2;margin:6px 0 5px;overflow-wrap:anywhere}.radio-now small{font-size:10px;color:#adc8cf}.radio-now span{font-size:11px;color:var(--radio-muted)}.radio-panel input[type=range]{accent-color:var(--radio-mint);cursor:pointer;height:28px;min-width:0;width:100%;margin:0;touch-action:pan-x}.radio-seek>div{display:flex;justify-content:space-between;font:10px monospace;color:var(--radio-muted)}.radio-transport{display:flex;justify-content:center;gap:10px;margin:18px 0}.radio-transport #radioPlay{flex:1;background:var(--radio-mint);color:#122c2b;border-color:var(--radio-mint);min-height:52px;font-size:12px}.radio-transport #radioPrev,.radio-transport #radioNext{width:52px;font-size:19px}.radio-volume{display:flex;align-items:center;gap:10px}.radio-volume label{font-size:9px;color:var(--radio-muted);white-space:nowrap}.radio-volume span{font:10px monospace;min-width:30px;text-align:right}#radioStatus{font-size:11px;color:var(--radio-mint);line-height:1.6;min-height:34px;margin:12px 0}.radio-tracks{border-top:1px solid #314653;margin:12px 0}.radio-tracks button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #314653;border-radius:0;background:transparent;padding:12px 5px;font-size:13px}.radio-tracks button[aria-pressed=true]{color:var(--radio-mint)}.radio-tracks small{display:block;font-size:10px;color:var(--radio-muted);font-weight:400;margin-top:3px}.radio-tracks p{color:var(--radio-muted);font-size:12px}.radio-upload{display:block;cursor:pointer;text-align:center;padding:13px;border:1px dashed #628b8a;border-radius:10px;color:var(--radio-mint);font-size:10px;font-weight:bold;position:relative;overflow:hidden}.radio-upload:focus-within{outline:2px solid #ffcb88}.radio-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.radio-clear{width:100%;margin-top:8px;font-size:10px!important}.radio-panel footer{margin-top:14px;font-size:10px;line-height:1.6;color:#90a7b3}
.kaos-host-label{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.1em;color:var(--radio-muted)}.kaos-host-label strong{color:var(--radio-mint)}.kaos-host-buttons{display:flex;flex-direction:column;gap:10px;margin:18px 0}.kaos-host-buttons button:not(.host-stop){display:flex;align-items:center;text-align:left;gap:14px;min-height:82px;padding:16px;background:linear-gradient(115deg,#283146,#1a2536);border-color:#5f587966}.kaos-host-buttons button:nth-child(2){background:linear-gradient(115deg,#1e403f,#162a35)}.host-avatar{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e9b6d4;color:#382843;font-family:TakeoverDisplay,Arial;font-size:25px}.host-avatar.benji{background:#b5f1d8;color:#183b37}.kaos-host-buttons strong{display:block;font-size:18px}.kaos-host-buttons small{display:block;font-size:10px;font-weight:400;color:#bdccd6;margin-top:3px}.kaos-host-buttons .host-stop{align-self:flex-end;background:transparent;font-size:10px;min-height:36px}.kaos-host>label{font-size:10px;letter-spacing:.1em;color:var(--radio-muted)}#kaosHostCaption{font-size:13px;color:#d0dce5;line-height:1.75;padding:16px;background:#142330;border-left:2px solid #b5f1d8;border-radius:0 10px 10px 0;margin:18px 0}.kaos-host>small{display:block;color:var(--radio-muted);font-size:10px;line-height:1.6;margin-top:10px}#kaosHostStatus{font-size:11px;color:var(--radio-mint);min-height:36px}
@media(max-width:500px){.radio-panel{right:14px;bottom:calc(88px + env(safe-area-inset-bottom));border-radius:20px;max-height:calc(100dvh - 108px - env(safe-area-inset-bottom))}.radio-header{padding:20px 20px 10px}.radio-header h2{font-size:32px}.radio-signal{margin-left:20px;margin-right:20px}.radio-content{padding:18px 18px 20px}.radio-spotify{padding:18px}.radio-bottomline{padding:10px 18px;font-size:8px}.radio-now h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.radio-panel *{animation:none!important;transition:none!important}}