.bgm-toggle{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:90;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 16px;border:1px solid #777d6e55;border-radius:30px;background:#eeece6f2;color:#30382c;font-family:inherit;font-size:12px;font-weight:500;line-height:1.3;box-shadow:0 4px 20px #18231a14;cursor:pointer;backdrop-filter:blur(12px);transition:background .2s,box-shadow .2s}
.bgm-toggle:hover{background:#fffdf6;box-shadow:0 5px 24px #18231a26}
.bgm-toggle:focus-visible{outline:3px solid #806b47;outline-offset:4px}
.bgm-label{font-family:inherit;font-size:12px;font-weight:500;white-space:nowrap}
.bgm-bars{display:flex;align-items:center;gap:3px;height:16px}
.bgm-bars i{display:block;width:2px;height:5px;border-radius:2px;background:currentColor;transform-origin:center}
.bgm-toggle[data-playing="true"] .bgm-bars i{animation:bgm-wave 1.1s ease-in-out infinite}
.bgm-bars i:nth-child(2){animation-delay:-.6s!important}.bgm-bars i:nth-child(3){animation-delay:-.3s!important}.bgm-bars i:nth-child(4){animation-delay:-.8s!important}
@keyframes bgm-wave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(3)}}
@media(max-width:600px){.bgm-toggle{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.bgm-toggle,.bgm-bars i{animation:none!important;transition:none}.bgm-toggle[data-playing="true"] .bgm-bars i:nth-child(even){height:13px}}