:root{color-scheme:dark;--bg:#171613;--panel:#22211d;--edge:#393832;--ink:#f8f6ec;--muted:#b2afa2;--acid:#f9fe76;font:16px/1.5 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:4px}a{color:inherit}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}
.mast{height:82px;border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:850;letter-spacing:.1em;font-size:.85rem}.wordmark img{margin-right:4px}.wordmark b,.mast-caption span{color:var(--acid)}.mast-caption,.eyebrow,.countdown,.source,.foot,.share{font-family:ui-monospace,Consolas,monospace}.mast-caption{font-size:.72rem;color:var(--muted);letter-spacing:.12em}.mast-caption span{margin-left:8px}
.hero{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:48px;padding:70px 0 78px}.eyebrow{font-size:.73rem;letter-spacing:.15em;font-weight:700;margin:0;color:var(--acid)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:6px}h1,h2,p{margin-top:0}h1{font-size:clamp(4rem,8.8vw,8.3rem);line-height:.86;letter-spacing:-.09em;margin:24px 0 26px;font-weight:860}h1 em{color:var(--acid);font-style:normal}.intro-copy{max-width:32ch;font-size:1.08rem;color:var(--muted);margin:0}
.player{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;border:1px solid var(--edge);padding:26px 28px 24px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--station,#e4242c) 22%,#27251e),transparent 75%),var(--panel);box-shadow:0 24px 75px #0003}.record{position:absolute;z-index:-1;right:-100px;top:-130px;width:420px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 11px,#fff 12px 13px,transparent 14px 21px);opacity:.075;mask-image:radial-gradient(circle,transparent 10%,black 28%,transparent 70%);pointer-events:none}.player-top,.now,.controls,.settings,.catalogue-top,.volume{display:flex;align-items:center}.player-top{justify-content:space-between;margin-bottom:29px}.player-label{color:var(--muted)}.player[data-live=true] .player-label{color:var(--acid)}.signal{height:19px;display:flex;align-items:end;gap:3px;color:var(--acid)}.signal i{width:3px;height:40%;background:currentColor;border-radius:4px}.signal i:nth-child(2){height:70%}.signal i:nth-child(3){height:54%}.signal i:nth-child(4){height:100%}.player[data-live=true] .signal i{animation:bounce .85s alternate infinite}.signal i:nth-child(even){animation-delay:-.53s!important}@keyframes bounce{to{transform:scaleY(.3);transform-origin:bottom}}.now{gap:16px;margin-bottom:23px}.current-logo,.station img{background:#fff;border-radius:12px;object-fit:contain;flex:none}.now h2{margin:0;line-height:1.12;font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.06em}.now p{margin:5px 0 0;color:var(--muted);font-size:.91rem}
.controls{gap:10px}.play,.next,.mute{display:inline-flex;align-items:center;justify-content:center;border:0;font-weight:740;gap:8px}.play{background:var(--acid);color:#191914;border-radius:50%;width:57px;height:57px;flex:none}.play:hover{background:#fff}.next,.mute{background:#fff1;border:1px solid #fff2;border-radius:999px;padding:9px 13px}.next:hover,.mute:hover{background:#fff2}.mute{padding:8px;border:0;background:transparent}.volume{margin-left:auto;gap:3px}.volume input{width:clamp(50px,7vw,95px);accent-color:var(--acid)}.notice{color:#ffe19f;font-size:.85rem;margin:10px 0 0}.notice:empty{display:none}.settings{flex-wrap:wrap;gap:12px 18px;border-top:1px solid #fff2;margin-top:23px;padding-top:17px;font-size:.83rem}.shuffle,.interval{display:inline-flex;align-items:center;gap:8px}.shuffle{position:relative;cursor:pointer;font-weight:750}.shuffle input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch{border:1px solid #8c887a;background:#39362f;width:31px;height:18px;border-radius:20px;display:block;position:relative}.switch:before{content:"";position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#eee}.shuffle input:checked+.switch{background:var(--acid);border-color:var(--acid)}.shuffle input:checked+.switch:before{left:16px;background:#25251d}.shuffle input:focus-visible+.switch{outline:2px solid var(--acid);outline-offset:3px}.interval{color:var(--muted)}select{background:var(--bg);color:var(--ink);border:1px solid #fff3;border-radius:7px;padding:4px 5px}select:disabled{opacity:.5;cursor:default}.countdown{margin-left:auto;color:var(--acid);white-space:nowrap;font-size:.73rem}.progress{position:absolute;bottom:0;left:0;width:100%;height:3px}.progress i{display:block;width:0;height:100%;background:var(--acid)}
.catalogue{border-top:1px solid var(--edge);padding:30px 0}.catalogue-top{justify-content:space-between;gap:14px;margin-bottom:21px}.catalogue h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.065em;margin:2px 0 0;line-height:1.15}.catalogue h2 span{font:700 .72rem/1 ui-monospace,monospace;vertical-align:middle;color:var(--acid);border:1px solid #f9fe7655;border-radius:20px;padding:4px 8px;margin-left:6px}.search{display:flex;align-items:center;gap:8px;color:var(--muted);background:var(--panel);border:1px solid var(--edge);padding:9px 12px;border-radius:12px}.search input{width:150px;border:none;background:transparent;min-width:0}.search:focus-within{border-color:var(--acid)}.search input:focus{outline:none}.stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.station{text-align:left;display:flex;align-items:center;gap:11px;padding:11px;background:var(--panel);border:1px solid var(--edge);border-radius:15px;min-width:0;min-height:72px}.station:hover{border-color:var(--muted);background:#2c2b24}.station[aria-pressed=true]{border-color:var(--acid);background:#2c2c1e}.station img{border-radius:9px}.station strong,.station small{display:block}.station strong{font-size:.92rem;line-height:1.2}.station small{font-size:.74rem;color:var(--muted);margin-top:4px}.share{margin-left:auto;font-size:.73rem;color:var(--muted)}.station[aria-pressed=true] .share{color:var(--acid)}.source,.empty,.foot{color:var(--muted);font-size:.74rem;margin:17px 0 0}.source a:hover{color:var(--acid)}.foot{margin:0 auto;padding:19px 0 24px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--edge)}.foot span:first-child{letter-spacing:.12em;font-weight:700}
@media(max-width:940px){.hero{gap:22px}.player{padding-inline:20px}.stations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wrap{width:calc(100% - 34px)}.mast{height:65px}.mast-caption{display:none}.hero{display:block;padding:42px 0 34px}.intro{margin-bottom:27px}h1{font-size:clamp(4.2rem,14vw,6.5rem);margin:17px 0 19px}.intro-copy{font-size:.98rem}.player-top{margin-bottom:20px}.station{gap:8px}.station img{width:37px;height:37px}.search input{width:100px}.countdown{margin-left:0}}
@media(max-width:450px){.stations{grid-template-columns:1fr}.catalogue-top{align-items:start;flex-direction:column}.search{width:100%}.search input{width:100%}.foot{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.signal i{animation:none!important}}
[hidden]{display:none!important}