.bgm-widget{position:fixed;right:max(15px,env(safe-area-inset-right));bottom:max(13px,env(safe-area-inset-bottom));z-index:70;width:230px;color:#ddd5c2;font:12px/1.6 Paperlogy,'Malgun Gothic',sans-serif;word-break:keep-all;text-align:left;letter-spacing:0;filter:drop-shadow(0 4px 15px #0004)}
.bgm-widget button,.bgm-widget select,.bgm-widget input{font-family:inherit;color:inherit}
.bgm-toolbar{display:flex;align-items:center;gap:2px;background:#132735f2;border:1px solid #aa956b77;border-radius:3px;padding:3px;min-height:40px}
.bgm-toolbar>button{border:0;background:transparent;min-height:34px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px}
.bgm-toolbar>button:hover{background:#d3c19716}.bgm-toolbar button:focus-visible,.bgm-panel button:focus-visible,.bgm-panel input:focus-visible,.bgm-panel select:focus-visible{outline:2px solid #d6bd86;outline-offset:2px}
#bgm-toggle,#bgm-next{width:31px;flex-shrink:0}.bgm-toolbar svg{width:17px;height:17px;fill:#d7c398}.bgm-pause-icon{display:none}.is-playing .bgm-play-icon{display:none}.is-playing .bgm-pause-icon{display:block}
#bgm-details{flex:1;min-width:0;justify-content:flex-start;gap:8px;text-align:left}.bgm-kicker{font-size:8px;letter-spacing:.07em;color:#a59574}.bgm-track-name,#bgm-track-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.bgm-bars{margin-left:auto;display:flex;align-items:center;gap:2px;height:13px;flex-shrink:0}.bgm-bars i{display:block;width:2px;height:3px;background:#c7b07b}.bgm-bars i:nth-child(2){height:7px}.is-playing .bgm-bars i{animation:bgmBars 1.2s ease-in-out infinite alternate}.is-playing .bgm-bars i:nth-child(2){animation-delay:-.5s}.is-playing .bgm-bars i:nth-child(3){animation-delay:-.8s}
.bgm-panel{position:absolute;bottom:calc(100% + 7px);right:0;width:268px;max-width:calc(100vw - 30px);padding:17px;background:#172c3df7;border:1px solid #ae956a99;border-radius:3px;box-shadow:0 6px 25px #0005}.bgm-panel[hidden]{display:none!important}.bgm-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #c9b18244;margin-bottom:15px;padding-bottom:9px;font-size:8px;letter-spacing:.12em;color:#b5a580}.bgm-panel-heading button{font-size:21px;line-height:1;padding:2px 5px;border:0;background:none;cursor:pointer}.bgm-label{display:block;font-size:11px;margin-bottom:6px;color:#cbc5b6}#bgm-track-select{display:block;width:100%;font-size:12px;line-height:1.7;color:#e4dece;background:#0e2131;border:1px solid #7c7768;padding:8px 7px;border-radius:0}.bgm-clock{display:flex;justify-content:space-between;margin-top:14px;font-size:10px;font-variant-numeric:tabular-nums;color:#b9c3c6}.bgm-panel input[type=range]{display:block;width:100%;height:20px;accent-color:#cbb484;margin:4px 0 7px;padding:0;cursor:pointer}.bgm-volume-label{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;color:#cbc5b6}.bgm-volume-label output{font-size:10px;color:#cbb484}.bgm-panel #bgm-status{margin:12px 0 0!important;font-size:10px;color:#b0bdc3;line-height:1.8;min-height:18px}.has-bgm .reader-footer{padding-bottom:85px}.has-bgm .archive-colophon{padding-bottom:55px}
@keyframes bgmBars{from{height:3px}to{height:12px}}
@media(max-width:650px){.bgm-widget{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:215px}.bgm-toolbar{min-height:39px}.bgm-toolbar>button{min-height:33px;padding:5px}#bgm-details{gap:6px}#bgm-track-name{font-size:10px}.bgm-kicker{font-size:7px}.bgm-toolbar svg{width:16px;height:16px}.has-bgm .entry-desk .desk-footer{padding-bottom:40px}.bgm-panel{width:258px}}
@media(prefers-reduced-motion:reduce){.bgm-bars i{animation:none!important}}