.music-toggle{
  position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:50;
  display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 16px;
  border:1px solid #b79a67;border-radius:24px;background:#faf6ed;color:#725530;
  box-shadow:0 3px 16px #51402b26,inset 0 0 0 3px #fffaf2;
  font:500 12px/1.4 'Manrope',sans-serif;letter-spacing:.02em;cursor:pointer;
  transition:background .2s,box-shadow .2s;
}
.music-toggle:hover{background:#f0e5d0;box-shadow:0 4px 18px #51402b33}
.music-toggle:focus-visible{outline:2px solid #8c692f;outline-offset:4px}
.music-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.music-toggle .sound-waves{display:none}
.music-toggle[data-playing="true"] .sound-waves{display:initial}
.music-toggle[data-playing="true"] .sound-off{display:none}
@media(max-width:480px){.music-toggle{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));padding:10px 13px}footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){.music-toggle{transition:none}}