:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0b1c2d;color:#e7f2fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 10%,#17425866,transparent 50%);min-height:100vh}a{color:inherit}header{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #ffffff15;flex-wrap:wrap}.brand{text-decoration:none;font-size:23px;font-weight:750}.brand b{color:#91cedc}nav{display:flex;gap:12px;flex-wrap:wrap}nav a,button{border:1px solid #42637c;background:#19364d;color:#dbeefb;border-radius:10px;padding:15px 20px;text-decoration:none;font:inherit;font-weight:650;cursor:pointer}nav a:first-child{background:#143537;color:#bde3dc}nav a:nth-child(2){background:#372a31}nav a[aria-current]{background:#226d79;border-color:#8ad6dc}main{max-width:1200px;margin:auto;padding:65px 24px 210px}.eyebrow{letter-spacing:.2em;color:#8dd8dc;font-size:12px;font-weight:700}h1{font-size:clamp(40px,6vw,74px);letter-spacing:-.05em;margin:18px 0}h1 span{color:#8ed7cf}.intro{color:#adc0ce;font-size:18px;max-width:650px;line-height:1.7}form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;padding:24px;background:#ffffff05;border:1px solid #ffffff14;border-radius:18px;margin:35px 0}label{display:grid;gap:9px;color:#afc3d2;font-size:13px}input,select{width:100%;min-width:0;font:inherit;font-size:16px;padding:14px;border-radius:8px;border:1px solid #3a5166;background:#0d2235;color:white}.primary{align-self:end;background:#8bd6cf;color:#102b35}.toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar>div{display:flex;gap:8px}button[aria-pressed=true]{border-color:#90d7d3;color:#a9ece1}#status{color:#b1cad9;margin:24px 0}#stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.station{padding:23px;border:1px solid #ffffff17;border-radius:15px;background:linear-gradient(135deg,#19374b,#102638);display:flex;flex-direction:column;gap:14px}.station h2{font-size:18px;margin:0;overflow-wrap:anywhere}.station small{color:#9bb9ca;line-height:1.6}.station .icon{font-size:28px;color:#8ed5d5}.station .actions{display:flex;gap:10px;margin-top:auto}.station .actions button:first-child{flex:1;background:#234958}.station.active{border-color:#83d7cc}#more{display:block;margin:28px auto}#more[hidden]{display:none}.note{font-size:12px;color:#8ca5b8;line-height:1.8;margin-top:35px}.player{position:fixed;bottom:0;width:100%;background:#0d2033f5;backdrop-filter:blur(18px);border-top:1px solid #507183;padding:20px 5%;display:flex;gap:25px;align-items:center;justify-content:space-between}.player>div{display:grid;gap:5px;min-width:0}.player small{letter-spacing:.16em;font-size:10px;color:#86d5d0}.player strong{overflow-wrap:anywhere}.player span,.player a{font-size:12px;color:#aac1d1}.player audio{width:350px;max-width:100%}button:hover,nav a:hover{filter:brightness(1.2)}:focus-visible{outline:3px solid #a5eee3;outline-offset:3px}@media(max-width:750px){header{padding:20px}nav{gap:7px}nav a{padding:12px;font-size:13px}main{padding-top:35px}form{grid-template-columns:1fr 1fr;padding:16px}form label:first-child{grid-column:1/-1}#stations{grid-template-columns:repeat(2,minmax(0,1fr))}.player{flex-direction:column;align-items:stretch;gap:10px;padding:14px 20px}.player audio{width:100%}.toolbar button{padding:12px;font-size:13px}}@media(max-width:440px){#stations{grid-template-columns:1fr}form{grid-template-columns:1fr}form label:first-child{grid-column:auto}.station{padding:20px}}
.stationLogo{width:72px;height:72px;border-radius:12px;object-fit:contain;background:#fff;padding:5px}.detailsButton{font-size:12px;background:transparent;border-color:#ffffff18;padding:11px}dialog{color:inherit;background:#10283b;border:1px solid #527486;border-radius:22px;padding:30px;max-width:690px;width:calc(100% - 30px);max-height:88dvh;overflow:auto}dialog::backdrop{background:#020e1cbb;backdrop-filter:blur(7px)}.infoTop{display:flex;align-items:center;justify-content:space-between;gap:15px}.infoTop button{font-size:25px;padding:5px 15px}.channelIdentity img{width:100px;height:100px;object-fit:contain;background:white;border-radius:15px;padding:8px;margin-top:15px}#channelTitle{font-size:30px;overflow-wrap:anywhere}#channelDescription{line-height:1.7;color:#b6ccd9}.onAir{background:#75cfc20d;border:1px solid #75cfc244;border-radius:12px;padding:22px;margin:20px 0}.onAir small{color:#9ae2d3;letter-spacing:.16em}.onAir h3{font-size:24px;margin:14px 0 8px;overflow-wrap:anywhere}.muted{font-size:12px;color:#9bb8c9;line-height:1.7}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}dl div{padding:12px;background:#ffffff05;border-radius:8px}dt{font-size:11px;text-transform:uppercase;color:#8fafc2;letter-spacing:.08em}dd{margin:7px 0 0;line-height:1.5;overflow-wrap:anywhere}.infoActions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}#playerInfo{padding:4px 9px;font-size:11px;width:max-content;background:transparent}#playerInfo[hidden]{display:none}.player #liveTrack{color:#b7e5dd;max-width:560px}main{padding-bottom:265px}@media(max-width:450px){dialog{padding:20px}dl{grid-template-columns:1fr 1fr}.onAir h3{font-size:20px}}
.viewTabs{display:flex;gap:10px;margin:28px 0}.viewTabs button{border-radius:30px}.viewTabs button[aria-pressed=true]{background:#a6d9d1;color:#143333}.retroMode main{max-width:1260px}.retroMode h1{font-size:clamp(38px,5vw,62px)}.retroMode .intro{max-width:none}.retroMode{background:radial-gradient(ellipse at 50% 40%,#283c48,#0a1725 75%)}.roomCaption{display:flex;justify-content:space-between;color:#a7b5b8;font-size:10px;letter-spacing:.23em;padding:22px 12px}.retroRadio{position:relative;max-width:1100px;margin:12px auto 45px;perspective:1200px;filter:drop-shadow(0 35px 25px #0008)}.radioBody{position:relative;padding:25px;display:grid;grid-template-columns:34% 1fr;gap:22px;border-radius:30px;background:repeating-linear-gradient(2deg,#7a4b2b10 0px,#cb9a4c16 1px,#3b1f161a 3px,#0000 6px),linear-gradient(100deg,#291b14,#755039 10%,#4c2f21 46%,#956744 90%,#322118);box-shadow:inset 0 3px 4px #ffe9a277,inset 0 -10px 15px #140c0ca6,0 0 0 2px #0e0c0b,0 8px 0 #302017}.radioBody:before{content:'';position:absolute;inset:10px;border:1px solid #d4ad6044;border-radius:22px;pointer-events:none}.speaker{border-radius:13px;min-height:340px;position:relative;background:repeating-linear-gradient(0deg,#0000 0 2px,#3d3126 2px 3px),repeating-linear-gradient(90deg,#c3ad83 0 2px,#554432 2px 4px);box-shadow:inset 0 0 30px #000c,inset 0 0 0 8px #332419,0 2px 4px #e4b97122;display:grid;place-items:center;overflow:hidden}.speaker:before{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:#0005;box-shadow:0 0 35px #0008;mix-blend-mode:multiply}.speaker span{position:absolute;bottom:30px;color:#d5ba8b;text-shadow:0 2px #000;font-weight:900;letter-spacing:.25em;font-size:13px}.radioFace{padding:20px 25px;border-radius:9px;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,#00000003 1px 2px),linear-gradient(115deg,#a59b83,#e7dfc6 28%,#aca58e 60%,#d9d0b7);box-shadow:inset 0 1px #fff9,inset 0 -2px #534c3b,0 3px 9px #0008;color:#2e332b;min-width:0}.radioBadge{font-size:14px;letter-spacing:.14em;font-weight:900;display:flex;align-items:center;gap:15px;margin-bottom:15px}.radioBadge b{font-size:9px;letter-spacing:.18em;opacity:.7}.powerLed{margin-left:auto;width:8px;height:8px;background:#554538;border-radius:100%;box-shadow:inset 0 1px 3px #000}.isPlaying .powerLed{background:#b5ff89;box-shadow:0 0 9px #aaff59}.tunerGlass{padding:17px 20px;border-radius:6px;background:linear-gradient(170deg,#ffffff0d,#0000 32%),#102823;box-shadow:inset 0 4px 13px #000c,0 1px 1px #fffa;border:4px solid #685f4a;color:#b8d39d}.tunerLabels{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;gap:8px}.tunerScale{display:flex;justify-content:space-between;position:relative;height:40px;align-items:end;font-family:monospace;font-size:10px;padding-bottom:4px;margin:10px 0;background:repeating-linear-gradient(90deg,#a2be8166 0 1px,#0000 1px 10px) top/100% 15px no-repeat;border-top:1px solid #a3bf8177}.tunerScale i{position:absolute;top:-4px;bottom:-4px;width:2px;left:5%;background:#f8a13c;box-shadow:0 0 8px #ffa34199;transition:left .5s}.retroDisplay{display:grid;gap:7px;min-height:65px;padding:10px 0 0;border-top:1px solid #a3bf8122}.retroDisplay>span{font-family:monospace;font-size:clamp(18px,2.3vw,29px);color:#e4d6a1;text-shadow:0 0 10px #c5e08155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retroDisplay small{font-size:11px;color:#a6bc98;line-height:1.5;min-height:32px}.radioControls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px}.knobWrap{display:grid;justify-items:center;gap:10px}.knobWrap small{font-size:8px;letter-spacing:.18em;font-weight:800}.knob{display:grid;place-items:center;border-radius:50%;width:70px;height:70px;padding:0;border:5px solid #655d49;background:repeating-conic-gradient(#bdb8a5 0deg 4deg,#867f6c 4deg 6deg);box-shadow:0 5px 6px #0006,inset 0 0 0 3px #e4dfc8}.knob i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:23px;color:#354035;background:radial-gradient(circle at 30% 20%,#f4efd8,#b6b09b 80%);box-shadow:inset 0 1px 2px #fff8}.knob:active{transform:translateY(2px)}.retroCenter{flex:1;min-width:0;display:grid;gap:8px}.retroCenter label{font-size:8px;letter-spacing:.15em;font-weight:900}.retroCenter select{font-size:12px;padding:8px;background:#d3cbb4;border-color:#968b71;color:#293a31;max-width:100%}.tuneButtons{display:flex;gap:5px}.tuneButtons button{flex:1;padding:7px 5px;font-size:9px;border-radius:4px;border:1px solid #a2987f;background:linear-gradient(#ece6d2,#bfb49a);color:#343b30;box-shadow:0 2px 1px #746c5666}.retroVolume{display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:.1em;margin-top:20px;color:#3a4036}.retroVolume input{padding:0;accent-color:#4b5d46;height:18px;border:0;background:none}.presetKeys{display:flex;gap:5px;margin-top:16px}.presetKeys button{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3d3c30;border:1px solid #968a6c;border-radius:4px;font-size:9px;padding:13px 4px;background:linear-gradient(#f2e7cb,#b5a98c);box-shadow:0 3px 0 #68604d,0 5px 3px #0003}.presetKeys button.selected{transform:translateY(2px);box-shadow:0 1px #68604d;background:#a7b39a}.radioFeet{position:absolute;bottom:-18px;left:10%;width:12%;height:16px;background:linear-gradient(#15130f,#3c3931);border-radius:0 0 8px 8px;box-shadow:640px 0 #25231d}.retroHint{text-align:center;color:#b5c6c6;font-size:12px;line-height:1.6}.retroHint:first-of-type{font-size:15px;color:#d6e3de}.retroMode #fullscreen{display:none}[hidden]{display:none!important}@media(max-width:750px){.roomCaption{font-size:8px;letter-spacing:.12em}.radioBody{padding:17px;gap:14px;grid-template-columns:24% 1fr;border-radius:22px}.speaker{min-height:310px}.speaker:before{width:140px;height:140px}.speaker span{font-size:9px;bottom:25px}.radioFace{padding:16px}.radioBadge{font-size:11px;gap:9px}.tunerGlass{padding:12px}.radioControls{gap:10px}.knob{width:49px;height:49px;border-width:3px}.knob i{width:34px;height:34px;font-size:18px}.presetKeys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.radioFeet{box-shadow:330px 0 #25231d}.retroDisplay>span{font-size:19px}.viewTabs button{font-size:13px;padding:13px 15px}.retroMode main{padding-left:14px;padding-right:14px}}@media(max-width:490px){.radioBody{grid-template-columns:1fr;padding:17px}.speaker{min-height:80px;order:2;border-radius:8px}.speaker:before{height:100px;width:160px}.speaker span{bottom:12px;font-size:10px}.radioFace{padding:18px}.radioBadge{font-size:13px}.tunerGlass{padding:16px}.retroDisplay>span{font-size:24px}.radioControls{gap:12px}.knob{width:58px;height:58px}.knob i{width:40px;height:40px}.radioFeet{box-shadow:235px 0 #25231d}.roomCaption span:last-child{display:none}.radioBody:before{inset:8px}.retroVolume{margin-top:18px}.presetKeys button{padding:11px 5px;font-size:10px}.retroMode .intro{font-size:15px}.viewTabs{margin:20px 0}.radioBody{gap:15px}}
/* Personal listening controls and a phone-first receiver. */
.retroDisplay{display:flex;align-items:center;gap:17px;min-height:116px}.stationAvatar{flex:0 0 70px;width:70px;height:70px;background:#cbd5b712;display:grid;place-items:center;border:1px solid #d6d6a644;border-radius:12px;overflow:hidden}.stationAvatar img{width:100%;height:100%;object-fit:contain;background:#f4f0de;padding:5px}.stationAvatar span{font:700 25px monospace;color:#d8d4a5}.retroText{display:flex;flex-direction:column;gap:8px;min-width:0}.retroText .displayEyebrow{font-size:8px;letter-spacing:.17em;min-height:0;color:#93b09c}.retroText #retroChannel{font:500 clamp(22px,2.5vw,34px) monospace;color:#efe5b4;line-height:1.2;overflow-wrap:anywhere}.retroText #retroTrack{font-size:13px;line-height:1.55;min-height:38px;overflow-wrap:anywhere;color:#c2d2b5}.retroCenter label{color:#333d31;font-size:10px}.retroCenter select{font-size:15px;min-height:46px}.tuneButtons button{min-height:44px;font-size:11px}.retroVolume{font-size:10px}.retroVolume input{height:36px;cursor:pointer;touch-action:pan-y}.presetsHeading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px}.presetsHeading>span{font-size:10px;font-weight:800;letter-spacing:.12em}.presetsHeading button{color:#343c31;background:#ffffff32;border-color:#8d866f;border-radius:5px;padding:8px 10px;min-height:40px;font-size:12px}.presetKeys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.presetKeys button{display:flex;align-items:center;gap:9px;min-height:52px;padding:10px;font-size:12px;text-align:left;white-space:normal}.presetKeys button small{font:700 10px monospace;opacity:.65}.presetKeys button span{overflow-wrap:anywhere;line-height:1.3}.presetEditor{background:#434a3520;border:1px solid #6a72544a;border-radius:8px;padding:15px;margin-top:15px}.presetEditor p{font-size:13px;line-height:1.6;margin-top:0}.presetEditor>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.presetEditor button{background:#e3dcc4;color:#263a2d;border-color:#8d977f;border-radius:6px;min-height:44px;font-size:12px;padding:9px}.presetEditor #resetPresets{margin-top:12px;background:transparent}.presetStatus{font-size:12px;line-height:1.4;margin-bottom:0;color:#314b34}.presetStatus:empty{display:none}.listeningTools{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:20px 10px;margin-top:10px}.listeningTools button{min-height:46px;padding:12px 17px;font-size:13px}.listeningTools label{display:flex;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap}.listeningTools select{width:auto;min-height:46px;font-size:14px}.listeningTools [role=timer]{font:500 16px monospace;color:#b6e4ce;border:1px solid #b6e4ce44;border-radius:8px;padding:12px;background:#b6e4ce09;white-space:nowrap}.retroMode .player{position:static;margin-top:10px}.retroMode main{padding-bottom:20px}.viewTabs{flex-wrap:wrap}.viewTabs #retroFullscreen{margin-left:auto}.radioFocus>header,.radioFocus main>.eyebrow,.radioFocus main>h1,.radioFocus main>.intro,.radioFocus .viewTabs,.radioFocus main>.note,.radioFocus .player{display:none}.radioFocus .retroRadio{margin-top:0}.radioFocus .roomCaption{display:none}#retroRoom:fullscreen{overflow:auto;padding:25px max(16px,calc((100vw - 1120px)/2));background:radial-gradient(ellipse at 50% 40%,#283c48,#0a1725 75%)}#retroRoom:fullscreen .retroRadio{max-width:1100px}.radioFeet{box-shadow:none;width:80%;left:10%;background:none;display:flex;justify-content:space-between}.radioFeet:before,.radioFeet:after{content:'';height:16px;width:15%;background:linear-gradient(#15130f,#3c3931);border-radius:0 0 7px 7px}button,input,select{-webkit-tap-highlight-color:transparent}.radioBody button:focus-visible{outline:3px solid #26594c;outline-offset:3px}@media(max-width:750px){.retroMode header{padding:16px 18px;gap:14px}.retroMode header nav{flex-wrap:nowrap;overflow:auto;width:100%;padding-bottom:3px}.retroMode header nav a{flex:none;min-height:42px;font-size:12px}.retroMode main{padding-top:22px}.retroMode main>.eyebrow{font-size:10px;letter-spacing:.12em}.retroMode h1{font-size:33px;margin:12px 0}.retroMode .intro{font-size:14px;line-height:1.5;margin:10px 0}.retroMode .viewTabs{gap:7px;margin:18px 0 8px}.retroMode .viewTabs button{font-size:12px;padding:11px 13px;min-height:44px}.retroMode .viewTabs #retroFullscreen{padding:11px 14px}.roomCaption{padding:15px 5px}.radioBody{grid-template-columns:1fr;padding:16px;gap:14px}.radioFace{padding:18px 16px}.speaker{order:2;min-height:70px}.speaker:before{width:170px;height:140px}.speaker span{bottom:12px;font-size:10px}.radioBadge{font-size:14px}.radioBadge b{font-size:9px}.tunerGlass{padding:15px 13px;border-width:3px}.tunerScale{height:29px;margin:10px 0}.stationAvatar{width:58px;height:58px;flex-basis:58px}.retroDisplay{gap:12px;min-height:117px;align-items:flex-start;padding-top:16px}.retroText #retroChannel{font-size:23px}.retroText #retroTrack{font-size:12px;min-height:54px}.retroText .displayEyebrow{font-size:7px}.radioControls{display:grid;grid-template-columns:60px minmax(0,1fr) 60px;gap:11px;margin-top:20px}.knob{width:60px;height:60px}.knob i{width:41px;height:41px;font-size:21px}.retroCenter select{font-size:14px;min-height:46px;padding:9px 7px}.retroCenter label{font-size:9px}.tuneButtons{gap:5px;grid-column:1/-1}.tuneButtons button{min-height:44px;font-size:10px}.knobWrap small{font-size:8px}.presetKeys button{font-size:12px;min-height:56px;padding:10px 7px;gap:6px}.presetsHeading>span{font-size:9px}.listeningTools{display:grid;grid-template-columns:1fr 1fr;padding:15px 0;gap:12px}.listeningTools>label{display:grid;gap:7px}.listeningTools>label select{width:100%;min-width:0}.listeningTools #retroFavorite{align-self:end;min-height:46px;padding:12px 8px}.listeningTools #sleepCountdown{text-align:center;font-size:14px}.listeningTools #cancelSleep{padding:12px 8px}.retroMode .player{padding:18px;gap:12px;background:#0d2033;margin-top:5px;border-radius:0}.retroMode .player>div{display:none}.retroMode .player audio{width:100%;height:42px}.retroRadio{margin-bottom:28px}.retroHint{font-size:12px}.retroHint:first-of-type{font-size:13px}.retroMode .note{font-size:10px;line-height:1.6;margin-top:20px}#retroRoom:fullscreen{padding:12px 10px}#retroRoom:fullscreen .roomCaption{display:none}.presetEditor>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.radioFace{padding:14px 10px}.radioBody{padding:12px}.radioControls{grid-template-columns:50px minmax(0,1fr) 50px;gap:7px}.knob{width:50px;height:50px}.knob i{width:35px;height:35px}.stationAvatar{width:45px;height:45px;flex-basis:45px}.retroText #retroChannel{font-size:20px}.presetKeys button{font-size:11px}.retroMode .viewTabs button{font-size:11px;padding:10px}.retroCenter label{font-size:8px}.tuneButtons button{font-size:9px;padding:7px 3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.exitRadioFocus{display:none;margin:0 0 14px auto;padding:11px 16px;font-size:13px;min-height:44px}#retroRoom:fullscreen .exitRadioFocus,.radioFocus .exitRadioFocus{display:block}