@charset "UTF-8";
:root{color-scheme:dark;--bg:#111310;--ink:#eceee7;--muted:#a4aa9e;--line:#333830;--acid:#d7ff3f;--warm:#ff824e;--display:Impact,'Arial Narrow','Helvetica Neue',sans-serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:116px}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;display:block;flex-shrink:0}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:5px}button:disabled{cursor:wait}.symbols{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-80px;left:16px;z-index:100;background:var(--acid);color:var(--bg);padding:14px}.skip:focus{top:12px}.page{max-width:1464px;padding:0 64px;margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:12px;align-items:center;font-weight:900;font-size:24px;letter-spacing:-1px}.brand-mark{font-family:var(--display);font-size:47px;letter-spacing:-4px;border:1px solid var(--ink);padding:0 9px 0 5px;line-height:1.05}.brand-sub{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.6px;margin-top:5px}.nav{font-size:13px;margin-left:auto;margin-right:48px}.nav span{color:var(--acid);padding-left:20px}.edition{font-family:var(--mono);font-size:10px;letter-spacing:1px;white-space:nowrap;display:flex;gap:10px;align-items:center}.dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--acid)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;padding:50px 0;gap:58px;align-items:center}.eyebrow{font:10px/1.4 var(--mono);letter-spacing:1px;color:var(--muted)}.hero-copy>.eyebrow{display:flex;justify-content:space-between;max-width:420px}h1{font-size:clamp(40px,4.35vw,66px);font-weight:800;line-height:1.06;letter-spacing:-3.5px;margin:30px 0 23px}h1 em{color:var(--acid);font-style:normal}.intro{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 28px}.hero-play{display:flex;align-items:center;gap:16px;background:var(--acid);color:#111310;padding:18px 22px;min-width:278px;font-size:14px;font-weight:700;transition:background .15s}.hero-play:hover{background:#e9ff98}.button-arrow{margin-left:auto;font-size:24px;line-height:16px}.hero-note{display:flex;align-items:center;gap:12px;color:var(--muted);font:10px var(--mono);margin-top:20px}.mini-bars{height:14px;display:flex;align-items:center;gap:3px}.mini-bars i{width:2px;height:4px;background:var(--acid)}.mini-bars i:nth-child(2){height:10px}.mini-bars i:nth-child(3){height:14px}.mini-bars i:nth-child(4){height:7px}.signal-art{background:var(--acid);aspect-ratio:1.13;position:relative;overflow:hidden;color:#182011;isolation:isolate;min-width:0}.signal-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#18201108 3px 4px);z-index:-1;pointer-events:none}.art-top,.art-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;font:10px/1.4 var(--mono);letter-spacing:.5px;z-index:2}.art-top{top:22px}.art-bottom{bottom:20px;align-items:flex-end}.art-stamp{border:1px solid #182011;padding:5px 8px;font-size:8px}.giant-number{font-family:var(--display);font-size:clamp(120px,18vw,273px);letter-spacing:-.06em;line-height:1;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-right:.05em;transform:rotate(-8deg);mix-blend-mode:multiply;text-shadow:5px 5px 0 var(--acid),6px 6px 0 #182011;z-index:1}.orbit{position:absolute;border:1px solid #18201170;border-radius:50%;width:86%;height:170%;left:7%;top:-35%;transform:rotate(55deg)}.orbit-two{width:63%;left:18.5%}.orbit-three{width:40%;left:30%}.art-cross{position:absolute;font-size:25px;font-weight:400;z-index:1}.cross-one{top:23%;left:8%}.cross-two{bottom:20%;right:9%}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:28px;padding:17px 0;overflow:hidden;white-space:nowrap;font:11px var(--mono);letter-spacing:2px}.ticker b{font-size:16px;color:var(--acid);line-height:12px}.stations{padding:56px 0 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:24px}h2{font-size:29px;letter-spacing:-1px;font-weight:500;margin:12px 0 0}.section-head h2 span{font:12px var(--mono);color:var(--muted);letter-spacing:0}.section-head p{font:12px/1.6 Arial,sans-serif;margin:0;color:var(--muted)}.station{display:flex;border-top:1px solid var(--line);align-items:center;transition:background .2s}.station:last-child{border-bottom:1px solid var(--line)}.station.selected{background:#1d2417}.station:hover{background:#242a20}.station-select{display:grid;grid-template-columns:36px 66px minmax(0,1fr) 190px 40px;gap:22px;align-items:center;width:100%;min-width:0;text-align:left;background:none;padding:18px 0 18px 14px}.station-index{font:11px var(--mono);color:var(--muted)}.station-art{width:66px;height:66px;display:grid;place-items:center;overflow:hidden;color:#111310}.station-art>span{font:56px/1 var(--display);transform:rotate(-12deg)}.art-sunshine{background:var(--acid)}.art-record{background:#b4b0ff}.art-minimal{background:#77cdc5}.art-hard{background:var(--warm)}.station-name{min-width:0}.station-name strong{display:block;font-size:20px;font-weight:500;line-height:1.2;overflow-wrap:break-word}.station-name>span{display:block;font:9px var(--mono);letter-spacing:1px;color:var(--muted);margin-top:9px}.station-genre{color:var(--muted);font:10px var(--mono);letter-spacing:.5px}.station-action{border:1px solid var(--line);border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.station.selected .station-action{background:var(--acid);color:var(--bg);border-color:var(--acid)}.station-action svg{width:20px;height:20px}.station-source{display:grid;place-items:center;margin:0 20px;width:38px;height:40px;color:var(--muted);flex-shrink:0}.station-source:hover{color:var(--acid)}.station-source svg{width:18px;height:18px}.club-note{display:flex;align-items:center;gap:30px;padding:48px 0;border-bottom:1px solid var(--line)}.note-symbol{font-size:70px;color:var(--acid);line-height:1}.club-note h2{font-size:24px;margin:0}.club-note p{color:var(--muted);font-size:13px;line-height:1.7;margin:12px 0 0}.note-number{font:84px/1 var(--display);letter-spacing:-6px;margin-left:auto;color:#454d3d}.footer{display:flex;gap:30px;align-items:flex-start;justify-content:space-between;padding:26px 0 30px;color:var(--muted);font:9px/1.7 var(--mono)}.footer>span{white-space:nowrap}.footer p{margin:0;max-width:610px;font:10px/1.65 Arial,sans-serif}.footer a{white-space:nowrap}.player{position:fixed;bottom:0;left:0;right:0;background:#1b1f19;border-top:1px solid #4b543f;z-index:20;box-shadow:0 -10px 40px #0003}.player-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:32px;align-items:center;max-width:1464px;margin:auto;padding:19px 64px;padding-bottom:max(19px,env(safe-area-inset-bottom))}.now{display:flex;gap:14px;align-items:center;min-width:0}.now-art{width:54px;height:54px;display:grid;place-items:center;color:#182011;font:25px var(--display);letter-spacing:-2px;flex-shrink:0}.now-info{min-width:0}#now-label{font:8px var(--mono);color:var(--acid);letter-spacing:1px;margin-bottom:6px}#now-title{font-size:13px;font-weight:500;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#player-status{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.3}.playback{display:flex;align-items:center;gap:17px}.playback button,.volume-box button{display:grid;place-items:center;background:none;width:34px;height:44px}.playback .main-play{width:52px;height:52px;border-radius:50%;background:var(--acid);color:var(--bg)}.main-play:hover{background:#e9ff98}.previous-icon{transform:rotate(180deg)}.volume-box{display:flex;align-items:center;justify-content:flex-end;gap:10px}.volume-box svg{width:20px;height:20px}input[type=range]{appearance:none;-webkit-appearance:none;background:var(--line);height:3px;width:96px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);width:10px;height:10px;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--ink);width:10px;height:10px;border:0;border-radius:50%}#volume-value{width:32px;font:10px var(--mono);color:var(--muted);text-align:right}.is-playing .mini-bars i{animation:pulse .8s ease-in-out infinite alternate}.is-playing .mini-bars i:nth-child(2n){animation-delay:-.4s}body[data-state=loading] .main-play{animation:loading 1s ease-in-out infinite alternate}body[data-state=error] #player-status{color:#ffac91}.noscript{position:fixed;bottom:0;background:#111310;z-index:50;margin:0;padding:18px;color:var(--acid)}@keyframes pulse{to{transform:scaleY(.35)}}@keyframes loading{to{opacity:.5}}
@media(min-width:1500px){h1{font-size:68px}.giant-number{font-size:280px}}
@media(max-width:1050px){.page{padding:0 32px}.header{height:88px}.hero{gap:32px;min-height:500px}h1{letter-spacing:-2.5px;font-size:48px}.hero-copy>.eyebrow{font-size:8px}.intro{font-size:12px}.signal-art{aspect-ratio:.96}.giant-number{font-size:22vw}.station-select{grid-template-columns:25px 58px minmax(0,1fr) 150px 36px;gap:16px}.station-art{width:58px;height:58px}.station-name strong{font-size:18px}.station-genre{font-size:8px}.player-inner{padding-left:32px;padding-right:32px;gap:22px}.volume-box input{width:65px}.now-art{display:none}.nav{margin-right:0}}
@media(max-width:760px){body{padding-bottom:156px}.page{padding:0 22px}.header{height:82px}.brand{font-size:20px}.brand-mark{font-size:38px}.edition{display:none}.nav{font-size:11px}.hero{grid-template-columns:1fr;gap:32px;padding:34px 0}.hero-copy>.eyebrow{max-width:none;font-size:8px}h1{font-size:53px;letter-spacing:-3px;margin:24px 0 19px}.intro{font-size:13px}.hero-play{min-width:260px}.signal-art{aspect-ratio:1.7}.giant-number{font-size:47vw}.art-top,.art-bottom{font-size:8px;left:18px;right:18px}.art-top{top:16px}.art-bottom{bottom:13px}.art-stamp{font-size:6px}.ticker{gap:22px;font-size:9px;justify-content:flex-start}.stations{padding-top:36px}.section-head{align-items:flex-start}.section-head p{display:none}h2{font-size:25px}.station-select{grid-template-columns:18px 48px minmax(0,1fr) 34px;gap:12px;padding:16px 0 16px 6px}.station-art{width:48px;height:48px}.station-art>span{font-size:41px}.station-name strong{font-size:17px}.station-name>span{font-size:8px;margin-top:7px}.station-genre{display:none}.station-action{width:33px;height:33px}.station-source{width:24px;margin:0 8px}.station-source svg{width:15px;height:15px}.club-note{gap:18px;padding:34px 0}.note-symbol{font-size:45px}.note-number{display:none}.club-note h2{font-size:21px}.club-note p{font-size:11px}.club-note p br{display:none}.footer{gap:16px;flex-wrap:wrap;padding-bottom:23px}.footer p{order:3;flex-basis:100%;max-width:90%}.player-inner{padding:14px 22px;grid-template-columns:minmax(0,1fr) auto;gap:10px 15px}.now-art{display:grid;width:40px;height:40px;font-size:21px}.now{grid-column:1/-1}#now-title{font-size:12px}#player-status{font-size:10px;max-width:290px}.playback{gap:13px;grid-row:2;justify-content:flex-start}.playback .main-play{width:40px;height:40px}.playback button{height:40px}.volume-box{grid-row:2}.volume-box input{width:86px}#now-label{font-size:7px}.volume-box button{height:38px}.player-inner{padding-bottom:max(14px,env(safe-area-inset-bottom))}}
@media(max-width:360px){.page{padding:0 16px}h1{font-size:45px}.hero-play{min-width:100%}.hero-copy>.eyebrow{font-size:7px}.brand-sub{font-size:6px}.nav span{padding-left:6px}.station-select{gap:9px;grid-template-columns:16px 40px minmax(0,1fr) 29px}.station-art{width:40px;height:40px}.station-name strong{font-size:15px}.station-action{width:29px;height:29px}.station-source{margin:0 5px}.player-inner{padding-left:16px;padding-right:16px}.volume-box{gap:4px}.volume-box input{width:65px}.playback{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
