.persistent-radio-dock{position:fixed;z-index:120;inset-inline-start:18px;bottom:28px;width:min(340px,calc(100vw - 36px));min-height:74px;padding:10px 12px;display:grid;grid-template-columns:52px minmax(0,1fr) 32px;align-items:center;gap:11px;color:#fff;background:linear-gradient(135deg,#123c35,#1c584d);border:1px solid rgba(232,205,151,.32);border-radius:21px;box-shadow:0 24px 70px rgba(11,43,37,.3);isolation:isolate;overflow:hidden;animation:radioDockIn .35s ease both}
.persistent-radio-dock[hidden]{display:none!important}.persistent-radio-dock:before{content:'';position:absolute;z-index:-1;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.08);inset-inline-start:-48px;top:-52px;box-shadow:0 0 0 24px rgba(255,255,255,.025)}
.persistent-radio-toggle{width:52px;height:52px;border:0;border-radius:17px;background:#f0d49d;color:#123c35;cursor:pointer;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(18,60,53,.12)}
.persistent-radio-icon{font-size:13px;font-weight:900;position:absolute;transition:.2s}.radio-motion{height:24px;display:flex;align-items:center;gap:3px;opacity:0}.radio-motion i{display:block;width:3px;height:7px;border-radius:3px;background:#123c35;transform-origin:center}.persistent-radio-dock.is-playing .persistent-radio-icon{opacity:0}.persistent-radio-dock.is-playing .radio-motion{opacity:1}.persistent-radio-dock.is-playing .radio-motion i{animation:radioBar .8s ease-in-out infinite alternate}.persistent-radio-dock.is-playing .radio-motion i:nth-child(2){animation-delay:-.45s}.persistent-radio-dock.is-playing .radio-motion i:nth-child(3){animation-delay:-.2s}.persistent-radio-dock.is-playing .radio-motion i:nth-child(4){animation-delay:-.6s}
.persistent-radio-copy{min-width:0;line-height:1.45}.persistent-radio-copy small,.persistent-radio-copy b,.persistent-radio-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persistent-radio-copy small{font-size:9px;color:#d9c696}.persistent-radio-copy b{font-size:12px;margin:3px 0}.persistent-radio-copy span{font-size:9px;color:#bdd0ca}
.persistent-radio-close{width:30px;height:30px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.05);color:#fff;cursor:pointer;font-size:20px;line-height:1}.persistent-radio-close:hover{background:#fff;color:#123c35}
.radio-route .persistent-radio-dock{display:none!important}
@keyframes radioBar{to{height:23px}}@keyframes radioDockIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:600px){.persistent-radio-dock{inset-inline-start:12px;bottom:92px;width:calc(100vw - 24px);min-height:68px;padding:8px 10px;grid-template-columns:48px minmax(0,1fr) 30px;border-radius:18px}.persistent-radio-toggle{width:48px;height:48px;border-radius:15px}.persistent-radio-copy b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.persistent-radio-dock,.persistent-radio-dock.is-playing .radio-motion i{animation:none}}