.site-music-toggle{position:fixed;z-index:10000;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto auto;grid-template-areas:"icon label" "icon status";align-items:center;column-gap:9px;min-width:88px;padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(28,32,36,.78);box-shadow:0 10px 32px rgba(0,0,0,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;font:12px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;transition:opacity .2s,transform .2s,background .2s}
.site-music-toggle[hidden]{display:none}
.site-music-toggle:hover{transform:translateY(-2px);background:rgba(24,29,33,.9)}
.site-music-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.site-music-toggle>span{grid-area:icon;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);font-size:17px}
.site-music-toggle>b{grid-area:label;font-size:11px;font-weight:600;letter-spacing:.12em}
.site-music-toggle>em{grid-area:status;margin-top:3px;color:rgba(255,255,255,.65);font-size:9px;font-style:normal;letter-spacing:.12em}
.site-music-toggle.is-on>span{background:rgba(170,198,205,.3);animation:siteMusicPulse 2.4s ease-in-out infinite}
.site-music-toggle.is-on>em{color:#d8edf0}
.site-music-toggle.is-error{opacity:.55}
.site-music-toggle.needs-tap{background:rgba(116,34,52,.9);box-shadow:0 10px 34px rgba(68,18,30,.3)}
.site-music-toggle.needs-tap>em{color:#ffe7b2}
@keyframes siteMusicPulse{50%{transform:scale(.9);opacity:.72}}
@media(max-width:640px){.site-music-toggle{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-width:80px;padding:9px 12px}.site-music-toggle>span{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.site-music-toggle,.site-music-toggle.is-on>span{animation:none;transition:none}}