.player-plate{min-height:var(--player-min);border:1px solid var(--fg);background:var(--bg);color:var(--fg);flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1.15rem;display:flex;position:relative}.player-plate[data-state=playing],.player-plate[data-state=error]{box-shadow:inset 0 3px 0 var(--accent)}.player-row{letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-size:.68rem;font-weight:600;line-height:1.2;display:flex}.player-state{align-items:center;gap:.45rem;display:inline-flex}.player-dot{background:var(--accent);border-radius:50%;width:.45rem;height:.45rem;animation:1.6s ease-in-out infinite player-pulse}.player-body{flex-direction:column;flex:1;justify-content:flex-end;gap:.35rem;min-height:4.5rem;display:flex}.player-artist{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:560;line-height:1.3}.player-track{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.45rem,3vw,1.85rem);font-weight:750;line-height:1.05}.player-message{letter-spacing:-.03em;text-wrap:balance;max-width:18rem;margin:0;font-size:1.35rem;font-weight:650;line-height:1.15}.player-plate[data-state=error] .player-message{color:var(--accent)}.player-control{appearance:none;background:var(--fg);width:100%;min-height:3.25rem;color:var(--bg);cursor:pointer;font:inherit;letter-spacing:.16em;text-transform:uppercase;border:0;font-size:.75rem;font-weight:750}.player-control:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.player-control:active{transform:translateY(1px)}.player-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes player-pulse{50%{opacity:.3}}@media (hover:hover){.player-control:hover{background:var(--accent);color:var(--fg)}}@media (prefers-reduced-motion:reduce){.player-dot{animation:none}.player-control:active{transform:none}}