.background-music{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;width:44px;height:44px;padding:0;border:0;background:none;box-shadow:none;color:#e4edf4}
.background-music .music-toggle{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid #abc5df55;border-radius:50%;background:#091a2fb3;color:#cbd8e5;backdrop-filter:blur(8px);cursor:pointer;transition:background .2s,color .2s}
.background-music .music-toggle svg{display:block;width:22px;height:22px}
.background-music[data-state="playing"] .music-toggle{color:#f5eee1;background:#263e55d9;border-color:#d9dfc899}
.background-music[data-state="playing"] .music-off-mark{display:none}
.background-music[data-state="loading"] .music-toggle{opacity:.6}
.background-music .music-toggle:hover{background:#263e55ed;color:#fff}
.background-music .music-toggle:focus-visible{outline:2px solid #d5e7ff;outline-offset:4px}
.background-music .music-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
/* Old HTML may arrive before the new script. Never flash its large player. */
.background-music strong,.background-music .music-volume,.background-music .music-timing,.background-music .music-compact{display:none}
.background-music .music-heading{display:contents}
@media(max-width:600px){.background-music{left:max(12px,env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.background-music .music-toggle{transition:none}}
