/* Compact floating player above the page navigation. Full controls live in the song page. */
footer.player{--player-gap:8px;--mini-cover:none;left:50%;right:auto;bottom:calc(var(--nav-height) + var(--player-gap));transform:translateX(-50%);width:max-content;max-width:min(860px,calc(100% - 32px));min-height:58px;height:58px;display:flex;justify-content:center;align-items:center;gap:6px;padding:5px 12px 5px 6px;border:1px solid #ffffff12;border-radius:999px;background:#675c49;color:#fff;box-shadow:0 6px 28px #0003;isolation:isolate;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
footer.player::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#9e835ee6,#4d493fe6),var(--mini-cover);background-size:cover;background-position:center;filter:blur(18px);clip-path:inset(0 round 999px);pointer-events:none}
footer.player .now-info{order:0;display:flex;flex:0 1 auto;gap:10px;align-items:center;min-width:0}
footer.player .cover-toggle{width:46px;height:46px;min-height:44px;flex-shrink:0;border-radius:9px}.player .cover-toggle .now-cover{width:46px;height:46px;border-radius:8px;object-fit:cover;background:#29352e}
footer.player .now-text{position:relative;display:flex;align-items:center;flex-wrap:nowrap;min-width:0;min-height:44px;overflow:hidden;gap:0}
footer.player .nowtitle,footer.player .nowartist{min-height:26px;max-width:100%;width:auto;min-width:0;display:block;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;padding:0;margin:0;color:#fff;font:inherit;font-size:15px;font-weight:400;text-align:left;cursor:pointer}
footer.player .nowartist{max-width:none;color:#f0ece2;flex:0 2 auto}
footer.player .nowartist:not(:empty)::before{content:' - ';white-space:pre}
footer.player .status{position:absolute;left:0;right:0;bottom:0;width:100%;font-size:10px;line-height:1.3;color:#ffdfbb;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
footer.player .transport{order:1;flex-shrink:0;display:block;width:44px;min-width:0}
footer.player .transport-buttons{display:flex;justify-content:center;align-items:center;gap:0}
footer.player .transport-buttons>.transport-button:not(#togglePlayback),footer.player .seekbar{display:none}
footer.player #togglePlayback{position:relative;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:#fff;font-size:18px;line-height:1;border-radius:50%}
footer.player #togglePlayback::before{content:'';position:absolute;inset:3px;border:1.5px solid #ffffffe0;border-radius:50%;pointer-events:none}
footer.player #togglePlayback>span{display:block;line-height:1}
footer.player #showQueue{order:3;flex-shrink:0;align-self:center;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:#fff}
footer.player #showQueue svg{width:27px;height:27px;stroke-width:1.6}
nav.page-navigation{background:#191919;color:#f4f4f4;border-top:0;-webkit-backdrop-filter:none;backdrop-filter:none}
nav.page-navigation button{color:#a3a3a3}nav.page-navigation button.active{color:#fff}
footer.player :focus-visible{outline:2px solid #fff;outline-offset:1px}
@media(max-width:699px){footer.player{max-width:min(560px,calc(100% - 28px));height:54px;min-height:54px;padding:4px 8px 4px 4px;gap:4px}footer.player .now-info{gap:8px}footer.player .cover-toggle,.player .cover-toggle .now-cover{width:44px;height:44px}footer.player .nowtitle,footer.player .nowartist{font-size:15px}footer.player #togglePlayback{font-size:17px}footer.player #togglePlayback::before{inset:4px}}
@media(hover:hover){footer.player #togglePlayback:hover,footer.player #showQueue:hover{background:#ffffff12}}

.volume-adjustment{flex-shrink:0}
footer.player .volume-adjustment{order:2}
.song-volume-toolbar .volume-adjustment{position:relative}
.volume-toggle,.volume-mute{width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit}
.volume-toggle svg,.volume-mute svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.volume-cross,.is-muted .volume-waves{display:none}.is-muted .volume-cross{display:initial}
.volume-controls{position:absolute;z-index:1;bottom:calc(100% + 8px);right:0;display:grid;grid-template-columns:44px minmax(0,1fr) minmax(42px,max-content);align-items:center;column-gap:8px;width:min(230px,calc(100vw - 48px));padding:4px 12px 4px 4px;border:1px solid #ffffff24;border-radius:14px;background:#292823;color:#fff;box-shadow:0 6px 24px #0005;color-scheme:dark}
footer.player .volume-controls{left:50%;right:auto;transform:translateX(-50%)}
.volume-controls input[type=range]{min-width:0;width:100%;height:44px;margin:0;padding:0;accent-color:#eee;touch-action:none}
.volume-controls output{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}
.volume-controls [data-volume-help]{grid-column:1/-1;margin:0 4px 8px;font-size:12px;color:#ffffffcc}
.song-volume-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:6px}.song-quality{color:#ffffffcc;font-size:11px;line-height:1;padding:4px 8px;border:1px solid #ffffff40;border-radius:10px;white-space:nowrap}
@media(hover:hover){.volume-toggle:hover,.volume-mute:hover{background:#ffffff12}}