:root{--media-space:0px}body{padding-bottom:var(--media-space)}.media-dock[hidden],.media-video[hidden],.inline-media[hidden]{display:none}.media-dock{position:fixed;z-index:80;bottom:0;left:0;right:0;display:grid;grid-template-columns:minmax(250px,356px) minmax(0,1fr);gap:22px;padding:16px max(20px,calc((100vw - 1200px)/2)) calc(16px + env(safe-area-inset-bottom));background:#101b27;box-shadow:0 -12px 50px #0007;border-top:1px solid #526174;color:#f5f6fb}.media-video{width:100%;height:200px;min-width:200px;min-height:200px;background:#040a10;border-radius:8px;overflow:hidden}.media-video iframe{width:100%;height:100%;border:0;display:block}.media-info{min-width:0;padding-right:25px;align-self:center}.media-label{font-size:.65rem;letter-spacing:1.5px;color:#a9b7ca;margin-bottom:7px}.media-title{font-size:1.1rem;line-height:1.4;overflow-wrap:anywhere;margin:0}.media-artist{color:#bec8d8;font-size:.85rem;margin:4px 0 12px}.media-actions{display:flex;gap:7px;flex-wrap:wrap}.media-actions button{font:inherit;font-size:.8125rem;min-height:42px;padding:8px 14px;background:#263447;border:1px solid #536277;border-radius:6px;color:white}.media-actions button[aria-pressed=true]{background:#dcd4f6;color:#151125;border-color:#dcd4f6}.media-actions button:disabled{opacity:.45;cursor:default}.media-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:5px}.media-links a{font-size:.8rem;min-height:38px;display:inline-flex;align-items:center;color:#d3dced}.media-status{font-size:.7rem;color:#a8b6c9;line-height:1.5;margin:2px 0 0}.media-close{position:absolute;right:8px;top:6px;width:40px;height:40px;background:none;border:0;color:#e1e7ef;font-size:26px}.media-dock.is-inline,.media-dock:has(.media-video[hidden]){grid-template-columns:1fr}.inline-media{height:auto;aspect-ratio:16/9;min-height:200px;background:#050d15}.inline-media iframe{display:block;border:0;width:100%;height:100%;min-height:200px}.track-card.is-playing>.track-play{display:none}.track-card.is-playing{outline:1px solid #b6a3e0}.track-platforms{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:10px}.track-platforms a{font-size:.8rem;min-height:40px;display:inline-flex;align-items:center}.chip:has(input:disabled){opacity:.45;cursor:default}#genre-count{margin:0 0 12px}.chart-row.is-playing{background:#28324555;box-shadow:inset 3px 0 #b7a3e2}.chart-row.is-playing .chart-cover>span{opacity:1}.chart-services{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.chart-services a{min-height:36px;display:flex;align-items:center;font-size:.75rem;color:#c8d3e3}.chart-video-note{font-size:.7rem;color:#9faec3;margin-top:5px}.chart-song h2 button{min-height:32px}.chart-play-all{margin:0 0 18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chart-play-all p{font-size:.8rem;color:#a7b4c8}.chart-cover>span{opacity:1;background:#0004}.chart-cover:disabled{cursor:default}.chart-cover:disabled>span{display:none}
@media(max-width:700px){.media-dock{grid-template-columns:1fr;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:9px;max-height:75dvh;overflow:auto}.media-video{height:200px;max-width:356px;margin:auto}.media-info{padding-right:20px}.media-title{font-size:.9rem}.media-artist{font-size:.75rem;margin:2px 0 7px}.media-label{display:none}.media-actions button{min-height:40px;padding:7px 12px}.media-links{gap:3px 17px}.media-status{font-size:.65rem}.media-close{z-index:1;background:#101b27e6;border-radius:50%}.chart-row{grid-template-columns:30px 52px minmax(0,1fr)}.chart-services{grid-column:3;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 15px}.chart-change{grid-column:3}.chart-services a{min-height:40px;font-size:.75rem}.chart-he{font-size:.84rem}.inline-media{min-height:200px}}
@media print{.media-dock{display:none}body{padding-bottom:0}}

.chart-details{font-size:.75rem;color:#a9b8cc;margin-top:7px}.chart-details summary{cursor:pointer;min-height:28px;line-height:28px;width:fit-content}.chart-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0}.chart-details dt{font-size:.7rem;color:#8e9fb7}.chart-details dd{margin:4px 0 0;color:#d5deeb;font-variant-numeric:tabular-nums}
/* Dock-only controls and branded outbound links; chart and release cards are unchanged. */
.media-dock .media-actions button{min-height:44px}
.media-links-label{font-size:.7rem;color:#a8b6c9;line-height:1.5;margin:10px 0 1px}
.media-dock .media-links{gap:4px 16px;margin-top:0}
.media-dock .media-links a{gap:8px;min-height:44px;white-space:nowrap}
.platform-icon{display:block;width:22px;height:22px;flex-shrink:0}
.platform-icon-spotify{color:#1ed760}.platform-icon-youtube{color:#ff0033}.platform-icon-appleMusic{color:#fa586a}
.track-platforms a,.chart-services a,.artist-links a{display:inline-flex;align-items:center;gap:7px;min-height:44px}
html{scroll-padding-bottom:var(--media-space)}
.media-expand{position:absolute;right:52px;top:6px;width:44px;height:40px;border:1px solid #46647e;border-radius:10px;background:#121a27;color:#eaf8ff;display:grid;place-items:center}
.media-expand[aria-expanded=true] svg{transform:rotate(180deg)}
.media-dock.is-compact{display:block;padding:8px 16px calc(6px + env(safe-area-inset-bottom));overflow:visible;max-height:none}
.media-floating:has(.media-video[hidden]){display:none}
.media-drag{display:none}
.is-compact .media-floating{position:absolute;left:12px;bottom:calc(100% + 10px);width:200px;box-shadow:0 5px 25px #0009;border-radius:12px;background:#090e18;outline:1px solid #46647e}
.is-compact.video-positioned .media-floating{position:fixed;left:var(--video-x);top:var(--video-y);bottom:auto}
.is-compact .media-video{position:static;width:200px;height:200px;min-width:200px;min-height:200px;margin:0;border-radius:0 0 12px 12px}
.is-compact .media-drag{display:block;width:100%;height:44px;border:0;border-bottom:1px solid #46647e;border-radius:12px 12px 0 0;color:#c5d6ec;background:#121a27;font:inherit;font-size:12px;cursor:grab;touch-action:none;user-select:none}
.is-compact .media-drag:active{cursor:grabbing}
.media-dock .media-actions button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.media-dock .media-actions button{width:44px;min-width:44px;padding:8px;border-radius:50%}
.media-dock .media-actions button .elvee-icon{width:22px;height:22px}
.media-dock .media-actions button[data-media=toggle]{width:48px;height:48px;border-radius:50%;border:2px solid #eaf8ff}
.is-compact .media-info{display:grid;grid-template-columns:minmax(100px,1fr) auto auto;align-items:center;column-gap:16px;padding:0 90px 0 0}
.is-compact .media-title{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;grid-column:1;grid-row:1}
.is-compact .media-artist{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;grid-column:1;grid-row:2;margin:0}
.is-compact .media-actions{grid-column:2;grid-row:1 / span 2;flex-wrap:nowrap;gap:4px}
.is-compact .media-actions button{width:44px;min-width:44px;padding:8px}
.is-compact .media-actions button[hidden]{display:none}
.is-compact .media-actions button span,.is-compact .media-label,.is-compact .media-links-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.is-compact .media-links{grid-column:3;grid-row:1 / span 2;gap:4px 12px}
.is-compact .media-status{grid-column:1 / -1;font-size:.65rem;line-height:1.35;margin-top:3px}
.media-status:empty{display:none}
.media-expand{width:auto;min-width:76px;padding:0 12px;font:inherit;font-size:13px}
.media-sizes{display:flex;justify-content:center;gap:6px;position:absolute;top:8px;left:12px;right:140px}
.media-sizes button{min-height:44px;padding:6px 10px;border:1px solid #46647e;border-radius:9px;background:#121a27;color:#eaf8ff;font:inherit;font-size:12px}
.media-sizes button[aria-pressed=true]{border-color:#65e7ff;background:#123147}
.is-compact .media-sizes{display:none}
.is-compact .media-info{padding-right:130px}
.media-dock:not(.is-compact){display:flex;flex-direction:column;align-items:center;gap:14px;height:58dvh;max-height:80dvh;overflow:auto;padding:66px 18px calc(18px + env(safe-area-inset-bottom))}
.media-dock:not(.is-compact) .media-floating{width:min(100%,540px);flex-shrink:0}
.media-dock:not(.is-compact) .media-video{width:100%;max-width:none;height:clamp(200px,25dvh,300px);margin:0}
.media-dock:not(.is-compact) .media-info{width:100%;max-width:640px;padding:0;text-align:center}
.media-dock:not(.is-compact) .media-title{font-size:1.3rem}
.media-dock:not(.is-compact) .media-actions,.media-dock:not(.is-compact) .media-links{justify-content:center;align-items:center;gap:12px}
.media-dock:not(.is-compact) .media-actions button{width:56px;height:56px;min-width:56px}
.media-dock:not(.is-compact) .media-actions button[data-media=toggle]{width:70px;height:70px}
.media-dock:not(.is-compact) .media-actions button .elvee-icon{width:30px;height:30px}
.media-dock:not(.is-compact) .media-links .platform-icon{width:30px;height:30px}
.media-dock:not(.is-compact) .media-links a{font-size:.85rem;min-height:48px}
.media-dock .media-actions button[hidden]{display:none}
body.music-focus{overflow:hidden}
.media-dock.is-fullscreen{inset:0;height:100dvh;max-height:none;z-index:150;padding-top:calc(70px + env(safe-area-inset-top));justify-content:flex-start}
.media-dock.is-fullscreen .media-floating{width:min(100%,900px)}
.media-dock.is-fullscreen .media-video{height:clamp(200px,43dvh,520px)}
.media-dock.is-fullscreen .media-info{margin:auto 0}
.media-dock.is-fullscreen .media-title{font-size:1.6rem}
.media-dock.is-fullscreen .media-actions{margin:22px 0}
.media-dock.is-fullscreen .media-sizes,.media-dock.is-fullscreen .media-expand,.media-dock.is-fullscreen .media-close{top:calc(8px + env(safe-area-inset-top))}
@media(max-width:420px){.media-sizes{right:136px;left:8px;gap:3px}.media-sizes button{font-size:10px;padding:5px}.media-dock:not(.is-compact) .media-links{gap:10px}.media-dock:not(.is-compact) .media-links a{font-size:.75rem}}
@media(max-width:700px){
 .is-compact .media-info{grid-template-columns:1fr;padding:0;gap:0}
 .is-compact .media-title{grid-column:1;grid-row:1;padding-right:130px;font-size:.8rem}
 .is-compact .media-artist{grid-column:1;grid-row:2;padding-right:130px;font-size:.68rem}
 .is-compact .media-actions{grid-column:1;grid-row:3;justify-content:center}
 .is-compact .media-links{grid-column:1;grid-row:4;justify-content:center;gap:0 15px}
 .is-compact .media-links a{font-size:.7rem;gap:5px;min-height:44px}
 .is-compact .media-links .platform-icon{width:20px;height:20px}
 .is-compact .media-status{grid-column:1;grid-row:5}
 .media-dock:not(.is-compact) .media-info{padding:0}
}

.media-remixes{margin:12px 0;max-width:100%;min-width:0}.media-remixes label{display:block;font-size:12px;margin-bottom:6px;color:#ebcaff}.media-remixes select{display:block;width:100%;max-width:100%;min-width:0;padding:9px 28px 9px 10px;background:#201729;color:#fff;border:1px solid #8b6ca6;border-radius:8px;font:inherit;font-size:12px}.media-remixes p{font-size:11px;opacity:.65;margin:6px 0}.media-info{min-width:0}
.is-compact.has-remixes .media-label{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal;grid-column:1 / -1;grid-row:3;font-size:10px}.is-compact .media-remixes{grid-column:1 / -1;grid-row:4;margin:6px 0}.is-compact.has-remixes .media-status{grid-row:5}.media-remixes[hidden]{display:none}@media(max-width:700px){.is-compact.has-remixes .media-label{grid-row:5}.is-compact .media-remixes{grid-row:6}.is-compact.has-remixes .media-status{grid-row:7}.media-remixes p{display:none}}
.media-event-request{font:inherit;font-size:11px;padding:7px 10px;margin:6px 0;background:#172b34;border:1px solid #536e7c;color:#bcf1ff;border-radius:8px;cursor:pointer}.is-compact .media-event-request{grid-column:1;grid-row:6;justify-self:start}@media(max-width:700px){.is-compact .media-event-request{grid-row:8}}

/* Tuck the video away without replacing the active iframe. */
.media-video-edges,.media-video-restore{display:none}
.is-compact .media-video-edges{display:flex;justify-content:space-between;gap:4px}
.media-video-edges button,.media-video-restore{font:inherit;font-size:12px;color:#eaf8ff;background:#121a27;border:1px solid #46647e;min-height:44px;padding:8px 12px;border-radius:10px;cursor:pointer}
.is-compact.video-tucked .media-floating{visibility:hidden;pointer-events:none;box-shadow:none}
.is-compact.video-tucked .media-video-restore:not([hidden]){display:block;position:fixed;top:var(--video-y,35vh);z-index:81;box-shadow:0 3px 16px #0006}
.media-video-restore[data-side=left]{left:0;border-radius:0 10px 10px 0}
.media-video-restore[data-side=right]{right:0;border-radius:10px 0 0 10px}
.media-dock:has(.media-video[hidden]) .media-video-restore{display:none!important}