.music-toggle { position: fixed; right: max(14px, env(safe-area-inset-right)); bottom: max(14px, env(safe-area-inset-bottom)); z-index: 100; display: grid; place-items: center; width: 44px; height: 44px; padding: 10px; border: 1px solid #d2b57c; border-radius: 50%; background: #082849; color: #efce86; box-shadow: 0 3px 14px #00152a38; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.music-toggle[hidden] { display: none; }
.music-toggle:hover { background: #163b5b; }
.music-toggle:focus-visible { outline: 2px solid #b58a38; outline-offset: 4px; }
.music-toggle svg { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.music-toggle .music-waves { display: none; }
.music-toggle[aria-pressed="true"] .music-waves { display: block; }
.music-toggle[aria-pressed="true"] .music-muted { display: none; }
.music-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media print { .music-toggle, .music-status { display: none !important; } }