body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 82px}main{min-height:0}
.listening-dock{display:flex;align-items:center;gap:20px;padding:12px 24px;border-left:0;border-top:1px solid #39323f;background:#101013;overflow:visible}
.listening-dock header{font:700 12px/1.4 monospace;white-space:nowrap}
.edition,.listening-dock h1,.intro,.listening-dock label,.listening-dock footer,#music-status,#external{display:none}
select{min-width:0;max-width:320px;flex:1;background:transparent;border:1px solid #504956;font-size:14px;padding:12px}select option{background:#171419}
#music{min-height:0;margin:0;background:none}
#start{background:#b9ff00;border:0;color:#111;padding:14px 20px;border-radius:3px;white-space:nowrap;font-size:12px}
nav{display:flex;gap:16px;margin-left:auto}nav button,#stop{border:0;padding:12px 0;font-size:12px}
#music iframe{position:fixed;right:20px;bottom:96px;width:352px;height:220px;border:1px solid #43384b;border-radius:8px;background:#111;box-shadow:0 12px 50px #0005;z-index:10}
button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #b9ff00;outline-offset:4px}
@media(max-width:760px){body{grid-template-rows:minmax(0,1fr) 130px}.listening-dock{padding:10px 16px;gap:10px;flex-wrap:wrap;max-height:none}.listening-dock header{font-size:11px;margin:0}select{max-width:none;padding:8px;width:60%}nav{margin-left:0;gap:18px}nav button,#stop{padding:6px 0;font-size:11px}#start{padding:10px 14px;font-size:11px}#music iframe{right:12px;bottom:142px;width:min(352px,calc(100vw - 24px));height:220px}}
/* Keep the direct listening fallback accessible when embedded playback is restricted. */
.listening-dock #external{display:inline-block!important;font-size:10px;white-space:nowrap;color:inherit}
#music iframe.apple-playlist{height:min(450px,calc(100dvh - 180px));width:min(380px,calc(100vw - 24px));background:#181818}
[hidden]{display:none!important}
/* Keep the iframe mounted: hiding the UI must not restart the playlist. */
#music.player-minimized iframe{visibility:hidden;pointer-events:none}
#toggle-player{background:transparent;border:1px solid #615346;color:#f6f6f0;padding:10px;font-size:11px;white-space:nowrap}
#reload-player{background:transparent;color:#eee;border:1px solid #615346;border-radius:4px;padding:8px;font-size:10px;white-space:nowrap}