.music-widget{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:90}
#music-toggle{display:flex;align-items:center;gap:14px;padding:10px 10px 10px 20px;border:1px solid var(--line);border-radius:50px;background:#fbf8f3f5;box-shadow:0 4px 24px #493d5126;backdrop-filter:blur(12px);color:var(--purple);text-align:left;cursor:pointer}
.music-caption{display:grid;gap:2px;pointer-events:none}.music-caption span{font:10px var(--sans);color:var(--muted)}.music-caption strong{font:500 22px/1.1 var(--serif)}
.music-equalizer{display:flex;align-items:center;justify-content:center;gap:3px;width:27px;height:28px;flex-shrink:0;pointer-events:none}
.music-equalizer i{display:block;width:3px;height:24px;border-radius:3px;background:currentColor;transform:scaleY(.17);opacity:.4}
.music-widget.is-playing .music-equalizer i{opacity:1;animation:music-wave .85s ease-in-out infinite alternate}
.music-widget.is-playing .music-equalizer i:nth-child(2){animation-duration:.63s;animation-delay:-.2s}.music-widget.is-playing .music-equalizer i:nth-child(3){animation-duration:.77s;animation-delay:-.5s}.music-widget.is-playing .music-equalizer i:nth-child(4){animation-duration:.59s;animation-delay:-.3s}.music-widget.is-playing .music-equalizer i:nth-child(5){animation-duration:.93s;animation-delay:-.6s}
@keyframes music-wave{0%{transform:scaleY(.2)}35%{transform:scaleY(.65)}70%{transform:scaleY(.35)}100%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.music-widget.is-playing .music-equalizer i{animation:none;transform:scaleY(.55)}.music-widget.is-playing .music-equalizer i:nth-child(2n){transform:scaleY(.85)}}
.music-icon{display:grid;place-items:center;width:48px;height:48px;padding:12px;flex-shrink:0;border-radius:50%;background:var(--lilac);color:var(--purple)}
#music-toggle svg{width:24px;height:24px;grid-area:1/1}#music-toggle .music-sound{display:none}#music-toggle[aria-pressed="true"] .music-sound{display:block}#music-toggle[aria-pressed="true"] .music-muted{display:none}#music-toggle:hover{background:#f5edf8}#music-toggle:hover .music-icon{background:#ded0e7}#music-toggle:disabled{opacity:.5;cursor:wait}
@media(max-width:650px){.music-widget{right:max(12px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom))}#music-toggle{gap:10px;padding:7px 7px 7px 16px}.music-caption span{font-size:9px}.music-caption strong{font-size:21px}.music-icon{width:44px;height:44px;padding:10px}}
