.music-toggle{position:fixed;z-index:39;right:20px;bottom:calc(88px + env(safe-area-inset-bottom));width:45px;height:45px;display:grid;place-items:center;border-radius:50%;border:1px solid #c8ad8c;background:#f7f3ecf5;color:var(--copper);box-shadow:0 3px 12px #49312612;cursor:pointer;padding:0;touch-action:manipulation;transition:background-color .2s ease,color .2s ease}
.music-toggle svg{grid-area:1/1;width:21px;height:21px}
.music-toggle .music-pause{display:none}
.music-toggle[data-state=playing]{background:#eadcc8;color:var(--ink)}
.music-toggle[data-state=playing] .music-note{display:none}
.music-toggle[data-state=playing] .music-pause{display:block}
.music-toggle[data-state=loading] .music-note{opacity:.45}
.music-hint{position:absolute;right:calc(100% + 10px);width:max-content;max-width:min(240px,calc(100vw - 100px));padding:7px 11px;border:1px solid var(--rule);border-radius:4px;background:var(--cream);color:var(--ink);font-size:11px;line-height:1.5;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease}
.music-toggle:focus-visible .music-hint,.music-toggle[data-state=error] .music-hint{opacity:1;visibility:visible}
.visual-site.locked .music-toggle{visibility:hidden}
@media(hover:hover) and (pointer:fine){.music-toggle:hover{background:#eadcc8}.music-toggle:hover .music-hint{opacity:1;visibility:visible}}
@media(prefers-reduced-motion:reduce){.music-toggle,.music-hint{transition:none}}