.bgm-player{position:fixed;left:24px;bottom:24px;z-index:40;color:#eef5ef;font:13px/1.5 system-ui,sans-serif;letter-spacing:0;text-transform:none;text-align:left}
.bgm-player>summary{list-style:none;cursor:pointer;display:block;padding:10px 15px;border:1px solid #ffffff40;border-radius:24px;background:#142d2deb;color:#eef5ef;font:inherit;box-shadow:0 3px 18px #0002}
.bgm-player>summary::-webkit-details-marker{display:none}.bgm-player summary:focus-visible,.bgm-player a:focus-visible{outline:2px solid #b6e2da;outline-offset:4px}
.bgm-panel{position:absolute;bottom:50px;left:0;width:min(296px,calc(100vw - 32px));box-sizing:border-box;padding:18px;border:1px solid #ffffff30;border-radius:16px;background:#142d2dfa;box-shadow:0 12px 36px #0005}
.bgm-player .bgm-title{margin:0 0 5px;color:#fff;font:500 15px/1.5 system-ui,sans-serif}.bgm-player .bgm-note,.bgm-player .bgm-credit{margin:7px 0;color:#c5d7d0;font:12px/1.6 system-ui,sans-serif;letter-spacing:0}.bgm-player a{color:#d4e9dc;text-decoration:underline}.bgm-player audio{display:block;width:100%;height:40px;margin:12px 0}.bgm-player .bgm-status{color:#f1d7b3;font:12px/1.5 system-ui,sans-serif}
@media(max-width:700px){.bgm-player{left:16px;bottom:84px}.bgm-player>summary{padding:9px 13px}}