.music-toggle{justify-self:end;display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:7px 14px;border:1px solid var(--gold);border-radius:100px;background:var(--paper);color:var(--red);font:13px/1.4 var(--body);letter-spacing:.04em;white-space:nowrap;transition:background .25s,color .25s}
.music-toggle:hover{background:var(--cream)}
.music-note{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.music-wave{display:none;align-items:center;gap:3px;height:20px;width:20px;flex:none}
.music-wave i{display:block;width:3px;height:15px;background:currentColor;border-radius:2px;transform-origin:center;animation:music-pulse 1.3s ease-in-out infinite}
.music-wave i:nth-child(2){animation-delay:-.4s;height:20px}.music-wave i:last-child{animation-delay:-.8s;height:11px}
.music-toggle.is-playing .music-note{display:none}.music-toggle.is-playing .music-wave{display:flex}
.music-toggle[data-state=loading]{border-style:dashed}
@keyframes music-pulse{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@media(max-width:600px){
 .music-toggle{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:75;width:44px;height:44px;min-height:44px;padding:0;justify-content:center;gap:0;box-shadow:0 3px 15px color-mix(in srgb,var(--ink) 10%,transparent)}
 .music-label{display:none}
}
@media(prefers-reduced-motion:reduce){.music-wave i{animation:none;transform:none}}