:root{--radio-bg:#070912;--radio-panel:#101522;--radio-panel2:#151b2a;--radio-text:#f6f7fb;--radio-muted:#9ba7bc;--radio-purple:#b74cff;--radio-green:#4cff8a;--radio-cyan:#32d8ff;--radio-danger:#ff5f78;--radio-line:rgba(255,255,255,.1)}
.radio-shell{max-width:1500px;margin:0 auto;color:var(--radio-text);display:grid;gap:22px}.radio-shell *,.radio-compact *{box-sizing:border-box}.radio-topbar,.radio-panel,.radio-now-card,.radio-mini-card{background:linear-gradient(145deg,rgba(18,24,38,.98),rgba(10,13,23,.96));border:1px solid var(--radio-line);border-radius:22px;box-shadow:0 22px 55px rgba(0,0,0,.22)}.radio-topbar{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.radio-topbar h1,.radio-panel h2,.radio-now-card h2{margin:.15rem 0}.radio-topbar p{max-width:760px;margin:.5rem 0 0;color:var(--radio-muted)}.radio-top-actions,.radio-button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.radio-connection{display:inline-flex;align-items:center;gap:8px;color:var(--radio-muted);font-weight:800}.radio-connection i{width:10px;height:10px;border-radius:50%;background:#758096;box-shadow:0 0 0 5px rgba(117,128,150,.12)}.radio-connection.live i{background:var(--radio-green);box-shadow:0 0 16px var(--radio-green)}.radio-live-grid{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(250px,.75fr);gap:20px}.radio-now-card{padding:22px;display:grid;grid-template-columns:minmax(200px,310px) 1fr;gap:26px;align-items:center;min-height:350px;overflow:hidden;position:relative}.radio-now-card:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 20% 50%,rgba(183,76,255,.2),transparent 37%),radial-gradient(circle at 78% 60%,rgba(76,255,138,.12),transparent 30%);pointer-events:none}.radio-art{position:relative;aspect-ratio:1;border-radius:22px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#201036,#071d1a);border:1px solid rgba(183,76,255,.55);box-shadow:0 0 45px rgba(183,76,255,.18)}.radio-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(76,255,138,.13))}.radio-art span,.compact-logo{font-size:clamp(2.8rem,8vw,6rem);font-weight:1000;letter-spacing:-.12em;padding-right:.12em;background:linear-gradient(90deg,var(--radio-purple),var(--radio-cyan),var(--radio-green));-webkit-background-clip:text;color:transparent}.radio-art img{width:100%;height:100%;object-fit:cover}.radio-now-copy{position:relative;min-width:0}.radio-now-copy h2{font-size:clamp(2rem,4vw,4.8rem);line-height:.96;letter-spacing:-.05em}.radio-artist{font-size:clamp(1.15rem,2vw,1.65rem);font-weight:800;margin:.8rem 0 .2rem}.radio-album{color:var(--radio-muted);margin:.2rem 0}.radio-live-line{display:flex;align-items:center;gap:10px;color:var(--radio-muted);font-weight:800}.radio-live-pill,.radio-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:rgba(255,95,120,.12);color:#ff91a2;border:1px solid rgba(255,95,120,.4);font-size:.72rem;font-weight:1000;letter-spacing:.08em}.radio-live-pill.live{background:rgba(76,255,138,.12);border-color:rgba(76,255,138,.55);color:var(--radio-green);box-shadow:0 0 20px rgba(76,255,138,.16)}.radio-badge{color:#cf9cff;background:rgba(183,76,255,.11);border-color:rgba(183,76,255,.4)}.radio-badge.green{color:var(--radio-green);background:rgba(76,255,138,.08);border-color:rgba(76,255,138,.3)}.radio-progress{height:10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:22px}.radio-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--radio-purple),var(--radio-cyan),var(--radio-green));box-shadow:0 0 14px var(--radio-cyan);transition:width .45s ease}.radio-time{display:flex;justify-content:space-between;color:var(--radio-muted);font-variant-numeric:tabular-nums;margin-top:7px}.radio-audio-row{display:flex;align-items:center;gap:14px;margin-top:14px}.radio-audio-row audio{max-width:100%;height:38px}.radio-audio-row span{color:var(--radio-muted);font-size:.82rem}.radio-side-stack{display:grid;gap:20px}.radio-mini-card{padding:24px;display:flex;flex-direction:column;justify-content:center;min-height:160px}.radio-mini-card.next{border-color:rgba(76,255,138,.26)}.radio-mini-card strong{font-size:1.3rem}.radio-mini-card span,.radio-mini-card small{color:var(--radio-muted);margin-top:7px}.radio-control-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.radio-panel{padding:24px}.radio-panel>p{color:var(--radio-muted)}.radio-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.radio-panel-head .eyebrow,.radio-now-copy .eyebrow,.compact-copy .eyebrow{margin:0;color:var(--radio-cyan);font-size:.72rem;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.radio-setting{display:grid;gap:7px;margin-top:20px}.radio-setting small{color:var(--radio-muted)}.radio-setting input,.radio-request-form input{width:100%;border:1px solid rgba(255,255,255,.13);background:#080c15;color:var(--radio-text);border-radius:11px;padding:11px 12px}.radio-request-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.radio-request-form label{display:grid;gap:6px;color:var(--radio-muted);font-size:.83rem}.radio-request-form .wide{grid-column:1/-1}.radio-request-form button{justify-self:start}.radio-track-list,.radio-request-list{display:grid;gap:10px}.radio-track-row,.radio-request-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--radio-line);background:rgba(255,255,255,.025);border-radius:14px;padding:13px 15px}.radio-track-index{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(183,76,255,.14);color:#d9adff;font-weight:900}.radio-track-copy strong,.radio-request-copy strong{display:block}.radio-track-copy span,.radio-request-copy span,.radio-request-meta{color:var(--radio-muted);font-size:.84rem}.radio-track-runtime,.radio-request-eta{font-variant-numeric:tabular-nums;font-weight:900;color:var(--radio-green)}.radio-request-row{grid-template-columns:minmax(0,1fr) auto}.radio-request-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.radio-request-actions button{border:1px solid var(--radio-line);background:#161d2a;color:var(--radio-text);border-radius:9px;padding:7px 9px;font-weight:800;cursor:pointer}.radio-request-actions button.approve{color:var(--radio-green);border-color:rgba(76,255,138,.35)}.radio-request-actions button.reject,.radio-request-actions button.delete{color:#ff91a2;border-color:rgba(255,95,120,.35)}.radio-status{display:inline-flex;margin-left:8px;text-transform:uppercase;font-size:.63rem;letter-spacing:.08em;padding:4px 7px;border-radius:999px;background:rgba(183,76,255,.12);color:#cf9cff}.radio-empty{padding:30px;text-align:center;color:var(--radio-muted);border:1px dashed var(--radio-line);border-radius:14px}.radio-toast{position:fixed;right:24px;bottom:24px;background:#111827;color:white;border:1px solid rgba(76,255,138,.5);border-radius:13px;padding:13px 16px;box-shadow:0 20px 50px rgba(0,0,0,.4);z-index:50}.radio-toast.error{border-color:rgba(255,95,120,.55)}
.radio-player-body{margin:0;background:radial-gradient(circle at 10% 50%,#23113a 0,transparent 35%),radial-gradient(circle at 90% 35%,#082b24 0,transparent 33%),var(--radio-bg);color:var(--radio-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.radio-compact{min-height:100vh;padding:18px 22px;display:flex;flex-direction:column;gap:18px}.compact-brand{display:flex;align-items:center;gap:12px}.compact-logo{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;border:1px solid rgba(183,76,255,.6);font-size:1.45rem;background:#080a12}.compact-brand>div{display:grid}.compact-brand small{color:var(--radio-muted)}.compact-brand .radio-live-pill{margin-left:auto}.compact-main{flex:1;display:grid;grid-template-columns:minmax(180px,30vh) minmax(300px,1fr) minmax(220px,.72fr);gap:24px;align-items:center}.compact-copy h1{font-size:clamp(2rem,5vw,5rem);line-height:.93;margin:.15rem 0 .5rem}.compact-copy>p{font-size:1.2rem;margin:.2rem 0}.compact-copy audio{width:100%;margin-top:12px}.compact-main aside{align-self:stretch;border-left:1px solid var(--radio-line);padding:22px;display:flex;flex-direction:column;justify-content:center}.compact-main aside strong{font-size:1.4rem}.compact-main aside>span{color:var(--radio-muted)}.compact-queue{display:grid;gap:7px;margin-top:18px}.compact-queue .radio-track-row{grid-template-columns:auto 1fr auto;padding:8px 10px}.compact-queue .radio-track-index{width:27px;height:27px}.radio-compact footer{display:flex;gap:18px;align-items:center;color:var(--radio-muted);font-size:.82rem}.radio-compact footer a{margin-left:auto;color:var(--radio-cyan)}
@media(max-width:900px){.radio-live-grid,.radio-control-grid{grid-template-columns:1fr}.radio-now-card{grid-template-columns:170px 1fr}.compact-main{grid-template-columns:minmax(150px,30vw) 1fr}.compact-main aside{display:none}}@media(max-width:620px){.radio-topbar{align-items:flex-start;flex-direction:column}.radio-now-card{grid-template-columns:1fr}.radio-art{max-width:260px}.radio-request-form{grid-template-columns:1fr}.radio-request-form .wide{grid-column:auto}.radio-request-row{grid-template-columns:1fr}.radio-request-actions{justify-content:flex-start}.compact-main{grid-template-columns:1fr}.compact-main>.radio-art{max-width:42vh;margin:auto}.radio-compact footer{flex-wrap:wrap}}

/* The compact badge has a solid background, so override the shared gradient-text mask. */
.compact-logo{color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 0 12px var(--radio-purple),0 0 20px var(--radio-green)}
.radio-public-shell{max-width:1500px;margin:0 auto;padding:24px;display:grid;gap:22px}.public-radio-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 2px}.public-radio-brand{display:flex;align-items:center;gap:13px;color:var(--radio-text);text-decoration:none}.public-radio-brand>span:last-child{display:grid}.public-radio-brand small{color:var(--radio-muted)}.public-radio-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.radio-public-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(400px,1.18fr);gap:20px}.radio-public-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(76,255,138,.45);border-radius:11px;padding:11px 15px;background:linear-gradient(135deg,rgba(76,255,138,.22),rgba(50,216,255,.15));color:var(--radio-text);font-weight:900;text-decoration:none;cursor:pointer}.radio-public-button.secondary{border-color:rgba(183,76,255,.45);background:rgba(183,76,255,.1)}.radio-public-button:disabled{opacity:.45;cursor:not-allowed}.radio-request-result{color:var(--radio-green);font-weight:800}.radio-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.public-radio-footer{display:flex;justify-content:space-between;gap:18px;color:var(--radio-muted);padding:8px 2px 20px}.public-radio-footer a{color:var(--radio-cyan)}.compact-audio-note{display:block;color:var(--radio-muted);margin-top:12px}@media(max-width:900px){.radio-public-grid{grid-template-columns:1fr}}@media(max-width:620px){.radio-public-shell{padding:14px}.public-radio-header{align-items:flex-start;flex-direction:column}.public-radio-footer{flex-direction:column}}
.radio-audio-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.radio-audio-actions [data-audio-note]{flex:1 1 220px}.radio-audio-actions .radio-public-button{padding:8px 12px;font-size:.82rem}.radio-audio-row{align-items:flex-start;flex-direction:column}.radio-audio-row audio{width:100%}