.radio-broadcast{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin:28px 0}.live-screen{position:relative;aspect-ratio:16/9;background:#000;border:1px solid #214659;border-radius:18px;overflow:hidden}.live-screen>video{width:100%;height:100%;object-fit:contain;display:block}.live-cover{position:absolute;inset:0;background:linear-gradient(0deg,#020710ef,#02071020 90%),url('assets/djs.png') center/cover;display:flex;align-items:flex-end;padding:clamp(20px,4vw,42px)}[hidden]{display:none!important}.live-cover h2{font-size:clamp(26px,3vw,42px);line-height:1.12;color:white;max-width:620px;margin:12px 0}.live-cover p{max-width:550px;color:#d0deea}.live-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.live-actions button{font:inherit;font-weight:700;padding:13px 20px;border-radius:30px;border:1px solid #30e4fa;background:#30e4fa;color:#03212c;cursor:pointer}.live-actions button:disabled{opacity:.8;cursor:progress}.live-actions button:focus-visible,.welcome-card video:focus-visible{outline:3px solid white;outline-offset:4px}.welcome-card{background:#0b1522;border:1px solid #214659;border-radius:18px;overflow:hidden;align-self:start}.welcome-card video{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;background:#000}.welcome-copy{padding:22px}.welcome-copy h2{font-size:23px;margin:6px 0;color:#fff}.welcome-copy p{color:#b6cad8;margin:9px 0}.live-note{font-size:12px;color:#9db7c9}.live-status{font-size:11px;font-weight:800;letter-spacing:.13em;color:#39e4f4}.live-status:before{content:'';width:7px;height:7px;background:currentColor;display:inline-block;border-radius:50%;margin-right:8px}.live-actions button[aria-busy=true]:before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #035b71;border-right-color:transparent;border-radius:50%;margin-right:8px;vertical-align:-2px;animation:radio-spin .8s linear infinite}@keyframes radio-spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.radio-broadcast{grid-template-columns:1fr}.welcome-card{display:grid;grid-template-columns:minmax(220px,40%) 1fr}.welcome-card video{height:100%;object-fit:contain}}@media(max-width:600px){.welcome-card{display:block}.live-cover{padding:20px}.live-cover h2{font-size:26px}.live-cover p{font-size:13px;margin:9px 0}.live-actions button{padding:11px 14px;font-size:13px}.live-note{display:none}}@media(prefers-reduced-motion:reduce){.live-actions button[aria-busy=true]:before{animation:none}}@media print{.radio-broadcast{display:none}}