/* A small persistent control; the music is never loaded or played on entry. */
.bgm-player{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;background:var(--panel);border:1px solid var(--book-edge);border-radius:6px;box-shadow:0 4px 18px var(--book-shadow);color:var(--text)}
.bgm-player button,.bgm-player summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:8px 12px;background:transparent;border:0;border-radius:5px;color:var(--text);font:inherit;font-size:12px;cursor:pointer;list-style:none}
.bgm-player svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.bgm-player button[aria-pressed=true]{color:var(--book-sage)}
.bgm-player button:hover,.bgm-player summary:hover{background:var(--raised)}
.bgm-player summary::-webkit-details-marker{display:none}
.bgm-settings{border-left:1px solid var(--line)}
.bgm-popover{position:absolute;right:0;bottom:calc(100% + 8px);width:270px;max-width:calc(100vw - 32px);padding:18px;background:var(--panel);border:1px solid var(--book-edge);border-radius:6px;box-shadow:0 8px 28px var(--book-shadow);font-size:13px}
.bgm-popover strong{display:block;font-weight:600;color:var(--text);margin-bottom:14px}
.bgm-popover label{display:flex;justify-content:space-between;color:var(--muted)}
.bgm-popover input{display:block;width:100%;min-height:36px;accent-color:var(--book-sage);cursor:pointer}
.bgm-popover small{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.65}
.bgm-popover a{color:var(--book-sage);text-decoration:underline;text-underline-offset:3px}
.bgm-status{position:absolute;right:0;bottom:calc(100% + 8px);width:260px;background:var(--panel);color:var(--muted);font-size:12px;border-radius:4px;box-shadow:0 4px 18px var(--book-shadow)}
.bgm-status:not(:empty){padding:10px 14px;border:1px solid var(--line)}
.bgm-settings[open]~.bgm-status{display:none}
body>footer{padding-bottom:90px}
@media(max-width:700px){.bgm-player{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.bgm-popover{width:250px}}