:root{color:#f4f0df;background:#050505;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050505}button,a{font:inherit}.broadcast{position:relative;width:100%;height:100dvh;overflow:hidden;background:#050505}.stage,.channel{position:absolute;inset:0;width:100%;height:100%}.channel{z-index:1;display:block;object-fit:cover;opacity:0;background:#050505;transition:opacity 80ms linear}.channel.active{z-index:2;opacity:1}.scanlines{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.45) 4px);mix-blend-mode:multiply}.station-id{position:absolute;z-index:5;top:0;right:0;left:0;padding:clamp(18px,4vw,42px);display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.58),transparent)}.station-id a{color:#fff;font-size:clamp(22px,3vw,42px);font-weight:900;letter-spacing:-.08em;text-decoration:none;pointer-events:auto}.station-id a span{color:#ff4e23}.station-actions,.live-state{display:flex;align-items:center}.station-actions{gap:clamp(14px,2vw,26px);pointer-events:auto}.live-state{gap:9px;font:600 clamp(9px,1vw,12px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.live-state i{width:8px;height:8px;border-radius:50%;background:#ff4e23;box-shadow:0 0 15px #ff4e23;animation:pulse 1.8s ease-in-out infinite}.sound-toggle{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#ffffffd1;background:#00000061;cursor:pointer;font:600 clamp(9px,1vw,11px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;transition:border-color .12s ease,color .12s ease,background .12s ease}.sound-toggle:hover,.sound-toggle:focus-visible{border-color:#ff4e23;color:#fff;background:#0000009e;outline:none}.sound-toggle svg{width:16px;height:16px;overflow:visible;fill:currentColor}.sound-toggle svg path:not(:first-child){fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.sound-toggle[aria-pressed=false] .sound-waves,.sound-toggle[aria-pressed=true] .sound-slash{display:none}.broadcast-meta{position:absolute;z-index:5;right:0;bottom:0;left:0;padding:42px clamp(18px,4vw,42px) clamp(18px,4vw,36px);display:flex;justify-content:space-between;gap:20px;color:#ffffffc7;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);font:500 clamp(9px,1vw,12px)/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}.play-gate{position:absolute;z-index:8;top:50%;left:50%;padding:13px 18px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.55);border-radius:999px;color:#fff;background:#000000b8;cursor:pointer;letter-spacing:.08em;text-transform:uppercase}.play-gate:hover{border-color:#ff4e23}@keyframes pulse{50%{opacity:.4}}@media(max-width:520px){.sound-toggle{padding:9px}.sound-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.station-actions{gap:12px}}@media(prefers-reduced-motion:reduce){.live-state i{animation:none}}