.rd{min-block-size:calc(100svh - var(--nav-h));padding-block:calc(var(--nav-h) + clamp(24px, 5vw, 56px)) clamp(56px, 9vw, 110px);grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,80px);display:grid}.rd-art{aspect-ratio:1;justify-self:center;place-items:center;inline-size:100%;max-inline-size:460px;display:grid;position:relative}.rd-art>*{grid-area:1/1}.rd-disc{aspect-ratio:1;background:var(--light);inline-size:78%;box-shadow:0 60px 120px -50px var(--glow-pink);border-radius:50%}.rd-ring{aspect-ratio:1;border-radius:50%;inline-size:96%;box-shadow:inset 0 0 0 2px #f7a87847,0 0 0 34px #f0708a0d}.rd-art .anas{aspect-ratio:1;inline-size:74%;display:block}.rd-art .anas svg{block-size:100%;inline-size:100%}.rd-copy{justify-items:start;gap:14px;display:grid}.rd-copy>p,.rd-copy>h1{margin:0}.rd-copy .lead{color:var(--cream-2);max-inline-size:34rem}.rd-card{border-radius:var(--r-xl);background:radial-gradient(90% 140% at 100% 0%, #f0708a1f, transparent 60%), var(--bg2);inline-size:100%;box-shadow:inset 0 0 0 1px var(--line-2);gap:14px;margin-block-start:10px;padding:clamp(20px,3.5vw,30px);display:grid}.rd-card>p{margin:0}.rd-card .lead{color:var(--cream-2)}.rd-onair{color:var(--peach);align-items:center;gap:10px;font-size:16px;font-weight:700;display:inline-flex}.rd-dot{background:var(--pink);border-radius:50%;block-size:9px;inline-size:9px;box-shadow:0 0 #f0708a99}.rd-card[data-state=playing] .rd-dot{animation:rd-pulse 1.8s var(--ease) infinite}.rd-title{overflow-wrap:anywhere}.rd-actions{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.rd-error{color:var(--peach)}.rd-more{box-shadow:inset 0 1px 0 var(--line);color:var(--cream-3);gap:8px;padding-block-start:14px;font-size:15px;display:grid}.rd-url{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.rd-url bdi{font-family:var(--latin);color:var(--cream-2);overflow-wrap:anywhere;min-inline-size:0}.rd-url button{min-block-size:44px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}:has(.rd-card[data-state=playing]) .rd-ring{animation:rd-breathe 3.6s var(--ease-io) infinite}@keyframes rd-pulse{70%{box-shadow:0 0 0 10px #f0708a00}}@keyframes rd-breathe{50%{scale:1.035}}@media (max-width:860px){.rd{grid-template-columns:1fr;min-block-size:0}.rd-art{max-inline-size:300px}}@media (prefers-reduced-motion:reduce){.rd-card[data-state=playing] .rd-dot{animation:none}:has(.rd-card[data-state=playing]) .rd-ring{animation:none}}