.player-controls{gap:var(--space-2);width:100%;min-width:0;display:grid}.player-controls .song-time,.player-controls .player-time{justify-content:space-between;gap:var(--space-4);color:var(--fg-2);font:500 var(--fs-small) var(--font-mono);font-variant-numeric:tabular-nums;display:flex}.player-controls .song-time output{color:var(--fg)}.player-controls[data-on-screen] .song-time{color:var(--glow-2)}.player-controls[data-on-screen] .song-time output{color:var(--glow)}.player-controls[data-on-screen] .song-seek{--rule-strong:var(--screen-rule)}.player-controls .song-seek,.player-controls .player-seek{--fill:0%;cursor:pointer;appearance:none;background:0 0;width:100%;height:20px;margin:0;display:block}.song-seek::-webkit-slider-runnable-track{background:var(--rule-strong);border-radius:2px;height:4px}.player-seek::-webkit-slider-runnable-track{background:var(--rule-strong);border-radius:2px;height:4px}.song-seek::-moz-range-track{background:var(--rule-strong);border-radius:2px;height:4px}.player-seek::-moz-range-track{background:var(--rule-strong);border-radius:2px;height:4px}.song-seek::-moz-range-progress{background:var(--signal);border-radius:2px;height:4px}.player-seek::-moz-range-progress{background:var(--signal);border-radius:2px;height:4px}.song-seek::-webkit-slider-thumb{background:var(--signal);appearance:none;border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.player-seek::-webkit-slider-thumb{background:var(--signal);appearance:none;border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.song-seek::-moz-range-thumb{background:var(--signal);border:0;border-radius:50%;width:14px;height:14px}.player-seek::-moz-range-thumb{background:var(--signal);border:0;border-radius:50%;width:14px;height:14px}.song-seek:disabled,.player-seek:disabled{opacity:.5;cursor:default}.player-controls .transport-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.has-player{padding-bottom:calc(var(--player-height,72px) + var(--space-5))}.persistent-player{z-index:80;bottom:max(var(--space-4), env(safe-area-inset-bottom));align-items:center;gap:var(--space-3);width:min(1080px, calc(100vw - 2 * var(--gutter)));border-radius:var(--radius-pill);background:var(--screen);color:var(--glow);box-shadow:var(--shadow-3), inset 0 0 0 1px var(--screen-rule);animation:dock-in var(--dur-slow) var(--ease);grid-template-columns:auto minmax(120px,220px) minmax(160px,1fr) auto auto auto auto;grid-template-areas:"play who seek time restart loop extras";padding:8px 10px 8px 8px;display:grid;position:fixed;left:50%;transform:translate(-50%)}.persistent-player[role=alert]{font-size:var(--fs-small);padding:12px 20px;display:block}@keyframes dock-in{0%{opacity:0;transform:translate(-50%,12px)}}.persistent-player .player-controls,.persistent-player .transport-actions{display:contents}.persistent-player .play-button{grid-area:play}.persistent-player .player-restart{grid-area:restart}.persistent-player .player-loop{grid-area:loop}.persistent-player .player-seek{grid-area:seek}.persistent-player .player-seek::-webkit-slider-runnable-track{background:var(--screen-rule)}.persistent-player .player-seek::-moz-range-track{background:var(--screen-rule)}.persistent-player .player-time{color:var(--glow-3);font-size:var(--fs-label);grid-area:time;gap:4px}.persistent-player .player-time output{color:var(--glow)}.persistent-player .player-time span:before{content:"/ "}.player-identity{align-items:center;gap:var(--space-3);grid-area:who;min-width:0;display:flex}.player-identity>div{min-width:0;display:grid}.player-identity a{color:var(--glow);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.player-identity a:hover{text-decoration:underline}.player-identity span{color:var(--glow-3);font:500 var(--fs-key)/1.5 var(--font-mono);letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.player-identity .thumbnail{border:0;border-radius:50%}.player-artwork{color:var(--signal);place-items:center;display:grid;background:var(--screen-3)!important}.player-extras{align-items:center;gap:var(--space-1);grid-area:extras;display:flex}.player-volume{color:var(--glow-2);align-items:center;gap:6px;display:flex}.player-volume input{--fill:80%;cursor:pointer;appearance:none;background:0 0;width:72px;height:20px;margin:0}.player-volume input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--glow-2) var(--fill), var(--screen-rule) var(--fill));border-radius:2px;height:3px}.player-volume input::-moz-range-track{background:var(--screen-rule);border-radius:2px;height:3px}.player-volume input::-moz-range-progress{background:var(--glow-2);height:3px}.player-volume input::-webkit-slider-thumb{background:var(--glow);appearance:none;border:0;border-radius:50%;width:12px;height:12px;margin-top:-4.5px}.player-volume input::-moz-range-thumb{background:var(--glow);border:0;border-radius:50%;width:12px;height:12px}.player-link{border-radius:var(--radius-pill);min-width:36px;height:36px;color:var(--glow-2);font-size:var(--fs-small);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:500;text-decoration:none;display:inline-flex}.player-link:hover{color:var(--glow);background:#eef2ea12}.player-expand{display:none!important}.player-status{margin:0 var(--space-3) 4px;color:var(--glow-2);font-size:var(--fs-small);grid-column:1/-1}.player-queue{max-height:30vh;margin:0 var(--space-3) var(--space-2);grid-column:1/-1;padding:0;list-style:none;overflow:auto}.player-queue button{border-radius:var(--radius-s);width:100%;color:var(--glow-2);text-align:left;background:0 0;border:0;padding:8px 12px}.player-queue button:hover{background:#eef2ea12}.player-queue [aria-current]{color:var(--glow);font-weight:600}:is(.persistent-player:has(.player-queue),.persistent-player:has(.player-status)){border-radius:var(--radius-xl)}.publication-play{min-width:92px}@media (max-width:960px){.persistent-player .player-time,.player-identity span{font-size:var(--fs-small)}.persistent-player{border-radius:var(--radius-xl);grid-template-columns:auto auto minmax(0,1fr) auto auto;grid-template-areas:"play who who time expand""seek seek seek seek seek""restart loop extras extras extras";row-gap:4px}.persistent-player .player-seek,.persistent-player .player-restart,.persistent-player .player-loop,.persistent-player .player-extras{display:none}.persistent-player.expanded .player-seek{display:block}.persistent-player.expanded .player-restart,.persistent-player.expanded .player-loop{display:inline-flex}.persistent-player.expanded .player-extras{flex-wrap:wrap;justify-content:flex-end;justify-self:end;display:flex}.player-expand{grid-area:expand;display:inline-flex!important}.persistent-player.expanded{max-height:70dvh;overflow-y:auto}body:has(input:not([type=range]):focus,textarea:focus) .persistent-player{visibility:hidden}}@media (max-width:480px){.persistent-player:not(.expanded) .player-time{display:none}}@media (max-width:960px),(pointer:coarse){.player-controls .song-seek,.player-controls .player-seek{height:44px}}