@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{--ink:#211039;--paper:#f7f1dc;--yellow:#f7f32a;--pink:#f000b9;--cyan:#00cbea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Barlow,Arial,sans-serif;padding-bottom:96px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.12' filter='url(%23n)'/%3E%3C/svg%3E")}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}header,main,footer{width:min(1400px,93%);margin:auto}header{display:flex;justify-content:space-between;align-items:center;height:90px;position:relative;z-index:2}.small-brand{font-weight:800;font-size:19px;letter-spacing:1px}.small-brand span{color:#6d2b8e}nav{display:flex;align-items:center;gap:46px;font-weight:700;letter-spacing:1.5px}nav a{padding:10px 0;border-bottom:3px solid transparent}nav a:hover,nav .active{border-color:var(--pink)}.search-toggle{background:none;border:0;font-size:40px;color:var(--ink);line-height:1}.hero{display:grid;grid-template-columns:1.55fr 1fr;align-items:center;gap:24px;margin:-14px -15px -8px;min-height:340px}.brand{width:100%;height:auto;position:relative;z-index:1;transform:rotate(-2deg)}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;line-height:1.02;margin:0;font-weight:800}h1{font-size:clamp(37px,4.3vw,66px)}.hero-copy{padding:15px 0 30px}.hero-copy p{font-size:13px;letter-spacing:2px;font-weight:700;margin-top:27px}.hero-copy p b{padding:0 9px}.brush{height:9px;width:90%;margin-top:23px;background:var(--pink);transform:rotate(-3deg);clip-path:polygon(0 40%,96% 0,100% 38%,17% 85%,5% 100%,9% 70%)}.onair{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:8px}.onair i,.dock-live i{display:inline-block;border-radius:100%;height:7px;width:7px;background:#4d9562}.radio-panel{background:var(--ink);color:var(--paper);border-radius:20px;min-height:214px;padding:27px 35px;display:grid;grid-template-columns:160px minmax(210px,1fr) 290px 155px;gap:28px;align-items:center;position:relative;overflow:hidden}.radio-panel:after{content:'';position:absolute;pointer-events:none;inset:0;background-image:radial-gradient(#ffffff18 .6px,transparent .8px);background-size:4px 4px}.record-art{height:160px;position:relative;border:1px solid #bdaac8;border-radius:10px;overflow:hidden;background:linear-gradient(140deg,#22082e,#58147a)}.record{position:absolute;inset:12px;border-radius:50%;border:4px solid var(--cyan);background:repeating-radial-gradient(#1b0b2d 0 4px,#47244e 5px 6px);transform:rotate(-20deg);display:grid;place-items:center}.record span{width:55px;height:55px;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:800;font-size:17px;text-align:center;line-height:1;padding-top:10px}.art-note{position:absolute;right:1px;bottom:-21px;font-size:100px;color:var(--pink);transform:rotate(15deg)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1px;line-height:1.4}.now .eyebrow,.dock .eyebrow{color:var(--yellow)}.now h2{font-size:clamp(27px,3.7vw,51px);margin:10px 0 7px;overflow-wrap:anywhere}.now p{font-family:'Barlow Condensed',sans-serif;font-size:26px;letter-spacing:1px;margin:0 0 9px}.now #connection{font-size:11px;color:#bfb0ce;display:block}.controls{z-index:1}.primary{width:100%;border:0;border-radius:100px;background:var(--yellow);color:var(--ink);font-size:24px;font-family:'Barlow Condensed',sans-serif;font-weight:700;padding:19px 22px;display:flex;align-items:center;justify-content:center;gap:18px;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #f7f32a30}.play svg{width:29px;height:29px;fill:currentColor}.volume{display:flex;align-items:center;gap:16px;margin-top:20px}.volume span{font-size:23px;font-weight:bold}.volume input{accent-color:var(--cyan);width:100%;height:5px;cursor:pointer}.equalizer{height:150px;display:flex;align-items:end;justify-content:space-around;gap:8px;transform:rotate(-4deg);padding-top:8px}.equalizer i{width:12px;height:var(--h);background:var(--pink);border-radius:20px 20px 0 0}.equalizer i:nth-child(2n){background:var(--cyan)}.equalizer i:nth-child(3n){background:var(--yellow)}.equalizer i:nth-child(1){--h:15%}.equalizer i:nth-child(2){--h:30%}.equalizer i:nth-child(3){--h:44%}.equalizer i:nth-child(4){--h:38%}.equalizer i:nth-child(5){--h:68%}.equalizer i:nth-child(6){--h:84%}.equalizer i:nth-child(7){--h:64%}.equalizer i:nth-child(8){--h:100%}.is-playing .equalizer i{animation:bounce 1s ease-in-out infinite alternate}.equalizer i:nth-child(2n){animation-delay:-.3s}.equalizer i:nth-child(3n){animation-delay:-.7s}@keyframes bounce{to{height:calc(var(--h)*.5)}}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 20px}.section-heading h2{font-size:37px}.section-heading a{font-size:12px;font-weight:700;white-space:nowrap}.section-heading a span{font-size:24px;margin-left:10px}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mood-grid article{border:1px solid #b9b0a0;border-radius:10px;padding:23px;min-height:165px;position:relative;overflow:hidden}.mood-grid h3{font-size:29px;margin:9px 0}.mood-grid p{font-size:14px;line-height:1.5;max-width:72%;margin:0}.mood-grid .eyebrow{font-size:10px;color:#704f83}.mini-vinyl{position:absolute;right:-15px;bottom:-18px;width:135px;height:135px;border-radius:50%;background:repeating-radial-gradient(#211039 0 5px,#56276d 6px 7px);border:8px solid var(--cyan);transform:rotate(-25deg)}.mini-vinyl:after{content:'';position:absolute;inset:39px;background:var(--yellow);border:6px solid var(--pink);border-radius:50%}.mini-bars{position:absolute;right:0;bottom:-20px;font-size:80px;color:var(--pink);letter-spacing:-9px;transform:rotate(-8deg);text-shadow:4px -8px var(--cyan)}.moon{font-size:130px;position:absolute;right:9px;bottom:-30px;color:var(--ink);text-shadow:5px -4px var(--yellow)}.collection{margin-top:65px;padding-top:30px;border-top:2px solid var(--ink)}.collection .section-heading{align-items:end}.collection h2{margin-top:8px;font-size:42px}.collection #library-count{font-size:12px;font-weight:700;white-space:nowrap}.search-label{font-size:13px;font-weight:600}.search-box{position:relative;margin-top:8px}.search-box input{width:100%;border:1px solid #b3a993;background:#ffffff70;padding:17px 50px 17px 18px;border-radius:8px;font:inherit;color:var(--ink)}.search-box>span{position:absolute;right:20px;top:1px;font-size:38px}.collection-note{font-size:13px;color:#6b5c6f}.song-row{display:grid;grid-template-columns:40px 1fr auto;gap:14px;padding:15px 4px;border-bottom:1px solid #d9d0bb;align-items:center}.song-row .song-number{color:#8e7c97;font-size:13px}.song-row strong{display:block;font-size:16px}.song-row small{display:block;margin-top:4px;color:#6e5d76}.song-row .song-type{font-size:10px;letter-spacing:1px}#more{margin-top:18px;background:var(--ink);color:var(--paper);border:0;padding:13px 22px;border-radius:5px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:65px 0;padding:40px 0;border-top:1px solid #bfb5a0}.about h2{font-size:62px;margin-top:16px}.about p{font-size:17px;line-height:1.65;margin:0 0 18px}.text-play{background:transparent;border:0;border-bottom:4px solid var(--pink);padding:0 0 9px;color:var(--ink);font-weight:700}.listener-section{width:min(1400px,93%);margin:30px auto 55px;border-top:2px solid var(--ink);padding-top:35px}.listener-heading h2{font-size:44px;margin:8px 0 25px}.listener-heading em{font-style:normal}.listener-counts{display:flex;gap:65px}.listener-counts strong{font:700 46px 'Barlow Condensed',sans-serif;display:block}.listener-counts span{font-size:13px}.presence-note,.country-detail{font-size:13px}.countries-header{display:flex;justify-content:space-between;margin-top:25px}.country-flags{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.country-flags button{display:flex;gap:8px;align-items:center;border:1px solid #c8bcd0;border-radius:6px;background:#fff8;padding:9px;color:var(--ink)}.country-flags button[aria-pressed=true]{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink)}.listener-section small{color:#74677a;font-size:11px}footer{display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:11px;border-top:1px solid #bfb5a0;padding:24px 0 35px}footer strong{font-size:20px}footer button{border:0;background:none;font-size:11px;color:var(--ink);font-weight:700}.dock{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#211039f5;color:var(--paper);display:flex;align-items:center;gap:22px;min-height:90px;padding:12px max(3.5vw,18px);box-shadow:0 -4px 25px #21103919;backdrop-filter:blur(12px)}.dock-icon{width:58px;height:58px;flex-shrink:0;border:1px solid var(--cyan);border-radius:5px;display:grid;place-items:center;font:800 italic 32px 'Barlow Condensed',sans-serif;color:var(--yellow);text-shadow:3px 2px var(--pink)}.dock-now{display:flex;flex-direction:column;gap:3px;min-width:0;width:39%}.dock-now strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 20px 'Barlow Condensed',sans-serif}.dock-now>span:last-child{font-size:12px;color:#c4b4cf}.dock-play{width:57px;height:57px;flex-shrink:0;border:0;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center}.dock-live{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:2px;margin-left:4px}.dock-live i{background:var(--pink)}.dock .volume{margin:0 0 0 auto;max-width:240px;flex:1}.queue{font-size:36px;margin-left:15px}.skip{position:absolute;left:20px;top:-100px;z-index:20;background:var(--yellow);padding:15px}.skip:focus{top:10px}.empty{padding:25px 0;color:#75647c}@media(min-width:1600px){.hero{min-height:400px}}@media(max-width:1100px){.small-brand{display:none}header{justify-content:flex-end;height:75px}.hero{grid-template-columns:1.5fr 1fr;min-height:260px}.radio-panel{grid-template-columns:110px 1fr 235px;padding:25px;gap:22px}.record-art{height:120px}.equalizer{display:none}.mood-grid article{padding:18px}.mini-bars{font-size:60px}.mood-grid p{max-width:78%}.section-heading h2{font-size:30px}.hero-copy p{letter-spacing:1px;font-size:10px}.hero-copy p b{padding:0 5px}.hero-copy .onair{font-size:8px}}@media(max-width:700px){body{padding-bottom:86px}header{height:65px}nav{width:100%;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.7px}.search-toggle{font-size:31px}.hero{grid-template-columns:1fr;margin:0;gap:0;min-height:0}.brand{width:100%;max-height:230px;object-fit:contain}.hero-copy{padding:5px 0 25px;text-align:center}h1{font-size:36px;line-height:1.05}h1 br{display:none}.brush{width:65%;margin:12px auto}.hero-copy p{margin:15px 0 0;font-size:10px}.hero-copy .onair{display:none}.radio-panel{grid-template-columns:75px 1fr;gap:16px;padding:20px;border-radius:13px}.record-art{height:85px}.record{inset:6px}.record span{width:37px;height:37px;font-size:12px;padding-top:6px}.art-note{font-size:65px}.now h2{font-size:31px;margin:5px 0}.now p{font-size:20px;margin-bottom:5px}.eyebrow{font-size:10px}.now #connection{font-size:10px}.controls{grid-column:1/-1;display:flex;align-items:center;gap:15px}.primary{font-size:21px;width:65%;padding:14px}.primary svg{width:22px;height:22px}.controls .volume{margin:0;width:35%}.controls .volume span{display:none}.section-heading{align-items:start}.section-heading h2{font-size:29px}.moods .section-heading a{display:none}.mood-grid{grid-template-columns:1fr}.mood-grid article{min-height:145px}.mood-grid p{max-width:68%}.mini-vinyl{right:5px;bottom:-12px}.mini-bars{right:10px;font-size:80px}.moon{right:25px}.collection{margin-top:40px}.collection .section-heading{display:block}.collection h2{font-size:34px;margin:8px 0}.collection #library-count{font-size:10px}.search-box input{font-size:14px}.about{grid-template-columns:1fr;gap:23px;margin:40px 0}.about h2{font-size:48px}.about p{font-size:16px}.listener-heading h2{font-size:36px}.listener-counts{gap:30px}.listener-counts strong{font-size:39px}.countries-header{gap:20px}.countries-header span:last-child{font-size:12px}.dock{gap:12px;min-height:80px;padding:10px 16px}.dock-icon{width:44px;height:44px;font-size:26px}.dock-now{flex:1;width:auto}.dock-now strong{font-size:17px}.dock-now .eyebrow{font-size:9px}.dock-play{height:46px;width:46px}.dock .volume,.dock-live,.queue{display:none}footer{flex-wrap:wrap;gap:15px}footer>span{display:none}.song-row{grid-template-columns:28px 1fr}.song-type{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.is-playing .equalizer i{animation:none}*{transition:none!important}}
.mood-grid article.programme-active{border:2px solid var(--pink);box-shadow:0 0 0 3px #f000b90c}.mood-grid article.programme-active h3:after{content:"ON AIR";display:inline-block;margin-left:10px;font:700 9px Barlow,sans-serif;background:var(--pink);color:white;padding:5px 7px;border-radius:4px;vertical-align:middle}

.record-art{aspect-ratio:1;height:auto!important;isolation:isolate}.record-art .record{animation:vinyl-spin 1.8s linear infinite;animation-play-state:paused}.record-art.spinning .record{animation-play-state:running}.record-art .art-note{inset:0;display:block;font-size:initial;transform:none;z-index:2;pointer-events:none;transition:filter .35s,translate .35s}.art-note svg{display:block;width:100%;height:100%;overflow:visible}.tonearm{transform-origin:144px 20px;transform:rotate(var(--arm-angle,0deg));transition:transform .8s linear}.arm-parked .tonearm{transform:rotate(-48deg)}.arm-return .art-note{translate:0 -5px;filter:drop-shadow(3px 9px 3px #0008)}.arm-return .tonearm{transition:transform .8s ease-in-out}.controls .radio-processing{margin-top:12px}.controls{flex-wrap:wrap}@keyframes vinyl-spin{from{transform:rotate(-20deg)}to{transform:rotate(340deg)}}@media(prefers-reduced-motion:reduce){.record-art .record{animation:none}.tonearm{transition:none}.art-note{transition:none}}

/* Compact, viewport-filling radio console. */
body{height:100dvh;min-height:540px;padding-bottom:0;display:grid;grid-template-rows:44px minmax(0,1fr) 62px 28px 64px;gap:0}header{height:auto;min-height:0}header nav{gap:24px;font-size:11px}.small-brand{font-size:15px;display:block}main{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 154px 134px;gap:10px;padding-bottom:10px}.hero{min-height:0!important;margin:0;gap:25px;height:100%;overflow:hidden;grid-template-columns:1.3fr 1fr}.brand{height:100%;max-height:100%;width:100%;object-fit:contain}.hero-copy{padding:0}.hero h1{font-size:clamp(24px,3.6vw,48px)}.hero-copy p{margin:12px 0 7px;font-size:10px}.brush{margin-top:12px;height:6px}.onair{font-size:9px}.radio-panel{min-height:0;height:154px;padding:16px 23px;grid-template-columns:115px minmax(0,1fr) 250px 100px;gap:22px;border-radius:12px}.record-art{width:115px}.now h2{font-size:clamp(22px,2.7vw,37px);margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.now p{font-size:21px;margin-bottom:5px}.primary{font-size:21px;padding:12px 16px}.controls .volume{margin-top:12px}.controls .radio-processing{margin-top:10px;padding:7px 12px;min-height:30px;font-size:10px}.equalizer{height:105px}.moods{min-height:0}.section-heading{margin:0 0 8px}.section-heading h2{font-size:24px}.mood-grid{gap:10px}.mood-grid article{min-height:94px;padding:12px 16px}.mood-grid h3{font-size:23px;margin:5px 0}.mood-grid p{font-size:12px;line-height:1.25;max-width:80%}.mood-grid .eyebrow{font-size:9px}.mini-vinyl{width:85px;height:85px;right:-20px;bottom:-22px}.mini-vinyl:after{inset:22px}.mini-bars{font-size:55px}.moon{font-size:65px;right:8px}.listener-section{width:min(1400px,93%);margin:0 auto!important;padding:6px 0!important;display:flex;align-items:center;gap:20px;min-height:0;overflow:visible}.listener-counts{gap:18px;flex-shrink:0}.listener-counts>div{display:flex;gap:7px;align-items:center}.listener-counts strong{font-size:27px}.listener-counts span{font-size:10px}.presence-note:empty,.country-detail:empty{display:none}.countries-header{margin:0;gap:10px;align-items:center}.countries-header .eyebrow{display:none}.countries-header>span{font-size:11px}.country-flags{margin:0;gap:6px;letter-spacing:0;overflow:auto;flex-wrap:nowrap;min-width:0}.country-flags button{padding:5px 7px;font-size:10px;gap:5px}.country-flags img{width:18px;height:12px}.country-detail{font-size:10px;max-width:150px;margin:0}.listener-section small{display:none}footer{padding:0;gap:15px;font-size:10px;min-height:0}footer strong{font-size:15px}.dock{position:relative;min-height:0;height:64px;padding:8px 3.5vw;gap:15px}.dock-icon{height:43px;width:43px}.dock-play{height:43px;width:43px}.dock-now strong{font-size:18px}.dock-now .eyebrow{font-size:8px}
@media(max-width:850px){.radio-panel{grid-template-columns:85px minmax(0,1fr) 210px;gap:15px}.record-art{width:85px}.equalizer{display:none}.mood-grid p{max-width:100%;font-size:11px}.mini-vinyl,.mini-bars,.moon{opacity:.2}.listener-section{gap:12px}.country-detail{display:none}.hero{grid-template-columns:1.2fr 1fr}}
@media(max-width:600px){body{min-height:620px;grid-template-rows:34px minmax(0,1fr) 64px 23px 55px}header .small-brand{font-size:12px}header nav{width:auto;font-size:9px;gap:15px}main{grid-template-rows:minmax(80px,1fr) 160px 160px;gap:8px;padding-bottom:6px}.hero{grid-template-columns:1.2fr 1fr;gap:12px}.brand{max-height:100%;transform:none}.hero-copy{padding:0;text-align:left}.hero h1{font-size:24px}.hero h1 br{display:block}.hero-copy p{font-size:8px;letter-spacing:0;margin-top:8px}.hero-copy p b{padding:0 2px}.brush{margin:7px 0;width:95%;height:4px}.hero-copy .onair{display:none}.radio-panel{height:160px;padding:12px;grid-template-columns:64px minmax(0,1fr);gap:10px}.record-art{width:64px}.now h2{font-size:25px;margin:3px 0}.now p{font-size:17px;margin-bottom:3px}.now #connection{font-size:9px}.now .eyebrow{font-size:8px}.controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 58px auto;gap:10px}.primary{width:100%;padding:10px 6px;font-size:16px;gap:7px}.primary svg{width:18px;height:18px}.controls .volume{width:100%;margin:0}.controls .radio-processing{margin:0;font-size:8px;padding:8px;min-height:34px}.section-heading{margin-bottom:5px}.section-heading h2{font-size:20px}.mood-grid{grid-template-columns:1fr;gap:5px}.mood-grid article{min-height:41px;padding:6px 10px;display:grid;grid-template-columns:1fr 1fr;gap:4px;align-items:center}.mood-grid h3{font-size:19px;margin:0}.mood-grid .eyebrow{font-size:8px}.mood-grid p{display:none}.mini-vinyl,.mini-bars,.moon{display:none}.listener-section{padding:4px 0!important;display:grid;grid-template-columns:1fr auto;gap:3px 10px}.listener-counts{gap:16px}.listener-counts strong{font-size:24px}.listener-counts span{font-size:8px}.countries-header>span{font-size:9px}.country-flags{grid-column:1/-1}.country-flags button{padding:3px 6px}.listener-section .presence-note{display:none}footer strong{font-size:12px}footer button{font-size:9px}footer>span{display:none}.dock{height:55px;padding:6px 3.5vw;gap:10px}.dock-icon{height:35px;width:35px;font-size:22px}.dock-play{height:36px;width:36px}.dock-now strong{font-size:15px}.dock-now>span:last-child{font-size:10px}.dock-now .eyebrow{font-size:7px}}