@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.hero-copy{min-width:0}
@media(max-width:760px){body .hero h1{font-size:clamp(34px,8.8vw,52px)}}
@media(max-width:480px){body .hero{display:block;min-height:340px}body .hero h1{font-size:48px;letter-spacing:-3px}body .hero .hero-description{max-width:160px;font-size:10px}body .hero .hero-actions{max-width:155px}body .hero .radio-art{position:absolute;right:18px;bottom:22px;width:104px;padding:9px;transform:rotate(6deg)}body .hero .dial{width:76px;height:76px;margin:13px auto}body .hero .dial-centre{inset:15px}body .hero .dial-centre strong{font-size:8px}body .hero .dial-centre span{font-size:4px}body .hero .art-bottom{display:none}body .sidebar nav{scrollbar-width:none}body .sidebar nav::-webkit-scrollbar{display:none}}
:root{--bg:#f5f3ee;--surface:#fffefa;--ink:#16252d;--muted:#64706f;--line:#dedfd5;--accent:#ee6946;--green:#255e4a;--side:#152b30;--player:#fffefa;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d34c2c;outline-offset:4px}button{border:0}button svg{pointer-events:none}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:#fff;padding:12px}.skip:focus{top:10px}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);max-width:1920px;margin:auto}.sidebar{background:var(--side);color:#d9e3dc;padding:34px 22px;position:sticky;top:0;height:calc(100dvh - 100px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 22px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand b{display:block;font:500 9px 'DM Sans',sans-serif;letter-spacing:3px;color:#a3b9ac;margin-top:3px}.brandmark{width:38px;height:42px;border:1px solid #657d70;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#f5f0df;letter-spacing:-4px;padding-right:4px}.brandmark span{color:#f9956b}.nav-label{font-size:9px;letter-spacing:2px;color:#9bb4a6;margin:56px 0 14px}nav{display:grid;gap:9px}.nav-item{background:transparent;text-align:left;color:#c4d3ca;border-radius:9px;min-height:45px;display:flex;gap:12px;align-items:center;padding:12px;font-size:12px}.nav-item>span{font-size:19px}.nav-item small{margin-left:auto;font-size:9px;color:#b5d5b9}.nav-item.selected{background:#294940;color:#e0f4d2}.nav-item:hover{background:#28443d}.sidebar-bottom{margin-top:auto;font-size:11px;color:#bfd0c3}.sidebar-bottom p{font:500 24px/1.3 'Space Grotesk',sans-serif;color:#e8eadc;margin:18px 0 24px}.sidebar-bottom a{text-decoration:none;font-size:11px}.signal-dot{display:inline-block;width:6px;height:6px;background:#c3e6a0;border-radius:50%;margin-right:5px;box-shadow:0 0 0 4px #b9e09f12}main{min-width:0;padding:0 44px 20px}.topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:15px}.edition{font-size:9px;letter-spacing:2px;font-weight:600}.top-actions{display:flex;gap:12px;align-items:center}.top-actions button{background:none;padding:10px;font-size:11px}.top-actions #theme{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;padding:0;font-size:21px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:42px 42px 35px;background:#e6ebdf;border-radius:20px;overflow:hidden;position:relative;min-height:375px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;margin:0 0 17px}.hero .eyebrow{color:#325348}.hero .signal-dot{background:#3e7350}.hero h1{font:500 clamp(44px,5vw,75px)/1.01 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:0 0 20px;color:#183d35}.hero h1 em{font-style:normal;color:#b14e32}.hero-description{font-size:12px;line-height:1.8;color:#4e6255}.hero-actions{display:flex;align-items:center;gap:17px;margin-top:25px;flex-wrap:wrap}.primary{display:inline-block;background:#234e3f;color:#fff8e9;border-radius:9px;padding:13px 20px;font-weight:600;font-size:12px;text-decoration:none}.hero-actions>span{font-size:10px;color:#647465}.radio-art{align-self:center;background:#ee845a;border:1px solid #2b3c3633;border-radius:21px;padding:18px 22px;box-shadow:10px 16px 0 #33534216,0 17px 35px #20372b20;transform:rotate(7deg);max-width:320px;width:100%;margin:auto;color:#362c27;position:relative}.art-label,.art-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;font-weight:700;align-items:center}.art-label>span{font-size:6px}.dial{width:180px;height:180px;position:relative;margin:17px auto;background:repeating-conic-gradient(#d36743 0deg 1deg,transparent 1deg 7deg);border-radius:50%;padding:12px}.dial-ring{border:1px solid #703c2a66;border-radius:50%;position:absolute;inset:14px}.dial-centre{position:absolute;inset:28px;border-radius:50%;background:#254137;color:#f4e6ce;box-shadow:inset 0 0 0 6px #395748,0 5px 12px #6e3b2b55;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transform:rotate(-7deg)}.dial-centre span{font-size:8px;letter-spacing:3px}.dial-centre strong{font:500 20px 'Space Grotesk',sans-serif;letter-spacing:1px}.dial-centre i{width:6px;height:6px;background:#cee6a6;border-radius:50%}.tuner{display:flex;justify-content:space-between;position:relative;padding:14px 0 4px;font-size:8px;border-top:14px solid transparent;border-image:repeating-linear-gradient(90deg,#7b4b32 0px 1px,transparent 1px 6px) 14}.tuner b{position:absolute;left:63%;width:3px;height:29px;background:#e9f1ca;top:-18px;box-shadow:0 0 3px #0003}.art-bottom{font-size:6px;margin-top:18px}.speaker{width:54px;height:14px;background:radial-gradient(#624333 1px,transparent 1px);background-size:4px 4px}.discovery{padding-top:38px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.section-heading .eyebrow{color:var(--muted);margin-bottom:7px;font-size:8px}h2{font:500 25px/1.25 'Space Grotesk',sans-serif;letter-spacing:-.8px;margin:0}.source-badge{border:1px solid var(--line);border-radius:20px;padding:6px 10px;font-size:9px;color:var(--muted)}.filters{display:flex;gap:10px}.search{display:flex;align-items:center;gap:9px;flex:1;min-width:160px;border:1px solid var(--line);border-radius:9px;padding:0 14px;background:var(--surface)}.search>span{font-size:24px}.search input{width:100%;min-width:0;outline-offset:0;border:0;background:none;color:var(--ink);height:43px;font-size:11px}.filters select{min-width:0;max-width:155px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:10px;font-size:10px}.genres{display:flex;gap:7px;padding:17px 0 4px;overflow:auto;scrollbar-width:thin}.genres button{white-space:nowrap;border:1px solid var(--line);border-radius:18px;padding:7px 13px;background:transparent;font-size:10px;color:var(--muted)}.genres button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.results{font-size:11px;color:var(--muted);margin:15px 0}.station-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.station-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:17px;transition:transform .18s,border-color .18s;min-width:0}.station-card:hover{transform:translateY(-3px);border-color:#acb7a5}.station-card.is-playing{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.station-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.station-logo{width:48px;height:48px;border-radius:11px;background:var(--tile,#dce6d6);color:#284c3d;display:flex;align-items:center;justify-content:center;overflow:hidden;font:700 15px 'Space Grotesk',sans-serif}.station-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.fav{background:none;font-size:23px;color:var(--muted);width:32px;height:40px;padding:0}.fav[aria-pressed=true]{color:#c4583d}.station-card h3{font:600 15px 'Space Grotesk',sans-serif;letter-spacing:-.3px;margin:0 0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.station-meta{font-size:9px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0}.station-bottom{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:5px}.station-bottom>span{color:var(--muted);font-size:8px;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-play{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:12px}.more{display:block;margin:24px auto 0;background:none;border:1px solid var(--line);border-radius:8px;padding:12px 24px;font-size:11px}.ad-space{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:40px 0;padding:18px;text-align:center;min-height:160px;display:grid;gap:12px;align-content:center;overflow:hidden;max-width:100%}.ad-space>span{font-size:8px;letter-spacing:2px;color:var(--muted)}.ad-space small{font-size:9px;color:var(--muted)}#radio-ad{max-width:100%;min-width:0}.station-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:13px;padding:27px;background:#e7eadf}.station-cta .eyebrow{font-size:8px;margin-bottom:10px;color:#46644e}.station-cta h2{font-size:23px;color:#224936}.station-cta p:not(.eyebrow){font-size:11px;color:#56705b;margin:10px 0 0;max-width:420px}.station-cta button{white-space:nowrap;border:1px solid #80997e;background:none;border-radius:8px;padding:11px 17px;font-size:10px;color:#204831}footer{font-size:10px;color:var(--muted);padding:30px 0 140px;max-width:750px}footer>strong{font:600 17px 'Space Grotesk',sans-serif;letter-spacing:-.7px;color:var(--ink)}footer p{line-height:1.8}footer button{background:none;text-decoration:underline;padding:0;font-size:inherit}.player{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--player);border-top:1px solid var(--line);padding:17px 28px calc(17px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:18px;box-shadow:0 -5px 35px #223b3310;min-height:98px}.now-art{width:52px;height:52px;min-width:52px;border-radius:11px;background:#e5e9d6;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#385e4e;font-size:22px}.now-art img{width:100%;height:100%;object-fit:contain;background:#fff}.now-info{width:220px;min-width:0}.now-info strong{font:600 13px 'Space Grotesk',sans-serif;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-info span{font-size:9px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon{background:none;font-size:24px;padding:6px;min-width:35px;min-height:40px}.play-toggle{width:48px;height:48px;min-width:48px;border-radius:50%;background:var(--green);color:#fff;font-size:16px}.playing-bars{display:flex;align-items:center;gap:3px;height:27px;padding:3px}.playing-bars i{display:block;width:3px;height:8px;border-radius:2px;background:#699473}.playing-bars i:nth-child(2),.playing-bars i:nth-child(4){height:17px}.playing-bars i:nth-child(3){height:25px}body.is-audible .playing-bars i{animation:bars .8s ease-in-out infinite alternate}body.is-audible .playing-bars i:nth-child(2n){animation-delay:-.4s}#play-status{font-size:10px;color:var(--muted);flex:1;min-width:60px;max-width:250px}.volume{display:flex;align-items:center;gap:5px}.volume button{background:none;padding:9px}.volume input{width:75px;accent-color:var(--green)}.sleep-label{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.sleep-label select{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:10px;padding:7px}#official{font-size:10px;white-space:nowrap}dialog{max-width:min(550px,calc(100vw - 32px));padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);font-size:13px;line-height:1.7}dialog::backdrop{background:#0c211bd0;backdrop-filter:blur(4px)}.close-dialog{float:right;background:none;font-size:24px;margin:-15px -10px 0 15px}dialog h2{margin-bottom:20px}.empty{padding:40px 20px;border:1px dashed var(--line);border-radius:12px;grid-column:1/-1;color:var(--muted)}.empty h3{color:var(--ink)}body.dark{--bg:#111e24;--surface:#192a30;--ink:#edf0df;--muted:#afbeb7;--line:#31434a;--player:#15272d;--green:#b3d39a;color-scheme:dark}.dark .play-toggle{color:#172b22}.dark .station-cta{background:#263d34}.dark .station-cta h2,.dark .station-cta button{color:#dae7cf}.dark .station-cta p{color:#b5c7ae}.dark .station-logo{color:#274b37}.dark .now-art{color:#274b37}@keyframes bars{to{transform:scaleY(.35)}}@media(min-width:1550px){main{padding-left:70px;padding-right:70px}.hero{padding:55px 65px}.hero h1{font-size:90px}.radio-art{max-width:360px}.dial{width:210px;height:210px}}@media(max-width:1150px){.shell{grid-template-columns:190px minmax(0,1fr)}main{padding:0 25px}.sidebar{padding:30px 16px}.hero{padding:30px 28px}.hero h1{font-size:58px}.radio-art{padding:16px}.dial{width:145px;height:145px}.dial-centre strong{font-size:15px}.station-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{flex-wrap:wrap}.search{flex-basis:100%}.filters select{flex:1;max-width:none}.player{gap:12px;padding:14px 20px}.now-info{width:180px}.volume input{width:60px}.playing-bars{display:none}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto;padding:17px 20px;background:var(--side);display:block}.brand{font-size:20px}.brandmark{height:35px;width:34px}.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:18px;gap:5px;overflow-x:auto;padding-bottom:2px}.nav-item{white-space:nowrap;font-size:10px;gap:6px;min-height:38px;padding:8px 10px}.nav-item small{display:none}.nav-item>span{font-size:15px}main{padding:0 20px}.topbar{min-height:62px}.edition{font-size:7px;letter-spacing:1.1px}.top-actions{gap:3px}.top-actions button{font-size:9px}.hero{grid-template-columns:1.1fr 1fr;padding:28px 24px;gap:4px;border-radius:15px;min-height:300px}.hero h1{font-size:52px;letter-spacing:-3px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero-description{font-size:10px}.hero-actions{gap:9px;margin-top:17px}.hero-actions .primary{font-size:10px;padding:11px 14px}.hero-actions>span{font-size:8px}.radio-art{padding:12px;transform:rotate(8deg);border-radius:15px}.art-label{font-size:6px;letter-spacing:.5px}.art-label>span{font-size:4px}.dial{width:110px;height:110px;margin:16px auto}.dial-centre{inset:20px;gap:5px}.dial-centre strong{font-size:12px}.dial-centre span{font-size:5px}.dial-ring{inset:10px}.art-bottom{font-size:4px;letter-spacing:.4px;gap:8px}.speaker{width:35px}.tuner{font-size:6px}.discovery{padding-top:29px}.section-heading h2{font-size:23px}.source-badge{font-size:7px;padding:5px 7px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.station-card{padding:13px}.station-card h3{font-size:14px}.station-top{margin-bottom:15px}.station-logo{width:43px;height:43px}.filters{gap:7px}.filters select{font-size:10px;padding:9px 5px;width:30%}.genres{gap:6px}.genres button{font-size:9px;padding:7px 11px}.station-cta{display:block;padding:23px}.station-cta h2{font-size:24px}.station-cta button{margin-top:20px}.player{display:grid;grid-template-columns:38px minmax(0,1fr) 30px 42px 30px;column-gap:9px;row-gap:5px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));min-height:104px}.now-art{width:38px;height:38px;min-width:38px;grid-row:1}.now-info{width:auto;grid-row:1}.now-info strong{font-size:12px}.now-info span{font-size:8px}.play-toggle{width:42px;height:42px;min-width:42px;grid-row:1;grid-column:4}#player-fav{grid-row:1;grid-column:3;font-size:22px;padding:0}#share{grid-row:1;grid-column:5;font-size:22px;padding:0}.volume{display:none}#play-status{grid-row:2;grid-column:1/4;max-width:none;font-size:8px;margin:0;min-width:0}.sleep-label{grid-row:2;grid-column:4/6;justify-content:flex-end;font-size:8px}.sleep-label select{padding:3px;font-size:9px}#official{grid-row:3;grid-column:1/4;font-size:8px}.ad-space{margin:30px 0}.top-actions #theme{width:31px;height:31px}footer{padding-bottom:145px}}@media(max-width:390px){main{padding:0 14px}.sidebar{padding:14px}.hero{padding:24px 18px;grid-template-columns:1fr .8fr;min-height:275px}.hero h1{font-size:43px}.hero-description{font-size:9px}.dial{width:86px;height:86px}.dial-centre{inset:17px}.dial-centre strong{font-size:9px}.radio-art{padding:9px}.art-bottom{display:none}.hero .eyebrow{font-size:6px}.edition{font-size:6px}.source-badge{display:none}.nav-item{font-size:9px;padding:8px}.station-card{padding:11px}.station-card h3{font-size:12px}.station-meta{font-size:8px}.hero-actions>span{max-width:120px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}