/* One shared transport for the entire arrangement. */
.transport{position:relative;flex-shrink:0;z-index:20;display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,2fr) minmax(170px,1fr);align-items:center;gap:28px;min-height:108px;margin:0 20px 14px;padding:12px 20px;border:1px solid #282637;border-radius:15px;background:#0e101a}
.player-song{display:flex;align-items:center;gap:12px;min-width:0}.player-song-copy{min-width:0}.player-song-copy>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550}.player-song .status{font-size:10px;line-height:1.3;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-song .status:empty{display:none}
.player-center{display:grid;grid-template-rows:45px 24px;gap:4px;min-width:0}.transport-buttons{display:flex;align-items:center;justify-content:center;gap:16px}.transport-buttons .icon-button{width:32px;height:32px;padding:7px}.play-button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1.5px solid #b69ae9;border-radius:50%;background:#241b35;color:#f2e8ff;box-shadow:0 0 16px #9b65de16}.play-button:hover{background:#352647}.play-button svg{width:22px;height:22px}.skip-button{min-width:32px;min-height:32px;border:0;font-size:11px;color:#aaa5bc;padding:6px}
.seek-row{display:flex;align-items:center;gap:10px;min-width:0}.seek-row>span{flex:0 0 35px;text-align:center;font-size:10px;font-variant-numeric:tabular-nums;color:#9993ab}.seek-track{position:relative;flex:1;display:flex;align-items:center;min-width:0;height:24px}.seek-track input{appearance:none;-webkit-appearance:none;width:100%;height:3px;margin:0;outline-offset:8px;border-radius:4px;background:linear-gradient(to right,#b69ae9 var(--played,0%),#3b364c var(--played,0%))}.seek-track input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;background:#d9c2ff;border:0;border-radius:50%;box-shadow:0 0 8px #ad7bff44}.seek-track input::-moz-range-thumb{width:12px;height:12px;background:#d9c2ff;border:0;border-radius:50%}.seek-track output{position:absolute;bottom:24px;transform:translateX(-50%);padding:5px 7px;border:1px solid #514062;border-radius:5px;background:#211a2d;color:#eee4fa;font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none}
.player-options{display:grid;grid-template-columns:30px minmax(50px,110px);gap:8px;align-items:center;justify-content:end;min-width:0}.speed-options{grid-column:1/-1;display:flex;justify-content:flex-end;gap:3px}.speed-options button{display:block;min-width:32px;min-height:28px;padding:5px;font-size:11px;color:#9690a8;border:0;border-radius:5px}.speed-options button.selected{color:#ddc7ff;background:#2b213c}#toggle-sound{display:grid;place-items:center;width:30px;height:30px;padding:5px}#master-volume{display:block;min-width:0;width:100%;height:3px;margin:0;accent-color:#b69ae9}
@media(max-width:1100px) and (min-width:781px){.transport{grid-template-columns:minmax(130px,1fr) minmax(230px,1.8fr) 137px;gap:16px;margin:0 12px 12px;padding:12px 16px}.player-options{grid-template-columns:26px minmax(0,1fr)}.album-art{width:44px;height:44px}.transport-buttons{gap:12px}}
@media(max-width:780px){body{padding-bottom:0}main{padding-bottom:130px}.transport{position:fixed;bottom:max(8px,env(safe-area-inset-bottom));left:8px;right:8px;margin:0;min-height:108px;padding:9px 12px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:46px 27px;gap:8px 12px;background:#10101cf5;backdrop-filter:blur(18px)}.player-center{display:contents}.player-song{grid-column:1;grid-row:1;gap:9px}.album-art{width:38px;height:38px}.player-song-copy>span{font-size:11px}.album-name{font-size:10px}.transport-buttons{grid-column:2;grid-row:1;gap:4px}.transport-buttons #restart{display:none}.play-button{width:42px;height:42px}.skip-button{min-width:26px;min-height:38px;padding:3px;font-size:10px}.seek-row{grid-column:1;grid-row:2;gap:5px}.seek-row>span{font-size:9px;flex-basis:29px}.player-options{display:block;grid-column:2;grid-row:2}.speed-options{justify-content:center;gap:1px}.speed-options button{min-width:29px;min-height:27px;font-size:10px}#master-volume,#toggle-sound{display:none}.toast{bottom:130px}}
@media(prefers-reduced-motion:reduce){.transport *{transition:none!important}}