#musicPlayer[hidden]{display:none}
#musicPlayer{position:fixed;right:16px;bottom:20px;width:220px;padding:12px;background:#fffaf6;border:1px solid #ddc9ba;border-radius:10px;box-shadow:0 5px 24px #79574726;z-index:15;color:#795747;font-size:13px}
.music-player-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
#musicPlayer button{border:1px solid #e3cdbd;border-radius:6px;background:#f4e4d8;color:#795747;min-width:36px;min-height:36px;font-size:16px}
.music-player-head button{background:transparent!important;border:0!important}
.music-player-title{font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0 10px}
.music-player-controls{display:flex;justify-content:center;gap:12px}
#musicPlayer .music-player-seek{width:100%;margin:10px 0 3px;accent-color:#b78e72}
.music-player-time{text-align:center;font-size:11px;font-variant-numeric:tabular-nums}
.music-player-volume{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:11px}
.music-player-volume input{width:100%;min-width:0;accent-color:#b78e72}
.music-player-status{font-size:11px;line-height:1.4;margin-top:6px}
.music-player-status:empty{display:none}
.music-track-play{margin:8px 0;padding:8px 14px;border:1px solid #ddc9ba;border-radius:5px;background:#f7ebe2;color:#795747;min-height:40px}
.music-track-play[aria-pressed=true]{background:#e8d1bf}
@media(min-width:1280px){#musicPlayer{top:85px;bottom:auto;right:max(16px,calc((100vw - 791px)/2 - 236px))}}
@media(max-width:1279px){body.has-music-player{padding-bottom:245px}}
html[data-view=mobile] #musicPlayer{top:auto;bottom:0;left:0;right:0;width:auto;border-radius:10px 10px 0 0;padding:6px 12px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}
html[data-view=mobile] #musicPlayer[hidden]{display:none}
html[data-view=mobile] .music-player-head{grid-column:1 / -1}
html[data-view=mobile] .music-player-title{align-self:center;margin:0}
html[data-view=mobile] .music-player-controls{gap:5px}
html[data-view=mobile] #musicPlayer .music-player-seek{grid-column:1 / -1;margin:4px 0 0}
html[data-view=mobile] .music-player-volume{margin:0;justify-self:end;max-width:160px}
html[data-view=mobile] .music-player-time{text-align:left;align-self:center}
html[data-view=mobile] .music-player-status{grid-column:1 / -1;margin-top:2px}
html[data-view=mobile] body.has-music-player{padding-bottom:calc(190px + env(safe-area-inset-bottom))}