.dj-player{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin:0 0 16px;padding:8px;border:1px solid #ffffff20;border-radius:12px;background:#0c0918a8}.dj-player-play{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#f3edff;color:#170d29;font:16px/1 system-ui;cursor:pointer;transition:transform .18s ease,background .18s ease}.dj-player-play:hover{transform:scale(1.06);background:#fff}.dj-player-track{min-width:0}.dj-player-progress{width:100%;height:5px;margin:0;appearance:none;-webkit-appearance:none;border-radius:999px;outline:0;background:linear-gradient(90deg,var(--player-progress,#ff83d8) 0 var(--progress,0%),#ffffff26 var(--progress,0%) 100%);cursor:pointer}.dj-player-progress::-webkit-slider-thumb{width:13px;height:13px;appearance:none;-webkit-appearance:none;border:2px solid #fff;border-radius:50%;background:var(--player-progress,#ff83d8);box-shadow:0 1px 7px #0008}.dj-player-progress::-moz-range-thumb{width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:var(--player-progress,#ff83d8);box-shadow:0 1px 7px #0008}.dj-player-time{display:flex;justify-content:space-between;margin-top:6px;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.04em}.dj-player.is-playing .dj-player-play{background:var(--player-progress,#ff83d8)}.featured-card .dj-player{--player-progress:var(--gold);border-color:var(--gold);box-shadow:0 0 0 2px #e9be5826}