:root{--site-player-height:92px}
body.site-player-enabled{padding-bottom:var(--site-player-height)}
.site-player{position:fixed;z-index:1000;right:0;bottom:0;left:0;display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(280px,1.2fr) minmax(120px,1fr);gap:16px;align-items:center;height:var(--site-player-height);padding:13px 22px;border-top:1px solid #393939;background:#0c0c0cf5;box-shadow:0 -16px 50px #0009;backdrop-filter:blur(18px)}
.site-player-artwork{display:block;width:58px;height:58px;border:1px solid #383838;border-radius:8px;object-fit:cover}.site-player-artwork[hidden]{display:none}
.site-player-track{display:grid;min-width:0}.site-player-track small{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.site-player-track strong,.site-player-track>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-player-track strong{min-width:0;font-size:15px}.site-player-track>span{margin-top:2px;color:#999;font-size:11px}.site-player-title-line{display:flex;min-width:0;align-items:center;gap:7px;margin-top:3px}.site-player-dsp{display:flex;flex:0 0 auto;gap:4px}.site-player-dsp:empty{display:none}.site-player-dsp-link{display:grid;width:22px;height:22px;place-items:center;color:#ddd;text-decoration:none}.site-player-dsp-link:hover,.site-player-dsp-link:focus-visible{color:var(--accent);outline:1px solid currentColor}.site-player-dsp-link svg{display:block;width:17px;height:17px;fill:currentColor}.site-player-dsp-link .icon-cut{fill:none;stroke:#0c0c0c;stroke-width:1.45;stroke-linecap:round}.site-player-dsp-link .icon-cut-fill{fill:#0c0c0c}.site-player-dsp-link.action-spotify{color:#1ed760}.site-player-dsp-link.action-apple_music{color:#fa586a}.site-player-dsp-link.action-bandcamp{color:#629aa9}.site-player-dsp-link.action-deezer{color:#a868ff}
.site-player-center{display:grid;gap:8px}.site-player-controls{display:flex;align-items:center;justify-content:center;gap:13px}.site-player button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#ddd;cursor:pointer}.site-player button:hover,.site-player button:focus-visible{color:var(--accent);outline:1px solid currentColor}.site-player .site-player-toggle{width:38px;height:38px;background:var(--text);color:#090909;font-size:15px}.site-player .site-player-toggle:hover,.site-player .site-player-toggle:focus-visible{background:var(--accent);color:#090909}
.site-player-progress{display:grid;grid-template-columns:38px minmax(100px,1fr) 38px;gap:8px;align-items:center}.site-player-progress span{color:#777;font-size:9px;text-align:center}.site-player input[type=range]{width:100%;height:3px;margin:0;accent-color:var(--accent);cursor:pointer}
.site-player-volume{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#777;font-size:10px;text-transform:uppercase}.site-player-volume input{max-width:110px}.site-player[aria-busy=true] button,.site-player.is-empty button,.site-player.is-empty input{opacity:.4;pointer-events:none}
@media(max-width:700px){:root{--site-player-height:82px}.site-player{grid-template-columns:auto minmax(90px,1fr) minmax(180px,1.5fr);gap:9px;padding:10px 12px}.site-player-artwork{width:48px;height:48px}.site-player-volume{display:none}.site-player-progress{grid-template-columns:1fr}.site-player-progress span{display:none}.site-player-track strong{font-size:13px}.site-player-track span{font-size:10px}.site-player-controls{gap:8px}.site-player button{width:28px;height:28px}.site-player .site-player-toggle{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.site-player{backdrop-filter:none}}