:root{--ink:#101a24;--navy:#0b1722;--paper:#f3f1eb;--white:#fffefd;--line:#d9d8d2;--lime:#b8f35b;--font-geist-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--station-accent,var(--lime)) 65%,white);outline-offset:3px}.site-shell{min-height:100vh;overflow-x:hidden}.state-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;padding:40px;font-size:16px;display:flex}.state-message-detail{color:#7d8992;font-size:13px}.empty-state{color:#7d8992;padding:18px 2px;font-size:13px}.inline-error{color:#b3392b;margin:-8px 0 16px;font-size:12px}.station-logo img,.small-logo img,.directory-logo img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.topbar{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 max(28px,50vw - 620px);display:flex}.brand{align-items:center;text-decoration:none;display:flex}.brand-logo{width:auto;height:30px;display:block}.topbar-actions{align-items:center;gap:14px;display:flex}.browse-button,.share-button{cursor:pointer;border-radius:99px;align-items:center;gap:8px;font-weight:650;display:inline-flex}.browse-button{color:var(--navy);background:#fff;border:0;padding:10px 15px}.browse-button:hover{background:var(--station-accent)}.station-hero{background:var(--navy);color:#fff;min-height:327px;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 78%);mask-image:linear-gradient(90deg,#000,#0000 78%)}.hero-glow{background:var(--station-accent);filter:blur(140px);opacity:.18;border-radius:50%;width:380px;height:260px;position:absolute;top:8%;right:7%}.hero-inner{z-index:1;justify-content:space-between;align-items:flex-start;max-width:1240px;margin:0 auto;padding:60px 28px 96px;display:flex;position:relative}.station-identity{align-items:center;gap:32px;display:flex}.station-logo{background:var(--station-accent);color:var(--navy);letter-spacing:-.08em;border-radius:24px;flex:none;justify-content:center;align-items:center;width:126px;height:126px;font-size:36px;font-weight:820;display:flex;box-shadow:0 18px 45px #00000047}.eyebrow-row{color:#aab6c1;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:650;display:flex}.live-pill{color:#fff;background:#ffffff17;border-radius:99px;align-items:center;gap:7px;padding:6px 10px;display:inline-flex}.live-pill span,.listener-strip i,.update-note i{background:#f65f68;border-radius:50%;width:7px;height:7px;animation:1.9s infinite pulse}.station-identity h1{letter-spacing:-.06em;max-width:760px;margin:19px 0 12px;font-size:clamp(40px,5vw,68px);line-height:.98}.station-identity p{color:#d4dce2;margin:0;font-size:18px}.station-meta{color:#8898a6;gap:20px;margin-top:18px;font-size:13px;display:flex}.station-meta span+span{position:relative}.station-meta span+span:before{content:"";background:#48545e;border-radius:50%;width:4px;height:4px;position:absolute;top:7px;left:-12px}.share-button{color:#fff;background:0 0;border:1px solid #fff3;margin-top:4px;padding:11px 15px}.share-button:hover{border-color:var(--station-accent);color:var(--station-accent)}.player-wrap{z-index:4;max-width:1240px;margin:-49px auto 0;padding:0 28px;position:relative}.player-card{background:var(--white);border:1px solid #e2e1dc;border-radius:20px;grid-template-columns:72px 54px minmax(240px,1fr) minmax(180px,.7fr) auto 140px;align-items:center;gap:18px;min-height:106px;padding:16px 22px 16px 16px;display:grid;box-shadow:0 18px 55px #141d2524}.album-art{background:linear-gradient(145deg,var(--station-accent),#121e29 70%);color:#fff;letter-spacing:-.04em;border-radius:12px;justify-content:center;align-items:center;width:72px;height:72px;font-size:19px;font-weight:800;display:flex;position:relative;overflow:hidden}.album-art>span{z-index:2;position:relative}.art-rings{border:1px solid #fff6;border-radius:50%;width:110px;height:110px;position:absolute;right:-63px}.art-rings:after,.art-rings:before{content:"";border:1px solid #ffffff52;border-radius:50%;position:absolute;inset:11px}.art-rings:after{inset:23px}.play-button{background:var(--station-accent);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding-left:3px;display:flex}.play-button.playing{padding-left:0}.play-button:hover{box-shadow:0 0 0 7px var(--station-soft);transform:scale(1.03)}.now-playing{flex-direction:column;min-width:0;display:flex}.overline,.show-context>span{color:#7e8a95;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:750}.now-playing strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 1px;font-size:18px;overflow:hidden}.now-playing>span:not(.overline){color:#62707d;font-size:13px}.live-progress{background:#e7e7e3;border-radius:10px;width:100%;height:3px;margin-top:12px;overflow:hidden}.live-progress i{background:var(--station-accent);width:46%;height:100%;animation:12s linear infinite liveMove;display:block}.show-context{border-left:1px solid #e2e1dc;flex-direction:column;min-height:52px;padding-left:22px;display:flex}.show-context strong{margin-top:5px;font-size:14px}.show-context small{color:#7c8790;margin-top:2px;font-size:12px}.reaction-group{align-items:center;gap:7px;display:flex}.reaction-prompt{color:#84909b;margin-right:2px;font-size:11px}.reaction-group button,.mini-like{cursor:pointer;background:#f1f1ed;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.reaction-group button:hover,.reaction-group button.active.positive{color:#397621;background:#d9f6c5}.reaction-group button.active.negative{color:#b34338;background:#ffe0dc}.volume-control{color:#60707c;align-items:center;gap:10px;display:flex}.volume-control input{accent-color:var(--station-accent);width:100%;min-width:0}.listener-strip{color:#7b858e;letter-spacing:.03em;justify-content:space-between;padding:10px 20px 0;font-size:10px;display:flex}.listener-strip span{align-items:center;gap:6px;display:flex}.listener-strip i{background:#5abd58;width:6px;height:6px;display:inline-block}.listener-strip i.stream-error{background:#d85c5c}.content-grid{grid-template-columns:minmax(0,1fr) 350px;gap:56px;max-width:1240px;margin:0 auto;padding:74px 28px 100px;display:grid}.content-main{min-width:0}.section-block+.section-block{margin-top:78px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.kicker{color:#7d8992;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:760;display:block}.section-heading h2,.side-column h2,.modal-header h2,.feedback-panel h2{letter-spacing:-.045em;margin:0;font-size:30px;line-height:1.1}.text-button{color:#596876;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;font-size:12px;display:flex}.text-button:hover{color:var(--ink)}.schedule-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.schedule-card{border:1px solid var(--line);background:#ffffff8c;border-radius:14px;grid-template-columns:64px 1px 1fr auto;align-items:center;min-height:115px;padding:17px;display:grid}.schedule-card.next{background:var(--white);border-color:color-mix(in srgb,var(--station-accent) 70%,#c7c7c0);box-shadow:0 8px 28px #232a300f}.time-column{flex-direction:column;justify-content:center;align-self:stretch;display:flex}.time-column span{color:#88939d;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:740}.time-column strong{margin-top:6px;font-size:15px}.schedule-rule{background:#deded8;align-self:stretch}.show-copy{padding-left:17px}.show-tag{color:#7b8790;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:720}.show-copy h3{letter-spacing:-.02em;margin:5px 0 3px;font-size:16px}.show-copy p{color:#79858f;margin:0;font-size:11px}.next-arrow{background:var(--station-accent);border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.update-note{color:#7b888f;align-items:center;gap:7px;font-size:10px;display:flex}.update-note i{background:#56b453;width:6px;height:6px;display:inline-block}.track-list{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden}.track-row{grid-template-columns:28px 42px 1fr 75px 36px;align-items:center;gap:14px;min-height:72px;padding:9px 16px;display:grid}.track-row+.track-row{border-top:1px solid #e8e7e2}.track-row:hover{background:#faf9f5}.track-number{color:#a2a9af;font-family:var(--font-geist-mono),monospace;font-size:10px}.mini-cover{background:linear-gradient(var(--cover-shift),var(--station-soft),#253441);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:10px;font-weight:800;display:flex;overflow:hidden}.album-art img,.mini-cover img{object-fit:cover;width:100%;height:100%;display:block}.track-copy{flex-direction:column;min-width:0;display:flex}.track-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.track-copy span,.track-row time{color:#77838d;margin-top:3px;font-size:11px}.mini-like{color:#9ca4a9;background:0 0}.mini-like:hover,.mini-like.preliked{color:#e45a69}.mini-like.preliked svg{fill:currentColor}.side-column{flex-direction:column;gap:24px;display:flex}.on-air-card,.voice-card,.other-stations{border-radius:18px}.on-air-card{background:var(--navy);color:#fff;padding:0 26px 23px;overflow:hidden}.host-art{background:linear-gradient(135deg,var(--station-accent),#243541);height:190px;margin:0 -26px 25px;position:relative;overflow:hidden}.host-initials{color:#0a16207a;letter-spacing:-.09em;font-size:92px;font-weight:850;position:absolute;top:38px;left:28px}.sound-bars{align-items:flex-end;gap:5px;height:38px;display:flex;position:absolute;bottom:22px;right:25px}.sound-bars i{opacity:.75;background:#fff;border-radius:4px;width:4px;height:18px;animation:1.2s infinite alternate bars}.sound-bars i:nth-child(2){height:30px;animation-delay:.1s}.sound-bars i:nth-child(3){height:22px;animation-delay:.2s}.sound-bars i:nth-child(4){height:37px;animation-delay:.3s}.sound-bars i:nth-child(5){height:13px;animation-delay:.4s}.on-air-card .kicker{color:var(--station-accent)}.on-air-card h2{font-size:25px}.on-air-card>p{color:#b6c0c8;margin:7px 0 23px;font-size:13px}.on-air-footer{color:#8e9da8;border-top:1px solid #ffffff1f;justify-content:space-between;padding-top:17px;font-size:11px;display:flex}.on-air-footer strong{color:#fff}.voice-card{background:var(--station-accent);padding:26px}.voice-icon{background:#ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;margin-bottom:28px;display:flex}.voice-card .kicker{color:#0b17228c}.voice-card h2{font-size:27px}.voice-card p{color:#101a24b8;margin:12px 0 20px;font-size:13px;line-height:1.6}.voice-card>button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:99px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 17px;font-size:12px;font-weight:650;display:flex}.voice-card>button:hover{transform:translateY(-1px)}.voice-card small{color:#101a248c;text-align:center;margin-top:13px;font-size:9px;line-height:1.5;display:block}.other-stations{background:var(--white);border:1px solid var(--line);padding:24px}.other-stations h2{margin-bottom:15px;font-size:22px}.small-station-list{flex-direction:column;display:flex}.small-station-list>button{cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #e9e7e2;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:12px 0;display:grid}.small-station-list>button:hover strong{text-decoration:underline}.small-logo{letter-spacing:-.06em;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:10px;font-weight:820;display:flex}.small-station-list button>span:nth-child(2){flex-direction:column;display:flex}.small-station-list strong{font-size:11px}.small-station-list small{color:#838d95;margin-top:3px;font-size:9px}.all-stations-button{cursor:pointer;background:0 0;border:1px solid #d9d9d3;border-radius:99px;width:100%;margin-top:9px;padding:10px;font-size:11px;font-weight:650}.all-stations-button:hover{border-color:var(--ink)}footer{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;padding:38px max(28px,50vw - 592px);display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-logo{width:auto;height:22px;display:block}.footer-brand>span:last-child{color:#7f909e;margin-left:5px;font-size:11px}.footer-links{color:#7f909e;align-items:center;gap:18px;font-size:9px;display:flex}.footer-links button{color:#aeb8c0;cursor:pointer;background:0 0;border:0;font-size:9px}.modal-backdrop{z-index:20;background:#050d13b8;justify-content:center;align-items:center;padding:22px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.directory-panel,.feedback-panel{background:var(--paper);border-radius:22px;width:min(800px,100%);max-height:calc(100vh - 44px);animation:.22s ease-out rise;position:relative;overflow:auto;box-shadow:0 30px 90px #00000059}.directory-panel{padding:30px}.modal-header{justify-content:space-between;align-items:center;display:flex}.close-button{cursor:pointer;background:#fff;border:1px solid #dcdcd6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.close-button:hover{background:var(--station-soft)}.search-field{background:#fff;border:1px solid #d7d7d1;border-radius:12px;align-items:center;gap:11px;margin:25px 0 18px;padding:0 15px;display:flex}.search-field input{color:var(--ink);background:0 0;border:0;outline:none;width:100%;height:48px}.search-field input::placeholder{color:#9aa3a8}.directory-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.directory-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #deddd7;border-radius:14px;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:13px;display:grid}.directory-card:hover,.directory-card.selected{border-color:var(--station-accent);box-shadow:0 6px 18px #1821290f}.directory-logo{color:var(--navy);letter-spacing:-.06em;border-radius:11px;justify-content:center;align-items:center;width:58px;height:58px;font-size:15px;font-weight:850;display:flex}.directory-copy{flex-direction:column;min-width:0;display:flex}.directory-copy>span{color:#7f8a92;letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:700}.directory-copy strong{text-overflow:ellipsis;white-space:nowrap;margin:5px 0 3px;font-size:13px;overflow:hidden}.directory-copy small{color:#849098;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.selected-check{background:var(--station-accent);border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.feedback-panel{width:min(650px,100%);padding:38px}.close-button.floating{position:absolute;top:25px;right:25px}.form-intro{color:#65727d;margin:10px 65px 26px 0;font-size:13px;line-height:1.55}.feedback-panel fieldset{border:0;margin:0 0 21px;padding:0}.feedback-panel legend,.feedback-panel label>span{margin-bottom:9px;font-size:11px;font-weight:650;display:block}.feedback-panel label span small{color:#929aa0;font-size:9px;font-weight:450}.choice-row{gap:7px;display:flex}.choice-row label{cursor:pointer;flex:1}.choice-row input{opacity:0;position:absolute}.choice-row span{text-align:center;background:#fff;border:1px solid #dad9d3;border-radius:99px;padding:9px 11px;font-size:10px!important;font-weight:550!important}.choice-row input:checked+span{background:var(--station-soft);border-color:var(--station-accent)}.field-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.feedback-panel input[type=text],.feedback-panel input[type=email],.feedback-panel textarea{color:var(--ink);background:#fff;border:1px solid #d7d6d0;border-radius:10px;width:100%;padding:12px}.feedback-panel input[type=text],.feedback-panel input[type=email]{height:45px}.feedback-panel textarea{resize:vertical}.message-field{margin-top:19px;display:block}.consent-row{color:#65727b;align-items:center;gap:8px;margin:15px 0 20px;font-size:10px;display:flex}.consent-row span{margin:0!important;font-size:10px!important;font-weight:450!important}.consent-row input{accent-color:var(--station-accent)}.submit-button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:99px;justify-content:center;align-items:center;gap:7px;width:100%;padding:13px 20px;font-size:12px;font-weight:680;display:flex}.submit-button:hover{background:color-mix(in srgb,var(--navy) 88%,var(--station-accent))}.prototype-note{color:#9a9fa2;text-align:center;margin:10px 0 0;font-size:9px}.success-state{text-align:center;padding:35px 25px}.success-icon{background:var(--station-accent);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 24px;display:flex}.success-state p{color:#67747d;max-width:430px;margin:14px auto 25px;font-size:13px;line-height:1.6}.toast{background:var(--navy);color:#fff;z-index:50;border:1px solid #ffffff26;border-radius:99px;align-items:center;gap:8px;padding:12px 17px;font-size:11px;animation:.2s ease-out rise;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000047}.toast svg{color:var(--station-accent)}@keyframes pulse{0%,to{box-shadow:0 0 #f65f6859}50%{box-shadow:0 0 0 5px #f65f6800}}@keyframes liveMove{0%{transform:translate(-100%)}to{transform:translate(220%)}}@keyframes bars{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1050px){.player-card{grid-template-columns:64px 50px 1fr auto}.album-art{width:64px;height:64px}.show-context,.volume-control{display:none}.content-grid{grid-template-columns:minmax(0,1fr) 310px;gap:35px}}@media (width<=780px){.topbar{height:64px;padding:0 18px}.browse-button span{display:none}.browse-button{justify-content:center;width:38px;height:38px;padding:0}.station-hero{min-height:390px}.hero-inner{padding:39px 20px 105px}.station-identity{flex-direction:column;align-items:flex-start;gap:22px}.station-logo{border-radius:18px;width:85px;height:85px;font-size:27px}.station-identity h1{margin-top:14px;font-size:43px}.station-identity p{font-size:15px}.share-button{padding:10px;font-size:0;position:absolute;top:39px;right:20px}.player-wrap{margin-top:-54px;padding:0 14px}.player-card{grid-template-columns:54px 47px minmax(0,1fr) auto;gap:12px;min-height:100px;padding:14px}.album-art{border-radius:10px;width:54px;height:54px}.play-button{width:45px;height:45px}.now-playing strong{font-size:15px}.reaction-prompt{display:none}.reaction-group button{width:31px;height:31px}.listener-strip span:nth-child(2){display:none}.content-grid{padding:55px 18px 72px;display:block}.schedule-list{grid-template-columns:1fr}.side-column{margin-top:60px}.on-air-card{grid-template-columns:130px 1fr;gap:0 20px;padding:0 22px 20px 0;display:grid}.host-art{grid-row:1/6;height:230px;margin:0}.on-air-card .kicker{margin-top:25px}.on-air-card h2{align-self:end}.on-air-footer{margin-top:15px}.directory-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:24px;padding:32px 20px}.footer-links{flex-wrap:wrap;align-items:flex-start}}@media (width<=520px){.station-hero{min-height:410px}.eyebrow-row,.station-meta{flex-direction:column;align-items:flex-start;gap:8px}.station-meta span+span:before{display:none}.player-card{grid-template-columns:47px minmax(0,1fr) auto}.album-art,.reaction-group button:nth-of-type(2),.listener-strip span:last-child{display:none}.section-heading h2{font-size:27px}.section-heading .text-button{display:none}.track-row{grid-template-columns:37px 1fr 62px 32px;gap:9px;padding:8px 10px}.track-number{display:none}.mini-cover{width:37px;height:37px}.on-air-card{padding:0 22px 22px;display:block}.host-art{height:180px;margin:0 -22px 22px}.on-air-card .kicker{margin-top:0}.directory-panel,.feedback-panel{border-radius:18px;padding:23px 18px}.field-row{grid-template-columns:1fr}.choice-row{flex-direction:column;align-items:stretch}.form-intro{margin-right:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}