.has-bgm{padding-bottom:70px}.bgm-widget{position:fixed;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;background:#102738;color:#f6e9cc;border:1px solid #ae915b;border-radius:7px;box-shadow:0 5px 22px #06122033;font:12px/1.7 Arial,'Yu Gothic',sans-serif;max-width:calc(100vw - 24px)}.bgm-widget button,.bgm-widget summary{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;padding:10px 13px;min-height:44px;box-sizing:border-box}.bgm-widget summary{list-style:none;border-left:1px solid #ae915b77}.bgm-widget summary::-webkit-details-marker{display:none}.bgm-toggle[aria-pressed=true]{color:#ffe1a2}.bgm-widget button:focus-visible,.bgm-widget summary:focus-visible,.bgm-widget a:focus-visible,.bgm-widget input:focus-visible{outline:3px solid #d6b36b;outline-offset:3px}.bgm-panel{position:absolute;right:0;bottom:calc(100% + 8px);width:min(310px,calc(100vw - 28px));max-height:60vh;overflow-y:auto;background:#faf4e6;color:#213f42;border:1px solid #ae915b;border-radius:8px;padding:18px;box-shadow:0 8px 28px #06122040;box-sizing:border-box}.bgm-panel p{font:12px/1.8 Arial,'Yu Gothic',sans-serif;margin:10px 0}.bgm-panel a{color:#335f63;text-decoration:underline}.bgm-volume-label{display:flex;align-items:center;gap:12px;font-size:13px}.bgm-volume{width:100%;min-height:30px;accent-color:#806535}.bgm-panel .bgm-credit{border-top:1px solid #c9ba98;padding-top:12px;font-size:11px}.bgm-message:not(:empty){position:absolute;right:0;bottom:calc(100% + 8px);width:250px;background:#faf4e6;color:#213f42;border:1px solid #ae915b;padding:12px;box-sizing:border-box}.bgm-reader .bgm-widget{bottom:calc(82px + env(safe-area-inset-bottom))}.bgm-reader main{padding-bottom:165px}.profile-open .bgm-widget{visibility:hidden}@media(max-width:480px){.bgm-widget{right:12px;font-size:11px}.bgm-widget button,.bgm-widget summary{padding:8px 11px}.bgm-reader .bgm-widget{bottom:calc(80px + env(safe-area-inset-bottom))}}
.bgm-volume-label{white-space:nowrap}.bgm-volume{flex:1;min-width:0;width:auto}
.bgm-volume-label{white-space:nowrap}.bgm-volume{flex:1;min-width:0;width:auto}
.bgm-widget{left:50%;right:auto;transform:translateX(-50%);justify-content:center;max-width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));text-align:center}.bgm-widget button,.bgm-widget summary{display:flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center}.bgm-panel,.bgm-message:not(:empty){left:50%;right:auto;transform:translateX(-50%);text-align:center;max-width:calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right))}.bgm-panel{width:340px;max-height:min(320px,38dvh);overscroll-behavior:contain;scrollbar-gutter:stable both-edges}.bgm-volume-label{justify-content:center;width:100%;gap:12px}.bgm-volume{flex:0 1 210px;min-width:0;max-width:100%}.bgm-reader .bgm-panel{max-height:min(240px,24dvh)}.has-bgm:has(.bgm-options[open]){padding-bottom:390px}.bgm-reader:has(.bgm-options[open]) main{padding-bottom:430px}.bgm-reader:has(.bgm-options[open]){scroll-padding-bottom:390px}@media(max-width:480px){.bgm-widget{left:50%;right:auto}.bgm-panel{width:340px;padding:16px}.bgm-volume{flex-basis:200px}}
.bgm-reader:has(.bgm-options[open]){height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding-bottom:0}.bgm-reader:has(.bgm-options[open])>.site-return,.bgm-reader:has(.bgm-options[open])>header{flex-shrink:0;width:100%;box-sizing:border-box}.bgm-reader:has(.bgm-options[open])>main{flex:1;min-height:0;overflow:auto;width:100%;box-sizing:border-box;margin-bottom:calc(148px + min(240px,24dvh) + env(safe-area-inset-bottom));padding-bottom:24px}