.now-playing{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:35;width:280px;max-width:calc(100vw - 36px);overflow:hidden;border:1px solid #ecd3e0;border-radius:18px;background:#fff3f8;color:#533840;box-shadow:0 8px 34px #6744532b}
.now-playing[hidden]{display:none}
.now-playing-art{position:relative;height:132px;background:#edcedd}
.now-playing-art>img{display:block;width:100%;height:100%;object-fit:cover}
.now-playing-art::after{content:"";position:absolute;inset:0;background:linear-gradient(#23192335,transparent 75%);pointer-events:none}
.now-playing-control,.now-playing-close{position:absolute;top:8px;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #fff7;border-radius:50%;background:#fff3f8eb;color:#65434f;cursor:pointer}
.now-playing-control{left:8px}.now-playing-close{right:8px}
.now-playing-control svg,.now-playing-close svg{width:21px;height:21px}
.now-playing-control:hover,.now-playing-close:hover{background:#fff}
.now-playing button:focus-visible{outline:2px solid #9678b0;outline-offset:2px}
.now-playing-copy{display:grid;gap:3px;padding:11px 14px 13px;min-width:0}
.now-playing-copy>span{font-size:9px;line-height:1.3;letter-spacing:1.15px;text-transform:uppercase;color:#aa657e}
.now-playing-copy>strong{font-size:14px;line-height:1.35;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.now-playing-copy>small{font-size:10px;line-height:1.4;color:#947583;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.now-playing-progress{height:3px;background:#eed9e5}
.now-playing-progress>span{display:block;width:0;height:100%;background:#a06c92;transition:width .5s linear}
@media(max-width:640px){.now-playing{width:248px;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 24px);border-radius:15px}.now-playing-art{height:112px}.now-playing-copy{padding:9px 12px 11px}}
@media(prefers-reduced-motion:reduce){.now-playing-progress>span{transition:none}}