.player{z-index:60;transition:transform var(--dur-slow) var(--ease-out);position:fixed;bottom:0;left:0;right:0;transform:translateY(120%)}.player.up{transform:translateY(0)}.player-inner{max-width:760px;margin:0 auto;padding:0 16px 16px}.player-card{background:var(--mihrab-900);color:#faf7f1;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid #e0b35a2e;align-items:center;gap:14px;padding:12px 16px;display:flex}.dark .player-card{background:#16302a}.player .play{background:var(--lantern-400);width:48px;height:48px;color:var(--mihrab-950);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:22px;transition:transform .12s;display:grid}.player .play:hover{transform:scale(1.05)}.player .mid{flex:1;min-width:0}.player .who{align-items:baseline;gap:8px;display:flex}.player .who .name{font-size:var(--text-sm);color:#faf7f1;font-weight:600}.player .who .ref{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lantern-200)}.player .who .ref-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lantern-200);border-bottom:1px solid #e0b35a4d;text-decoration:none;transition:color .12s,border-color .12s}.player .who .ref-link:hover{color:#faf7f1;border-bottom-color:var(--lantern-300)}.player .track{background:#ffffff24;border-radius:99px;height:4px;margin-top:8px;overflow:hidden}.player .track .fill{background:var(--lantern-400);border-radius:99px;width:0%;height:100%}.player .ctrls{flex-shrink:0;align-items:center;gap:4px;display:flex}.player .ctrls button{color:#cfe0d7;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.player .ctrls button:hover{color:var(--lantern-200);background:#ffffff0f}.player .ctrls button[aria-pressed=true]{color:var(--mihrab-950);background:var(--lantern-300)}.player .ctrls .close{color:#9fc0b2}.player .ctrls .spd{font-family:var(--font-mono);letter-spacing:-.5px;border-radius:6px;width:auto;padding:0 8px;font-size:12px;font-weight:600}@media (max-width:560px){.player .ctrls .opt{display:none}}