:root{--radio-bg:#111415;--radio-panel:#171c1e;--radio-panel-hi:#1d2527;--radio-line:#ffffff22;--radio-text:#f5f1e8;--radio-muted:#aeb7b3;--radio-orange:#ff762e;--radio-cyan:#35d7ff}
.radio-page,.radio-page *{box-sizing:border-box}
body.radio-page{margin:0;color-scheme:dark;background:var(--radio-bg);color:var(--radio-text);font:16px/1.6 Inter,Segoe UI,system-ui,sans-serif}
.radio-page a{color:inherit;text-decoration:none}
.radio-page a:focus-visible,.radio-page button:focus-visible,.radio-page input:focus-visible{outline:3px solid var(--radio-cyan);outline-offset:4px}
.radio-skip{position:absolute;z-index:30;top:-60px;left:16px;padding:10px 14px;background:var(--radio-cyan);color:#111415}.radio-skip:focus{top:12px}
.radio-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--radio-line);background:#111415ed;backdrop-filter:blur(14px)}
.radio-header-inner{width:min(1200px,calc(100% - 44px));height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.radio-brand{font:900 20px/1 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:.06em}.radio-brand span{color:var(--radio-orange)}
.radio-nav{display:flex;align-items:center;gap:24px;color:var(--radio-muted);font:10px 'DM Mono',Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.radio-nav a:hover,.radio-back:hover,.radio-footer a:hover{color:var(--radio-cyan)}
.radio-back{border:1px solid #35d7ff75;padding:10px 13px;color:var(--radio-cyan);font:10px 'DM Mono',Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}
.radio-hero{min-height:610px;padding:92px max(7vw,calc((100vw - 1200px)/2)) 70px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:3vw;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,#35d7ff18,transparent 35%),radial-gradient(ellipse at 14% 75%,#ff762e18,transparent 34%),linear-gradient(128deg,#111415,#191c1b 56%,#171615)}
.radio-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 56px,#ffffff07 57px),repeating-linear-gradient(90deg,transparent 0 76px,#ffffff05 77px);mask-image:linear-gradient(90deg,transparent,#000 40%,#000)}
.radio-hero-copy,.radio-art{position:relative;z-index:1}
.radio-kicker{margin:0;color:var(--radio-cyan);font:10px 'DM Mono',Consolas,monospace;letter-spacing:.17em;text-transform:uppercase}
.radio-pulse{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--radio-orange);box-shadow:0 0 14px #ff762e99}
.radio-hero h1{margin:22px 0;font:900 clamp(68px,10vw,132px)/.78 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:-.04em;text-transform:uppercase}.radio-hero h1 em{color:var(--radio-orange);font-style:normal}
.radio-lead{max-width:520px;color:#c3c8c0;font-size:15px;line-height:1.8}
.radio-text-link{display:inline-flex;gap:15px;align-items:center;margin-top:22px;color:var(--radio-cyan);font:10px 'DM Mono',Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.radio-text-link span{font-size:17px}
.radio-art{min-height:420px;display:grid;place-items:center;isolation:isolate}
.radio-orbit{position:absolute;aspect-ratio:1;border:1px solid #35d7ff35;border-radius:50%;transform:rotate(-24deg) scaleY(.66)}.radio-orbit-one{width:min(38vw,460px)}.radio-orbit-two{width:min(29vw,350px);border-color:#ff762e55;transform:rotate(28deg) scaleY(.68)}
.radio-disc{width:min(26vw,316px);min-width:220px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:repeating-radial-gradient(circle,#161a1a 0 2px,#242625 3px 4px,#111415 5px 7px);border:1px solid #ffffff2a;box-shadow:0 30px 75px #0009,0 0 45px #35d7ff15;animation:radio-spin 28s linear infinite paused}.radio-disc:before{content:"";position:absolute;inset:10%;border:1px solid #ffffff14;border-radius:50%}.radio-disc span{width:35%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--radio-orange);color:#111415;font:900 26px/ .83 'Barlow Condensed',Impact,sans-serif;box-shadow:0 0 0 7px #171a19,0 0 0 8px #ffffff50}.radio-disc small{font:9px 'DM Mono',Consolas,monospace;letter-spacing:.2em}body.radio-page[data-radio-state="playing"] .radio-disc{animation-play-state:running}
.radio-art-code,.radio-art-frequency{position:absolute;color:#b6bdb7;font:9px 'DM Mono',Consolas,monospace;letter-spacing:.16em}.radio-art-code{left:5%;bottom:9%;writing-mode:vertical-rl;transform:rotate(180deg)}.radio-art-frequency{top:11%;right:6%;color:var(--radio-orange);font-size:16px}
.radio-scroll-mark{position:absolute;right:4%;bottom:26px;writing-mode:vertical-rl;color:#9da69e88;font:8px 'DM Mono',Consolas,monospace;letter-spacing:.18em}
.radio-player-section{max-width:1120px;margin:auto;padding:96px 26px 108px}
.radio-section-heading,.radio-library-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}
.radio-section-heading h2,.radio-library-heading h2{margin:12px 0 0;font:900 clamp(48px,7vw,78px)/.88 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase}.radio-section-heading h2 em,.radio-library-heading h2 em{color:var(--radio-orange);font-style:normal}
.radio-section-note{max-width:360px;margin:0 0 4px;color:var(--radio-muted);font-size:12px;line-height:1.7}
.radio-console{padding:clamp(20px,4vw,42px);border:1px solid #35d7ff48;background:radial-gradient(ellipse at 5% 5%,#35d7ff13,transparent 35%),linear-gradient(145deg,#1c2223,#131718);box-shadow:0 30px 85px #0005;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.88fr);gap:30px;align-items:center}
.radio-now-playing{display:flex;align-items:center;gap:clamp(18px,4vw,40px);min-width:0}
.radio-cover{width:clamp(135px,22vw,220px);aspect-ratio:1;flex:0 0 auto;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#ff762e,#a23d1d 55%,#171b1b);box-shadow:0 20px 42px #0006}
.radio-cover:before,.radio-cover:after{content:"";position:absolute;width:130%;height:1px;background:#11141538;transform:rotate(-45deg)}.radio-cover:after{transform:rotate(45deg)}.cover-ring{position:absolute;width:72%;aspect-ratio:1;border:1px solid #f5f1e867;border-radius:50%;box-shadow:0 0 0 12px #1114150c,0 0 0 27px #1114150c}.cover-core{position:relative;z-index:1;width:54%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#111415;color:var(--radio-cyan);font:900 38px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.08em}.cover-label{position:absolute;z-index:2;bottom:12px;left:12px;color:#fff;font:8px 'DM Mono',Consolas,monospace;letter-spacing:.11em}
.radio-track-meta{min-width:0}.radio-track-meta h3{margin:12px 0 4px;font:800 clamp(25px,4vw,39px)/1.02 'Barlow Condensed',Impact,'Arial Narrow',sans-serif}.radio-track-artist{margin:0;color:var(--radio-muted);font-size:13px}.radio-player-message{min-height:20px;margin:14px 0 0;color:#8fd9e8;font-size:11px;line-height:1.5}
.radio-controls{border-left:1px solid var(--radio-line);padding-left:clamp(20px,3vw,36px)}
.radio-timeline{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:10px;color:var(--radio-muted);font:9px 'DM Mono',Consolas,monospace}.radio-range-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.radio-range{width:100%;height:4px;margin:0;accent-color:var(--radio-orange);cursor:pointer}.radio-range:disabled{cursor:not-allowed;opacity:.45}
.radio-control-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:23px}.radio-transport{display:flex;align-items:center;gap:15px}.radio-icon-button,.radio-play-button{border:0;display:grid;place-items:center;cursor:pointer;color:var(--radio-text);background:transparent}.radio-icon-button{width:34px;height:38px;font-size:17px}.radio-play-button{width:54px;height:54px;border-radius:50%;background:var(--radio-orange);color:#111415;font-size:19px;padding-left:4px;box-shadow:0 0 0 5px #ff762e20;transition:transform .16s,box-shadow .16s}.radio-play-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 0 8px #ff762e22}.radio-icon-button:disabled,.radio-play-button:disabled{opacity:.4;cursor:not-allowed}
.radio-volume{width:min(130px,34%);display:flex;align-items:center;gap:10px;color:var(--radio-muted);font:9px 'DM Mono',Consolas,monospace}.radio-volume input{min-width:0}
.radio-library-heading{margin:72px 0 22px}.radio-count{padding:8px 11px;border:1px solid var(--radio-line);color:var(--radio-muted);font:9px 'DM Mono',Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.radio-empty-state{min-height:120px;padding:24px;display:grid;grid-template-columns:70px 1fr 50px;align-items:center;gap:18px;border:1px solid var(--radio-line);background:linear-gradient(110deg,#1b1f1f,#151818)}.radio-empty-number,.radio-empty-signal{color:#68716e;font:11px 'DM Mono',Consolas,monospace;letter-spacing:.1em}.radio-empty-state h3{margin:0 0 5px;font:800 22px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.radio-empty-state p{margin:0;color:var(--radio-muted);font-size:12px;line-height:1.6}.radio-empty-signal{justify-self:end;color:var(--radio-orange);font-size:24px}
.radio-track-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.radio-track-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--radio-line);background:#171c1d}.radio-track-row[aria-current="true"]{border-color:#35d7ff70;background:#182326}.radio-track-number{color:var(--radio-orange);font:10px 'DM Mono',Consolas,monospace}.radio-track-select{min-width:0;display:block;border:0;background:none;color:var(--radio-text);text-align:left;cursor:pointer}.radio-track-select strong,.radio-track-select span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-track-select strong{font-size:13px}.radio-track-select span{margin-top:3px;color:var(--radio-muted);font-size:11px}.radio-track-length{color:var(--radio-muted);font:10px 'DM Mono',Consolas,monospace}
.radio-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ffffff1b;border-block:1px solid #ffffff1b}.radio-notes>div{padding:32px clamp(20px,5vw,65px);background:#141818}.radio-note-number{color:var(--radio-cyan);font:10px 'DM Mono',Consolas,monospace}.radio-notes h3{margin:19px 0 8px;font:800 25px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.radio-notes p{max-width:280px;margin:0;color:var(--radio-muted);font-size:12px;line-height:1.7}
.radio-endcap{padding:76px max(7vw,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:end;gap:35px;background:var(--radio-orange);color:#111415}.radio-endcap .radio-kicker{color:#25201c}.radio-endcap h2{margin:13px 0 0;font:900 clamp(48px,7vw,78px)/.86 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase}.radio-end-links{display:grid;min-width:min(330px,40%);border-top:1px solid #11141550}.radio-end-links a{padding:12px 0;border-bottom:1px solid #11141550;display:flex;justify-content:space-between;font:10px 'DM Mono',Consolas,monospace;text-transform:uppercase;letter-spacing:.06em}.radio-end-links a:hover{padding-inline:6px}
.radio-footer{min-height:78px;padding:20px max(7vw,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--radio-muted);font:9px 'DM Mono',Consolas,monospace;letter-spacing:.07em}.radio-footer .radio-brand{color:var(--radio-text)}
.radio-teaser{background:radial-gradient(ellipse at 82% 50%,#35d7ff17,transparent 34%),linear-gradient(120deg,#161919,#1d1b17);border-block:1px solid #ffffff1c}.radio-teaser-layout{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:7vw}.radio-teaser h2 em{color:var(--radio-orange)}.radio-teaser p{max-width:490px;color:#bdc2bb;line-height:1.75}.radio-teaser .radio-kicker{color:var(--radio-cyan)}.radio-teaser .radio-open-link{display:inline-flex;gap:13px;align-items:center;margin-top:12px;padding:13px 17px;background:var(--radio-orange);color:#111415;font:10px 'DM Mono',Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.radio-teaser .radio-open-link:hover{filter:brightness(1.1)}
.radio-teaser-visual{min-height:250px;padding:28px;display:flex;align-items:center;gap:24px;border:1px solid #35d7ff4a;background:linear-gradient(145deg,#1e2525,#121617);position:relative;overflow:hidden}.radio-teaser-visual:after{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-105px;border:1px solid #ff762e55;border-radius:50%;box-shadow:0 0 0 18px #ff762e08,0 0 0 38px #ff762e08}.radio-teaser-disc{width:128px;flex:0 0 128px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#151919 0 2px,#2a2d2b 3px 4px,#111415 5px 7px);border:1px solid #ffffff35;box-shadow:0 14px 35px #0008}.radio-teaser-disc span{width:34%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--radio-orange);color:#111415;font:900 19px 'Barlow Condensed',Impact,sans-serif}.radio-teaser-status{position:relative;z-index:1}.radio-teaser-status small{display:block;color:var(--radio-cyan);font:9px 'DM Mono',Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.radio-teaser-status strong{display:block;margin:12px 0;font:800 25px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.radio-equalizer{height:34px;display:flex;align-items:center;gap:4px}.radio-equalizer i{width:3px;height:12px;background:var(--radio-orange);opacity:.75}.radio-equalizer i:nth-child(3n){height:25px}.radio-equalizer i:nth-child(4n){height:17px}
@media(max-width:850px){.radio-hero{grid-template-columns:1fr .8fr;min-height:560px;padding-inline:6vw}.radio-art{min-height:340px}.radio-orbit-one{width:38vw}.radio-orbit-two{width:29vw}.radio-player-section{padding:76px 20px 84px}.radio-console{grid-template-columns:1fr}.radio-controls{border-left:0;border-top:1px solid var(--radio-line);padding:22px 0 0}.radio-notes>div{padding:25px 22px}.radio-teaser-layout{gap:32px}}
@media(max-width:620px){.radio-header-inner{width:calc(100% - 30px);height:64px;gap:12px}.radio-brand{font-size:18px}.radio-nav{display:none}.radio-back{padding:9px 10px;font-size:9px}.radio-hero{min-height:700px;padding:74px 7vw 40px;grid-template-columns:1fr;align-content:start;gap:20px}.radio-hero h1{font-size:clamp(68px,17vw,100px)}.radio-lead{font-size:14px}.radio-art{min-height:300px;margin-top:5px}.radio-disc{width:min(58vw,250px)}.radio-orbit-one{width:min(82vw,350px)}.radio-orbit-two{width:min(64vw,280px)}.radio-art-code{left:10%;bottom:7%}.radio-art-frequency{right:9%;top:7%}.radio-scroll-mark{right:4%;bottom:22px;font-size:7px}.radio-player-section{padding:68px 16px 74px}.radio-section-heading,.radio-library-heading{align-items:flex-start;flex-direction:column;gap:15px}.radio-section-heading h2,.radio-library-heading h2{font-size:clamp(49px,12vw,68px)}.radio-section-note{max-width:none}.radio-console{padding:18px;gap:20px}.radio-now-playing{align-items:flex-start;flex-direction:column;gap:18px}.radio-cover{width:140px}.radio-track-meta h3{font-size:31px}.radio-control-row{gap:12px}.radio-transport{gap:7px}.radio-volume{width:36%;gap:7px}.radio-empty-state{grid-template-columns:42px 1fr;padding:18px;gap:11px}.radio-empty-signal{display:none}.radio-notes{grid-template-columns:1fr}.radio-notes>div{padding:23px 20px}.radio-notes h3{margin:9px 0 5px}.radio-endcap{padding:57px 7vw;align-items:flex-start;flex-direction:column}.radio-end-links{min-width:100%;width:100%}.radio-footer{padding:21px 6vw;display:grid;grid-template-columns:1fr auto}.radio-footer>span{grid-column:1/-1;grid-row:2}.radio-teaser-layout{grid-template-columns:1fr;gap:25px}.radio-teaser-visual{min-height:190px;padding:19px;gap:18px}.radio-teaser-disc{width:100px;flex-basis:100px}.radio-teaser-status strong{font-size:21px}}
@media(max-width:370px){.radio-back{font-size:8px;letter-spacing:0}.radio-teaser-visual{gap:12px}.radio-teaser-disc{width:82px;flex-basis:82px}.radio-teaser-status strong{font-size:18px}.radio-volume{width:32%}}
@media(prefers-reduced-motion:reduce){.radio-disc{animation:none}.radio-play-button,.radio-end-links a{transition:none}}
@keyframes radio-spin{to{transform:rotate(360deg)}}