/* Large artwork, stereo display and lower-right transport. */
body[data-page="store"] #player{display:grid;grid-template-columns:132px minmax(220px,.9fr) minmax(340px,1.3fr);grid-template-areas:"art title timeline" "art time timeline" "footer footer footer";gap:12px 24px;padding:24px;width:min(1160px,calc(100% - 32px));border-radius:14px;align-items:center;overflow:visible}
#player .player-artwork{grid-area:art;width:132px;height:132px;margin:0;align-self:center}
#player .player-record{width:100%;height:100%}
#player.is-loading .player-record{animation-play-state:paused}
#player .player-title{grid-area:title;max-width:none;min-width:0;align-self:end}
#player .player-title strong{display:block;font-size:25px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#player .player-title>span{display:block;font-size:9px;letter-spacing:1px;margin-top:7px}
#player .player-title #player-mode,#player .player-title .player-artist{display:inline;font-size:inherit;letter-spacing:inherit}
#player #player-time{grid-area:time;align-self:start;font-size:28px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:1px;line-height:1.4;white-space:nowrap;margin:0;display:block;color:#dbe8ff}
#player .player-timeline{grid-area:timeline;order:initial;height:auto;min-width:0;width:100%;padding-right:28px;box-sizing:border-box;align-self:center}
#player .compact-master{display:block;margin:0 0 8px}
#player .master-meter-label,.stereo-meters .master-meter-label{font-size:9px;letter-spacing:1.6px;margin-bottom:7px;color:#d2dbed}
#player .master-channel,.stereo-meters .master-channel{display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:8px;margin:6px 0}
#player .master-channel>span,.stereo-meters .master-channel>span{font-size:10px;color:#dce6f5}
#player .master-level-meter,.stereo-meters .master-level-meter{display:block;width:100%;height:8px;min-height:8px}
#player .master-meter-scale,.stereo-meters .master-meter-scale{position:relative;display:block;height:12px;margin-left:18px;width:calc(100% - 18px);font-size:7px;color:#9bacc5}
#player .master-meter-scale>span,.stereo-meters .master-meter-scale>span{position:absolute;transform:translateX(-50%)}
#player .meter-unit,.stereo-meters .meter-unit{font-size:7px;text-align:right;letter-spacing:.6px;margin:0;color:#9bacc5}
#player .spectrum-canvas{display:block;height:52px;width:100%;margin:0 0 8px}#player #progress{width:100%;margin:0}
#player #player-close{position:absolute;top:5px;right:7px;min-width:30px;min-height:30px;width:30px;height:30px;padding:0;font-size:24px;line-height:1;z-index:2}
#player .player-footer{grid-area:footer;display:grid;grid-template-columns:auto minmax(170px,1fr) auto;align-items:center;gap:20px;padding-top:14px;margin-top:4px;border-top:1px solid #66758f40;min-width:0}
#player .player-actions{display:flex;align-items:center;gap:10px;min-width:0}#player .player-actions button{min-height:40px;font-size:11px;white-space:nowrap;padding:8px 16px}
#player .player-actions #player-add{background:#d9e4f4;color:#101620;border-color:#e7effc}
#player-access-note{font-size:11px;line-height:1.5;color:#aab7ce;margin:0;text-align:center;justify-self:center;max-width:300px}
#player .player-transport{display:flex;flex-direction:row;height:auto;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-wrap:nowrap}
#player #player-toggle{width:48px;height:48px;flex:none}
.transport-option,.transport-step{background:transparent;color:inherit;min-height:40px;border:1px solid transparent;border-radius:6px;padding:4px 8px}
.transport-option{font-size:10px;white-space:nowrap}.transport-step{font-size:29px;line-height:1;min-width:36px}
.transport-option[aria-pressed="true"]{border-color:#96abc8;background:#c5d6ee20;color:#e4efff}
body[data-page="store"] .store-footer{padding-bottom:320px}body[data-page="store"] .toast{bottom:290px}
.listening-access{font-size:10px;letter-spacing:1px;color:#bcd4f2;display:block;margin-bottom:6px}.section-heading{flex-wrap:wrap}
.release-metrics{font-size:9px;line-height:1.5;color:#95a4bb;margin-top:5px}
.popularity-note{font-size:11px;line-height:1.6;color:#929dad;margin-top:10px}
.admin-player-controls,.studio-player-actions{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.admin-full-player audio{display:block;width:100%;height:42px}
.admin-full-player>div:first-child strong{font:600 20px Rajdhani,Arial,sans-serif;min-width:0}
#admin-full-player .stereo-meters,#preview-controls .stereo-meters{display:block;padding:0 0 12px;width:100%}
.studio-spectrum{display:block;width:100%;height:44px;margin:14px 0 5px}
#editor-play-full{margin:10px 8px 10px 0}.studio-player-actions button{flex:1;min-height:40px}
.batch-uploader{margin-top:24px}.batch-uploader input[type="file"]{display:block;width:100%;margin:16px 0}.batch-uploader .check-field{margin:12px 0}.batch-results{font-size:12px;line-height:1.6;margin:16px 0;padding-left:20px}.batch-results li{margin:6px 0;overflow-wrap:anywhere}.batch-results .failed{color:#f4aaa8}

@media(max-width:850px){
body[data-page="store"] #player{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"art title" "art time" "timeline timeline" "footer footer";gap:6px 16px;padding:18px;bottom:10px;width:calc(100% - 20px)}
#player .player-artwork{width:96px;height:96px}
#player .player-title{padding-right:20px}#player .player-title strong{font-size:22px}#player .player-title>span{font-size:8px;white-space:normal;line-height:1.4}
#player #player-time{font-size:24px;line-height:1.3}#player .player-timeline{padding:8px 0 0}#player .spectrum-canvas{height:40px;margin-bottom:5px}#player .compact-master{margin-bottom:5px}
#player .player-footer{grid-template-columns:1fr 1fr;gap:10px;padding-top:10px;margin-top:3px}#player .player-actions{grid-column:1/-1;justify-content:center}#player .player-actions button{flex:1}
#player-access-note{grid-column:1/-1;grid-row:2;display:block;font-size:10px;max-width:none}#player .player-transport{grid-column:1/-1;grid-row:3;justify-content:center;gap:10px}#player #player-toggle{width:44px;height:44px}
body[data-page="store"] .store-footer{padding-bottom:470px}body[data-page="store"] .toast{bottom:440px}.catalog-toolbar .tabs{flex-wrap:wrap}.release-metrics{font-size:8px}.admin-full-player{padding:12px}
}
@media(max-width:400px){body[data-page="store"] #player{grid-template-columns:84px minmax(0,1fr);padding:16px;gap:6px 12px}#player .player-artwork{width:84px;height:84px}#player .player-title strong{font-size:20px}#player #player-time{font-size:22px}#player .player-transport{gap:6px}}

/* Vertical frequency bars above horizontal stereo output meters. */
.spectrum-room .room-spectrum{margin-bottom:20px}

/* Keep time aligned with the song information, including inherited phone styles. */
#player #player-time{justify-self:start;text-align:left;padding:0;width:max-content;max-width:100%}
#player .player-title .player-scroll-line{display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:clip;-webkit-line-clamp:unset;background:none;color:#e4ecff;-webkit-text-fill-color:currentColor}
#player .player-title .player-scroll-content{display:inline-block;width:max-content;max-width:none;white-space:nowrap;font:inherit;letter-spacing:inherit;line-height:inherit;margin:0;vertical-align:top;background:var(--pearl-display);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#player .player-title .player-credit{font-size:9px;line-height:1.5;letter-spacing:1px}
#player .player-title .player-scroll-content .player-artist,#player .player-title .player-scroll-content #player-mode{display:inline;font:inherit;letter-spacing:inherit;margin:0}
#player .player-spectrum-display{position:relative}
#player .loading-sweep{display:none;position:absolute;inset:0 0 8px;align-items:end;justify-content:space-around;overflow:hidden;pointer-events:none}
#player.is-loading .spectrum-canvas{visibility:hidden}
#player.is-loading .loading-sweep{display:flex}
#player .loading-sweep i{display:block;width:1.3px;height:90%;flex:none;transform-origin:center bottom;background:linear-gradient(to top,#9566e5,#b59aff 45%,#dcf5ff);border-radius:2px;animation:piano-loading 1.8s linear infinite;animation-delay:calc(var(--key) * 20ms - 1800ms)}
@keyframes piano-loading{0%,24%,100%{transform:scaleY(.06);opacity:.35}7%{transform:scaleY(1);opacity:1}15%{transform:scaleY(.3);opacity:.65}}
@media(max-width:850px){#player .player-title .player-credit{font-size:8px}#player .loading-sweep{bottom:5px}}
@media(prefers-reduced-motion:reduce){#player .loading-sweep i{animation:none;transform:scaleY(.25);opacity:.6}#player .player-title .player-scroll-line{overflow-x:auto;scrollbar-width:none}}

/* Match the current release thumbnail to the pop-up's vinyl artwork. */
.release-row .release-record{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 2px,#02040a88 3px,transparent 4px),conic-gradient(from -35deg,#0a101b,#697b9c 22deg,#101521 66deg,#222d44 135deg,#8b83b0 162deg,#10121e 205deg,#05080f 250deg,#526580 310deg,#0a101b);box-shadow:inset 0 0 0 1px #b7caff66,0 3px 14px #0008;animation:compact-record-spin 12s linear infinite;animation-play-state:paused;display:none;height:100%;box-shadow:0 0 9px #65c9ff55,0 0 17px #b17aff38,0 3px 14px #0008}
.release-row .release-record img{position:absolute;inset:26%;width:48%;height:48%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #0a0d15,0 0 0 4px #a4b8de44}
.release-row .release-record::before{content:'';position:absolute;inset:0;border-radius:50%;padding:2px;background:conic-gradient(from 15deg,#65c9ff,#b6eaff,#878dff,#cf9bff,#9275ff,#65c9ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.release-row .release-record::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#070b12;border:1px solid #b7c8e6;width:4%;height:4%}
body[data-page="store"]:has(#player:not([hidden])) .release-row.is-current .cover-button{border-color:transparent;border-radius:50%;overflow:visible;background:transparent}
body[data-page="store"]:has(#player:not([hidden])) .release-row.is-current .release-cover{display:none}
body[data-page="store"]:has(#player:not([hidden])) .release-row.is-current .release-record{display:block}
body[data-page="store"].is-playing:has(#player:not([hidden]):not(.is-loading)) .release-row.is-current .release-record{animation-play-state:running}
/* Close the space left by the removed hero artwork and slogan strip. */
body[data-page="store"] .music-hero--compact{grid-template-columns:minmax(0,1fr);min-height:0;gap:0;padding-block:56px 40px;margin-bottom:28px}
@media(max-width:700px){body[data-page="store"] .music-hero--compact{padding-block:38px 30px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.release-row .release-record{animation:none!important}}

/* Preserve the original caption styling in its new position above the title. */
body[data-page="store"] .music-hero--compact .hero-caption--top{margin-top:0}
body[data-page="store"] .music-hero--compact .hero-copy h1{font-size:clamp(24px,9.1vw,96px);font-size:clamp(24px,10.5cqw,96px);white-space:nowrap;line-height:1.05}

/* Popup hierarchy and animated controls: title, artist, preview state, then time. */
#player .player-title .player-credit{margin-top:2px!important}
#player .player-title .player-mode-line{margin-top:4px!important}
#player #player-time.player-loading-label{font-size:18px!important;letter-spacing:2px!important;color:transparent!important;background:linear-gradient(100deg,#dff7ff 8%,#7fdcff 35%,#a882ff 55%,#f228db 76%,#dff7ff 94%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:player-loading-shimmer 1.15s ease-in-out infinite;filter:drop-shadow(0 0 8px #6fd8ff66)}
@keyframes player-loading-shimmer{0%{background-position:120% 0;opacity:.55}50%{opacity:1}100%{background-position:-120% 0;opacity:.55}}
#player .player-actions #player-add{background:#fff!important;color:#111b2b!important;border-color:#fff!important;box-shadow:0 0 0 1px #fff8!important}
#player .player-actions #player-download{border:2px solid transparent!important;border-radius:999px!important;background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--spotlight-angle),#0bd8f6 0deg,#4d86ff 72deg,#8264ff 130deg,#f40ed4 205deg,#a52bff 270deg,#0bd8f6 360deg) border-box!important;color:#0bd8f6!important;animation:spotlight-border-flow 8s linear infinite!important;box-shadow:0 0 14px #6c63ff45!important}
#player .player-actions #player-download{animation:spotlight-border-flow 8s linear infinite,player-download-text-flow 8s linear infinite!important}
@keyframes player-download-text-flow{0%,100%{color:#0bd8f6!important}25%{color:#8264ff!important}55%{color:#f40ed4!important}78%{color:#a52bff!important}}
@media(prefers-reduced-motion:reduce){#player #player-time.player-loading-label,#player .player-actions #player-download{animation:none!important}}