.radio-stage{background:var(--sleeve-black);position:fixed;inset:0;overflow:hidden}.radio-footage{object-fit:cover;width:100%;height:100%;display:block}.radio-breather{background:var(--sleeve-black);opacity:0;pointer-events:none;position:absolute;inset:0}.radio-settings-cog{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:color-mix(in oklch, var(--deep-field) 78%, transparent);border:1px solid color-mix(in oklch, var(--starlight-cream) 14%, transparent);color:var(--starlight-cream);cursor:pointer;height:2.75rem;right:calc(1rem + env(safe-area-inset-right));top:calc(1rem + env(safe-area-inset-top));z-index:1;border-radius:999px;justify-content:center;align-items:center;width:2.75rem;transition:background .15s,border-color .15s;display:flex;position:absolute}.radio-settings-cog svg{width:1.35rem;height:1.35rem}.radio-settings-cog:hover,.radio-settings-cog:focus-visible{background:color-mix(in oklch, var(--deep-field) 92%, transparent);border-color:color-mix(in oklch, var(--starlight-cream) 28%, transparent)}.radio-settings-cog:focus-visible{outline:2px solid var(--eclipse-gold);outline-offset:2px}.radio-settings-panel{gap:.25rem;width:15rem}.radio-setting-row{justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem 0;display:flex}.radio-setting-label{color:var(--starlight-cream);cursor:pointer;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.radio-setting-label svg{color:var(--stardust);flex:none;width:1.15rem;height:1.15rem}@media (prefers-reduced-motion:reduce){.radio-settings-cog{transition:none}}.radio-scrim{background:linear-gradient(to top, color-mix(in oklch, var(--deep-field) 92%, transparent), transparent 45%);pointer-events:none;position:absolute;inset:0}.radio-meta{max-width:min(38rem,100% - 2*clamp(.9rem,2vw,1.5rem));padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom)) 0;justify-items:start;gap:.4rem;display:grid;position:absolute;bottom:0;left:clamp(.9rem,2vw,1.5rem)}.radio-log-id{color:var(--eclipse-gold);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:.92rem}.radio-title{color:var(--starlight-cream);letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.5rem;font-weight:800;line-height:1.15}.radio-artist{color:var(--stardust);overflow-wrap:anywhere;font-size:1.05rem;line-height:1.25}.radio-facts{color:var(--stardust);font-variant-numeric:tabular-nums;font-size:.85rem}.radio-narration{pointer-events:none;place-items:center;padding:clamp(3.5rem,12vh,7rem) clamp(1.25rem,6vw,3rem);display:grid;position:absolute;inset:0}.radio-narration-line{color:#fff;letter-spacing:-.01em;mix-blend-mode:difference;overflow-wrap:anywhere;text-align:center;text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(1.5rem,4.5vw,2.5rem);font-weight:700;line-height:1.28;animation:.32s ease-out both radio-narration-in}@keyframes radio-narration-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.radio-narration-word{transition:color .12s ease-out,text-shadow .12s ease-out}.radio-narration-word.is-active{color:var(--eclipse-gold);mix-blend-mode:normal;text-shadow:0 .05rem .5rem color-mix(in oklch, var(--deep-field) 82%, transparent), 0 0 .85rem color-mix(in oklch, var(--eclipse-gold) 55%, transparent), 0 0 1.7rem color-mix(in oklch, var(--eclipse-gold) 35%, transparent)}@media (prefers-reduced-motion:reduce){.radio-narration-line{animation:none}.radio-narration-word{transition:none}}.radio-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.radio-gate{background:var(--deep-field);text-align:center;place-content:center;place-items:center;gap:1rem;padding:clamp(1.25rem,5vw,2rem);display:grid;position:fixed;inset:0}.radio-gate-title{color:var(--starlight-cream);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.35rem,6vw,1.75rem);font-weight:800}.radio-gate-subtitle{color:var(--stardust);text-wrap:balance;max-width:min(34rem,100%);font-size:1rem;line-height:1.4}