.radio-heading,.radio-section-head,.radio-player-top,.radio-button-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.radio-heading h1{margin:.1rem 0;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.035em}.radio-heading p{margin:.3rem 0}.radio-heading{border-color:color-mix(in srgb,#9677ff 45%,transparent);background:linear-gradient(115deg,#8777ee15,#46c6e20a),var(--panel)}.radio-heading .button{color:inherit}
.radio-workspace{display:grid;gap:1.2rem}.radio-workspace .button{color:inherit}.radio-listener-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:1.2rem;align-items:stretch}
.radio-player,.radio-chat-panel{margin:0;min-width:0;overflow:hidden}.radio-player{padding:clamp(1.1rem,3vw,2rem);display:flex;flex-direction:column;align-items:stretch;background:linear-gradient(145deg,#9c68ed0c,#30b7cc0b),var(--panel);position:relative}
.radio-player-top{font-size:.82rem;font-weight:700;gap:.5rem}.radio-status,.radio-mode-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.4rem .7rem;background:#8898b31a;border:1px solid #8898b34d}.radio-status.is-playing{background:#54d7a21a;border-color:#54d7a280;color:#74e5b8}.radio-mode-badge{opacity:.85}
.radio-record-stage{height:195px;position:relative;display:grid;place-items:center;margin:.8rem 0}.radio-record{height:175px;width:175px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle at 50% 50%,#161724 0 3px,#292c3e 4px 5px,#11131b 6px 10px);box-shadow:0 16px 30px #0004,0 0 0 1px #8d9ab02f;position:relative;z-index:1;animation:radio-spin 14s linear infinite;animation-play-state:paused}.radio-record::after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0deg,#d0d2e81c 40deg,transparent 80deg,transparent 180deg,#d0d2e81c 220deg,transparent 260deg);pointer-events:none}
.radio-record-center{width:70px;height:70px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#a683ff,#64d5ee);color:#15172d;box-shadow:0 0 0 5px #4b437c;font-weight:900}.radio-record-center span{font-size:1.7rem;line-height:1}.radio-record-center small{font-size:.6rem;letter-spacing:.13em;margin-top:.25rem}
.radio-wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;gap:5px;opacity:.26;pointer-events:none}.radio-wave i{width:5px;height:calc(22px + var(--bar)*12px);border-radius:8px;background:linear-gradient(#aa81ff,#50d3e3);transform:scaleY(.65);animation:radio-wave 1.2s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.13s);animation-play-state:paused}.radio-player.is-listening .radio-record,.radio-player.is-listening .radio-wave i{animation-play-state:running}
.radio-station-title{font-size:.78rem;opacity:.8;margin:0 0 .4rem}.radio-overline{font-size:.72rem;letter-spacing:.16em;opacity:.66;font-weight:700;margin:.4rem 0}.radio-player h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.2;margin:.2rem 0;overflow-wrap:anywhere}.radio-artist{margin:.5rem 0 1rem;opacity:.76;min-height:1.4em;overflow-wrap:anywhere}.radio-track-progress progress{width:100%;height:6px;display:block;border:0;border-radius:99px;overflow:hidden;accent-color:#987dfa;background:#8394ad26}.radio-track-progress progress::-webkit-progress-bar{background:#8394ad26}.radio-track-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#a27cff,#60d0de)}.radio-track-progress>div{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:.76rem;opacity:.68;margin:.4rem 0 1rem}
.radio-listener-controls,.radio-transport{display:flex;gap:.6rem;flex-wrap:wrap}.radio-listener-controls>.button:first-child{flex:1}.radio-volume,.radio-cue-control{display:grid;grid-template-columns:auto minmax(50px,1fr) 3.4rem;gap:.75rem;align-items:center;font-size:.85rem;margin-top:1.1rem}.radio-workspace input[type=range]{padding:0;min-height:24px;width:100%;accent-color:#a08aff}.radio-workspace output{font-variant-numeric:tabular-nums;font-size:.8rem;text-align:right}.radio-listener-note{font-size:.78rem;opacity:.72;line-height:1.45;margin:.8rem 0 0;min-height:2.3em}.radio-mic-live{display:flex;align-items:center;gap:.55rem;margin-top:.8rem;padding:.6rem .8rem;font-weight:650;border:1px solid #ed769066;background:#ed769015;border-radius:9px;font-size:.85rem}.radio-onair-dot{height:.55rem;width:.55rem;background:#ff7c98;border-radius:50%;box-shadow:0 0 8px #ff7c9870}.radio-workspace [hidden]{display:none!important}
.radio-chat-panel{padding:1.2rem;display:flex;flex-direction:column;min-height:570px;max-height:720px}.radio-section-head h2{margin:0}.radio-chat-label{font-size:.75rem;opacity:.65}.radio-chat-messages{flex:1;overflow:auto;min-height:230px;max-height:540px;margin:1rem 0;padding-right:.3rem;scrollbar-width:thin;overscroll-behavior:contain}.radio-chat-row{padding:.7rem .75rem;border:1px solid #8794af22;border-radius:10px;background:#8794af09;margin-bottom:.5rem;overflow-wrap:anywhere}.radio-chat-row>header{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem}.radio-chat-row strong{font-size:.85rem;color:var(--accent,#baa4ff)}.radio-chat-row time{font-size:.65rem;opacity:.58;white-space:nowrap}.radio-chat-row p{white-space:pre-wrap;line-height:1.5;font-size:.9rem;margin:.3rem 0 0}.radio-chat-row .button{font-size:.65rem;padding:.2rem .4rem;margin-top:.4rem}.radio-chat-form{display:flex;gap:.5rem;margin:0}.radio-chat-form input{min-width:0;flex:1}.radio-chat-hint,.radio-signin{font-size:.78rem;opacity:.75;margin:.6rem 0 0}.radio-empty{padding:2rem .75rem;opacity:.65;font-size:.9rem;line-height:1.6;text-align:center}
.radio-studio{padding:1.3rem}.radio-section-head .eyebrow{margin:0 0 .25rem}.radio-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1.2rem 0 .7rem;max-width:550px}.radio-mode-switch .button{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;border:1px solid #8b99b966;background:#8994ac0b;border-radius:11px;padding:.8rem 1rem}.radio-mode-switch .button small{font-weight:400;font-size:.75rem;opacity:.7}.radio-mode-switch .button[aria-pressed=true]{border-color:#ab94ff;background:#a080ff22;box-shadow:inset 0 0 0 1px #ab94ff33}.radio-mode-help{font-size:.85rem;opacity:.75;line-height:1.5}.radio-host-track{display:flex;align-items:end;gap:.65rem;margin:1.2rem 0}.radio-host-track label{flex:1;display:grid;gap:.35rem;font-size:.82rem;min-width:0}.radio-host-track select{width:100%;min-width:0}.radio-transport .button{flex:1;min-width:100px}.radio-cue-control{margin:1rem 0}.radio-mixer{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(280px,1.3fr);gap:1rem;border-top:1px solid #8794af33;padding-top:1rem;margin-top:1rem}.radio-mixer>label,.radio-mic-controls label{display:grid;gap:.5rem;align-content:start;font-size:.85rem}.radio-mic-controls{padding:1rem;border:1px solid #8794af33;background:#8794af09;border-radius:12px}.radio-mic-controls h3{margin:0}.radio-mic-controls p{font-size:.8rem;opacity:.76;margin:.5rem 0}.radio-mic-controls .radio-button-row{justify-content:flex-start;gap:.5rem;margin:.8rem 0}.radio-mic-controls label{grid-template-columns:auto minmax(50px,1fr) 3rem;align-items:center}.radio-host-status{font-size:.85rem;margin:.7rem 0 0;min-height:1.25rem;color:#9adebe}
.radio-library,.radio-settings{padding:1.2rem}.radio-library>summary,.radio-settings>summary{cursor:pointer;font-weight:700;line-height:1.5}.radio-library>summary span{font-size:.75rem;opacity:.65;margin-left:.7rem;font-weight:400}.radio-library>p{font-size:.83rem;opacity:.75;line-height:1.55}.radio-library-list{display:grid;gap:.55rem;margin:1rem 0;max-height:600px;overflow:auto}.radio-library-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;border:1px solid #8794af33;border-radius:10px;padding:.7rem .8rem}.radio-library-select{display:flex;align-items:center;gap:.45rem}.radio-library-select input{width:18px;height:18px}.radio-library-title{font-size:.9rem;display:block;overflow-wrap:anywhere}.radio-library-meta{font-size:.72rem;opacity:.68}.radio-library-actions{display:flex;gap:.4rem}.radio-library-edit{grid-column:2/-1}.radio-library-edit summary{font-size:.73rem;cursor:pointer;opacity:.72}.radio-library-edit form{display:grid;gap:.55rem;margin-top:.7rem}.radio-library-edit .radio-button-row{justify-content:flex-start;gap:.5rem}.radio-order-buttons{display:flex;gap:.25rem}.radio-order-buttons button{padding:.25rem .4rem;min-width:2rem;font-size:.75rem}.radio-library-row .button{font-size:.75rem}.radio-library-row:has(input[type=checkbox]:checked){border-color:#9c84ed77;background:#9c84ed09}
.radio-upload-drawer{margin-top:1.3rem;padding-top:1rem;border-top:1px solid #8794af33}.radio-upload-drawer summary{cursor:pointer;font-weight:650}.radio-upload-form,.radio-settings-form{display:grid;gap:.9rem;margin-top:1rem;max-width:760px}.radio-upload-form label,.radio-settings-form label,.radio-library-edit label{display:grid;gap:.35rem;font-size:.82rem}.radio-form-columns{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.radio-workspace input:not([type=range]):not([type=checkbox]),.radio-workspace select{font:inherit;color:inherit;background:var(--input-bg,#858ea516);border:1px solid var(--border-color,#8794af66);border-radius:9px;padding:.65rem .75rem;box-sizing:border-box;max-width:100%}.radio-check-label{display:flex!important;align-items:center;gap:.5rem}.radio-check-label input{width:18px;height:18px}.radio-help{font-size:.78rem;opacity:.72;line-height:1.5}.radio-error{font-size:.85rem;border:1px solid #e9868b88;background:#e9868b13;padding:.7rem .9rem;border-radius:9px;line-height:1.5}.radio-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes radio-spin{to{transform:rotate(360deg)}}@keyframes radio-wave{to{transform:scaleY(1)}}
@media(max-width:850px){.radio-listener-layout{grid-template-columns:1fr}.radio-chat-panel{min-height:390px;max-height:510px}.radio-chat-messages{max-height:330px}.radio-record-stage{height:170px}.radio-record{height:155px;width:155px}}
@media(max-width:600px){.radio-mixer{grid-template-columns:1fr}.radio-form-columns{grid-template-columns:1fr}.radio-heading{align-items:flex-start}.radio-player,.radio-chat-panel,.radio-studio{padding:1rem}.radio-host-track{align-items:stretch;flex-direction:column}.radio-volume,.radio-cue-control{gap:.5rem;font-size:.78rem}.radio-library-row{grid-template-columns:auto minmax(0,1fr)}.radio-library-actions{grid-column:2;justify-content:flex-start}.radio-mic-controls label{grid-template-columns:1fr 3rem}.radio-mic-controls label input{grid-column:1;grid-row:2}.radio-mic-controls label output{grid-column:2;grid-row:2}}
@media(prefers-reduced-motion:reduce){.radio-record,.radio-wave i{animation:none!important}.radio-record{transform:none!important}}
/* The radio uses one synchronized media element for video and audio alike. */
.radio-media-screen{aspect-ratio:16/9;position:relative;isolation:isolate;overflow:hidden;margin:1rem 0 .8rem;border:1px solid #80b6dc50;border-radius:15px;background:radial-gradient(ellipse at 27% 17%,#473164c2,transparent 65%),radial-gradient(ellipse at 90% 80%,#084554bd,transparent 65%),#090e19;box-shadow:inset 0 0 60px #0008,0 12px 30px #0002;color:#e5efff;min-height:180px}.radio-media-screen::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#9aaeee08 1px,transparent 1px),linear-gradient(90deg,#9aaeee08 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(transparent,#000)}
.radio-screen-brand,.radio-screen-footer{position:absolute;left:1rem;right:1rem;display:flex;align-items:center;justify-content:space-between;z-index:3;gap:.5rem;pointer-events:none}.radio-screen-brand{top:.8rem;font-size:.6rem;letter-spacing:.16em}.radio-screen-brand strong{font-size:.95rem;letter-spacing:.02em}.radio-screen-brand strong span{font-size:.6rem;letter-spacing:.2em;margin-left:.25rem;font-weight:500}.radio-screen-brand>span{font-size:.55rem;opacity:.7}.radio-screen-footer{bottom:.6rem;font-size:.5rem;letter-spacing:.18em;opacity:.8}.radio-screen-footer>span{display:flex;align-items:center;gap:.45rem}.radio-screen-footer i{width:5px;height:5px;border-radius:50%;background:#77e6d0;box-shadow:0 0 8px #77e6d088}.radio-screen-footer button{pointer-events:auto;font:inherit;font-size:1.1rem;width:1.8rem;height:1.8rem;padding:0;border:1px solid #a5c4de44;background:#060d185e;color:#f2f8ff;border-radius:6px;cursor:pointer}.radio-screen-footer button:hover{background:#627c9b66}
.radio-media-screen .radio-record-stage{position:absolute;inset:0;margin:0;height:100%;z-index:1}.radio-media-screen .radio-record{width:clamp(116px,15vw,190px);height:auto;aspect-ratio:1;margin-top:.4rem;box-shadow:0 18px 35px #000a,0 0 30px #947bdd12,0 0 0 1px #8399d947}.radio-media-screen .radio-record-center{width:38%;height:38%}.radio-media-screen .radio-record-center span{font-size:clamp(1.2rem,2.5vw,1.9rem)}.radio-media-screen .radio-record-center small{font-size:.5rem}.radio-orbit{position:absolute;width:60%;aspect-ratio:1;border-radius:50%;border:1px solid #96b7dc16;box-shadow:0 0 0 20px #96b7dc05,0 0 0 42px #96b7dc04,0 0 0 64px #96b7dc03;transform:rotateX(28deg)}.radio-media-screen .radio-wave{inset:20% 6%;opacity:.5;gap:4px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.radio-media-screen .radio-wave i{width:4px;height:calc(14px + var(--bar)*8px);background:linear-gradient(#c2a3ff,#59d9d7);box-shadow:0 0 12px #798fe747}
.radio-media-video,.radio-cover-stage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050811}.radio-cover-stage{background:radial-gradient(ellipse at 20% 10%,#54417c,#091a28 80%);display:grid;place-items:center}.radio-cover-stage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 20px #0008)}.radio-media-screen[data-visual=video] .radio-screen-brand,.radio-media-screen[data-visual=cover] .radio-screen-brand,.radio-media-screen[data-visual=video] .radio-screen-footer,.radio-media-screen[data-visual=cover] .radio-screen-footer{left:0;right:0;padding:.65rem .9rem;background:linear-gradient(#000a,transparent);top:0}.radio-media-screen[data-visual=video] .radio-screen-footer,.radio-media-screen[data-visual=cover] .radio-screen-footer{top:auto;bottom:0;background:linear-gradient(transparent,#000a)}.radio-media-screen:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;margin:0}.radio-media-screen:fullscreen .radio-record{width:35vh}.radio-media-screen:fullscreen .radio-screen-brand{font-size:1rem}.radio-media-screen:fullscreen .radio-wave i{height:calc(30px + var(--bar)*25px)}
.radio-host-presence{display:flex;align-items:center;gap:.5rem;font-size:.76rem;opacity:.8;margin:.15rem 0 1rem}.radio-presence-dot{height:6px;width:6px;border-radius:50%;background:#77c8da;flex:0 0 auto}.radio-host-presence.has-host .radio-presence-dot{background:#b39aff;box-shadow:0 0 7px #b39aff66}.radio-host-presence-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border:1px solid #89a1be33;border-radius:10px;padding:.8rem 1rem;margin-top:1rem;background:#91a6c008}.radio-host-presence-controls strong{font-size:.9rem}.radio-host-presence-controls p{font-size:.78rem;opacity:.7;margin:.3rem 0 0;max-width:540px}.radio-chat-feedback{font-size:.78rem;min-height:1.2em;margin:.3rem 0 0;color:#9adebe;line-height:1.45}.radio-chat-feedback.is-error{color:#ffb4bf}
.radio-upload-progress{border:1px solid #a98afc77;border-radius:12px;background:linear-gradient(120deg,#8b6ae51c,#4ed1d00c);padding:1.15rem}.radio-upload-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.radio-upload-progress-heading strong{font-size:1.05rem}.radio-upload-progress-heading>span{font-size:1.7rem;font-weight:750;font-variant-numeric:tabular-nums;color:#c3afff}.radio-upload-progress p{font-size:.83rem;overflow-wrap:anywhere;line-height:1.55;margin:.45rem 0}.radio-upload-progress [data-radio-upload-filename]{opacity:.75}.radio-upload-progress [data-radio-upload-bytes]{font-variant-numeric:tabular-nums;font-weight:650}.radio-upload-progress [data-radio-upload-detail]{opacity:.78}.radio-upload-progress progress{display:block;width:100%;height:14px;accent-color:#b69aff;border:0;border-radius:9px;overflow:hidden;background:#819ac32e;margin:.8rem 0}.radio-upload-progress progress::-webkit-progress-bar{background:#819ac32e}.radio-upload-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#a185f2,#62d9dc);transition:width .2s}.radio-upload-progress[data-stage=processing] progress{background:linear-gradient(90deg,#8d6fe8 0%,#72d5d5 45%,#8d6fe8 90%);background-size:200% 100%;animation:radio-processing 1.4s linear infinite}.radio-upload-progress[data-stage=complete]{border-color:#7cddac77}.radio-upload-progress[data-stage=error]{border-color:#e4a48166}.radio-upload-progress .radio-error{margin-top:.8rem;opacity:1}.radio-upload-form .radio-button-row{justify-content:flex-start}
@keyframes radio-processing{to{background-position:200% 0}}
@media(max-width:850px){.radio-media-screen .radio-record{width:clamp(125px,29vw,210px)}.radio-media-screen .radio-wave i{height:calc(15px + var(--bar)*9px)}}
@media(max-width:420px){.radio-media-screen{min-height:175px}.radio-screen-brand{left:.65rem;right:.65rem}.radio-screen-brand>span{font-size:.46rem;letter-spacing:.08em}.radio-media-screen .radio-record{width:122px}.radio-media-screen .radio-wave i{width:3px;height:calc(10px + var(--bar)*6px)}.radio-host-presence-controls>.button{width:100%}.radio-upload-progress{padding:.85rem}.radio-upload-progress-heading strong{font-size:.95rem}.radio-upload-progress-heading>span{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){.radio-upload-progress progress{animation:none!important;transition:none!important}}

.radio-screen-footer button svg{display:block;width:17px;height:17px;margin:auto}