.header-side{display:flex;flex-direction:column;align-items:flex-end}
.bgm-player{--music-bg:#f6f5eff5;--music-text:#424c40;--music-line:#abb3a280;position:fixed;right:26px;bottom:max(28px,env(safe-area-inset-bottom));z-index:5;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
.bgm-player audio[controls]{width:250px;height:36px}
.bgm-reveal{display:grid;place-items:center;width:42px;height:42px;border:1px solid transparent;border-radius:50%;background:var(--music-bg);color:var(--music-text);opacity:.55;cursor:pointer;transition:opacity .2s}
.bgm-reveal:hover,.bgm-reveal:focus-visible,.bgm-reveal[aria-expanded="true"]{opacity:1;border-color:var(--music-line)}
.bgm-reveal:focus-visible,.bgm-controls button:focus-visible,.bgm-controls input:focus-visible{outline:2px solid var(--music-text);outline-offset:4px}
.sound-bars{display:flex;align-items:center;gap:3px;height:18px}.sound-bars i{display:block;width:2px;height:7px;background:currentColor;border-radius:2px}.sound-bars i:nth-child(2){height:16px}.sound-bars i:nth-child(3){height:11px}
.bgm-reveal[data-playing="false"] .sound-bars{opacity:.55}
.bgm-controls{position:absolute;right:0;bottom:54px;display:grid;grid-template-columns:1fr 40px;align-items:center;gap:10px;width:228px;padding:18px;border:1px solid var(--music-line);border-radius:8px;background:var(--music-bg);color:var(--music-text);box-shadow:0 8px 28px #111c1314}
.bgm-toggle{grid-column:1/-1;justify-self:start;border:0;border-bottom:1px solid var(--music-line);background:transparent;color:inherit;font-size:14px;min-height:32px;padding:0 0 6px;cursor:pointer}
.bgm-label{grid-column:1/-1;font-size:13px}.bgm-volume{width:100%;height:26px;margin:0;accent-color:var(--music-text);cursor:pointer}.bgm-controls output{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.bgm-status{grid-column:1/-1;font-size:12px;min-height:14px;line-height:1.5}
.artwork-page .bgm-player{--music-bg:#101824f5;--music-text:#dfc58b;--music-line:#4d5663;top:94px;right:4%;bottom:auto}
.artwork-page .bgm-controls{top:52px;bottom:auto}
@media(max-width:720px){.bgm-player{right:18px;bottom:max(22px,env(safe-area-inset-bottom))}.artwork-page .bgm-player{top:88px;right:6%}.bgm-reveal{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.bgm-reveal{transition:none}}