/* Pearl blue / violet, inspired by the lighting in Angel X's main portrait.
   Color-only layer: preserves layout, photography, and existing interactions. */
:root{
 --pearl-blue:#81caff;--pearl-violet:#b59aff;--accent:#aac9ff;
 --pearl-metal:linear-gradient(120deg,#effaff 0%,#a6dcff 19%,#829fff 37%,#f5efff 49%,#bd9aff 66%,#8c78e8 82%,#d7c5ff 100%);
 --pearl-button:linear-gradient(115deg,#d5f1ff 0%,#9ccfff 29%,#d6d5ff 51%,#ba9cf6 77%,#d8c4ff 100%);
 --pearl-edge:#8f9edc66;
}
::selection{background:#7057c5;color:#fff}
body{background-color:#090b12}
.header,.store-header{background:linear-gradient(110deg,#0b1220f5,#130e20f5);border-bottom-color:var(--pearl-edge);box-shadow:0 1px 0 #c5cfff12,0 12px 45px #0006}
.wordmark span,.logo b{background:var(--pearl-metal);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero{background:radial-gradient(ellipse at 72% 28%,#49328848,transparent 49%),radial-gradient(ellipse at 28% 22%,#126ac138,transparent 51%),#090b12}
.hero h1,.hero h1 span,.chrome,.metric strong,.release-info h3,.tech-copy h2,.contact h2 span,.world-head h2{background:var(--pearl-metal);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero h1{filter:drop-shadow(0 5px 0 #0004) drop-shadow(0 0 24px #829fff25)}
.hero .eyebrow,.world-eyebrow,.tech-copy .eyebrow,.music-hero .eyebrow,.releases .eyebrow{color:#bfcaf5}
.portrait-frame{border-color:#b9bdff70;box-shadow:-12px 0 42px #188aff24,14px 0 48px #a258ff30,0 24px 60px #0009}
.hero-foot{border-top-color:var(--pearl-edge)}
.hero-foot .disciplines span::before{background:#b4c9ff;box-shadow:0 0 8px #9689ff80}
.nav-book,.button.outline{background:linear-gradient(120deg,#19416b4d,#4d2a774d);border-color:#a5b3ed80;box-shadow:inset 0 1px #dce5ff20}
.button:not(.outline),.button.primary,.purchase,.play-disc{background:var(--pearl-button);color:#101127;border-color:#dae0ff;box-shadow:inset 0 1px #ffffffb3,0 5px 22px #667ce52b}
.button:not(.outline):hover,.button.primary:hover,.purchase:hover{background:var(--pearl-button);box-shadow:0 8px 28px #8b7cdb4d}
.nav-links a:hover,.mobile-menu a:hover,.contact-email:hover,.text-link:hover{color:#bccbff}
.mobile-menu{background:#0e1020}
.music{background:linear-gradient(120deg,#edf8ff 0%,#d8e8fc 34%,#f0eaff 61%,#c5b4e5 100%)}
.music-feature{background:radial-gradient(ellipse at 90% 10%,#6244a93d,transparent 57%),linear-gradient(125deg,#111c30,#110e1b);border-color:#a2a9e178}
.music .eyebrow{color:#414568}.release-info .eyebrow{color:#bfcaf5}
.press{background:linear-gradient(120deg,#edf7ff,#dbe5fa 38%,#e7daf7)}
.services,.brands{background:radial-gradient(ellipse at 10% 55%,#234b8a20,transparent 60%),linear-gradient(120deg,#0d111b,#110c1c)}
.brand-list,.metrics,.service-compact,#services .service-list{border-color:var(--pearl-edge)}
.brand-row:hover,.service-row:hover{background:linear-gradient(90deg,#254a7e33,#65409126)}
.tech-section{background:radial-gradient(ellipse at 85% 20%,#63429e40,transparent 60%),#0e111d}
.tech-visual{background:linear-gradient(130deg,#152a44,#251839);border-color:#afa8e7;box-shadow:12px 12px 0 -1px #0c1020,12px 12px 0 0 #756eaa,0 12px 40px #8171d023}
.tech-visual::before{background:linear-gradient(90deg,transparent,#a6d7ff,#c2a3ff,transparent);box-shadow:0 0 16px #a5b6ff}
.signal-art span{background:linear-gradient(#80bfff,#ececff,#aa7ef5);box-shadow:0 0 12px #9986ff44}
.about-photo{border-color:var(--pearl-edge)}
.contact{background:radial-gradient(ellipse at 80% 30%,#59358c40,transparent 58%),radial-gradient(ellipse at 8% 85%,#205c9433,transparent 58%),#0b0d17}
.world-section{background:radial-gradient(ellipse at 10% 5%,#245d9e2b,transparent 50%),radial-gradient(ellipse at 95% 65%,#633d9926,transparent 60%),#090b13}
.performance-stats{background:linear-gradient(115deg,#152a43,#232440 51%,#322044);border-color:var(--pearl-edge)}
.performance-stats strong{color:#e1e7ff;text-shadow:0 0 25px #889cff30}
.world-shell,.world-directory,.world-selected{border-color:var(--pearl-edge);background:linear-gradient(125deg,#111b2b,#1b1429)}
.world-toolbar{background:linear-gradient(110deg,#142136,#20162f)}
.world-toolbar button:hover,.world-city:hover,.country-filters button:hover,.country-filters .is-selected{background:linear-gradient(110deg,#27466a,#493164);border-color:#a3b6ef;color:#fff}
.ax-map-pin span{background:linear-gradient(135deg,#d7f2ff,#8dcaff 45%,#bd91ff);border-color:#d3d4ff;box-shadow:0 0 0 4px #b5a0ff22,0 0 18px #83b9ff80}
.music-hero{background:radial-gradient(ellipse at 85% 35%,#703da52b,transparent 60%)}
.hero-art{background:radial-gradient(ellipse at 25% 45%,#2383d83b,transparent 65%),radial-gradient(ellipse at 80% 50%,#9c57e841,transparent 60%)}
.orbital{border-color:#ada4f04d}
.store-strip{background:linear-gradient(100deg,#152943,#30213e);border-color:var(--pearl-edge);color:#dbe4ff}
.tabs .selected,.tabs button[aria-pressed=true]{background:var(--pearl-button);color:#101127;border-color:#b1c2ee}
.release-row:hover,.release-row.is-playing{background:linear-gradient(100deg,#1c34524d,#3d255b4d)}
.release-row.is-playing .release-number,.release-row.is-playing .release-artist{color:#bfcaff}
.round-button,.preview-button,.mini-button{border-color:#a0b0df77}
.spectrum-room,.listening-room,.panel,.checkout-panel,.login-panel{border-color:var(--pearl-edge)}
.player{background:linear-gradient(110deg,#101c2bf5,#20152df5);border-top-color:var(--pearl-edge)}
input[type=range]{accent-color:#b9a3f4}
:focus-visible{outline-color:#b8caff}
@media(forced-colors:active){.hero h1,.hero h1 span,.chrome,.metric strong,.release-info h3,.tech-copy h2,.contact h2 span,.world-head h2,.wordmark span,.logo b{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* Fine pearl outline for the hero name. */
.hero h1,.hero h1 span{
 background:none;
 color:transparent;
 -webkit-text-fill-color:transparent;
 -webkit-text-stroke:1px #b9ceff;
 text-shadow:none;
 filter:none;
 font-weight:500;
}
.hero h1 span{-webkit-text-stroke-color:#c7b0f5}
@media(max-width:640px){.hero h1,.hero h1 span{-webkit-text-stroke-width:.8px}}
@media(forced-colors:active){.hero h1,.hero h1 span{-webkit-text-stroke:0;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* Consistent fine-outline treatment for the large editorial headlines. */
.section-heading h2,.section-heading h2 span,.world-head h2,
.tech-copy h2,.tech-copy h2 span,.contact h2,.contact h2 span{
 background:none;
 color:transparent!important;
 -webkit-text-fill-color:transparent;
 -webkit-text-stroke:1px #b9ceff;
 font-weight:500;
 text-shadow:none;
 filter:none;
}
.contact h2 span,.tech-copy h2 span{-webkit-text-stroke-color:#c7b0f5}
.music .section-heading h2,.press .section-heading h2{-webkit-text-stroke-color:#514577}
@media(max-width:640px){
 .section-heading h2,.section-heading h2 span,.world-head h2,
 .tech-copy h2,.tech-copy h2 span,.contact h2,.contact h2 span{-webkit-text-stroke-width:.8px}
}
@media(forced-colors:active){
 .section-heading h2,.section-heading h2 span,.world-head h2,
 .tech-copy h2,.tech-copy h2 span,.contact h2,.contact h2 span{
  -webkit-text-stroke:0;color:CanvasText!important;-webkit-text-fill-color:CanvasText;
 }
}

/* Match live spectra and miniature equalizers to the pearl palette. */
.room-spectrum,.spectrum-canvas{background:linear-gradient(90deg,#b59aff11,#469ce911);filter:drop-shadow(0 0 3px #a49aff33)}
.tiny-eq i{background:linear-gradient(0deg,#b59aff,#e4e7ff 45%,#81caff);box-shadow:0 0 7px #a49aff33}
.waveform i,.waveform span{background:linear-gradient(0deg,#c4b1ff,#81caff)}
.spectrum-scale{color:#b8bbdc}

/* Filled pearl lettering, retaining the lighter headline weight. */
.hero h1,.hero h1 span,.section-heading h2,.section-heading h2 span,
.world-head h2,.tech-copy h2,.tech-copy h2 span,.contact h2,.contact h2 span{
 -webkit-text-stroke:0;
 background:var(--pearl-metal);
 background-clip:text;
 -webkit-background-clip:text;
 color:transparent!important;
 -webkit-text-fill-color:transparent;
 font-weight:500;
 text-shadow:none;
 filter:none;
}
.music .section-heading h2,.press .section-heading h2{
 background:linear-gradient(115deg,#254b80,#4f518e 40%,#735096 75%,#49356d);
 background-clip:text;-webkit-background-clip:text;
}
@media(forced-colors:active){
 .hero h1,.hero h1 span,.section-heading h2,.section-heading h2 span,
 .world-head h2,.tech-copy h2,.tech-copy h2 span,.contact h2,.contact h2 span{
 background:none;color:CanvasText!important;-webkit-text-fill-color:CanvasText;
 }
}

/* Match the world-map heading: solid, clean sans-serif typography. */
.hero h1,.hero h1 span,.section-heading h2,.section-heading h2 span,
.world-head h2,.tech-copy h2,.tech-copy h2 span,.contact h2,.contact h2 span{
 font-family:Arial,Helvetica,sans-serif;
 font-weight:500;
 -webkit-text-stroke:0;
 text-transform:none;
 letter-spacing:-.025em;
 line-height:1.1;
 background:var(--pearl-metal);
 background-clip:text;-webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 color:transparent!important;
 text-shadow:none;filter:none;
}
.section-heading h2,.contact h2{font-size:clamp(32px,5vw,56px)}
.hero h1{font-size:clamp(64px,8.5vw,120px);white-space:normal}
.music .section-heading h2,.press .section-heading h2{
 background:linear-gradient(115deg,#254b80,#4f518e 40%,#735096 75%,#49356d);
 background-clip:text;-webkit-background-clip:text;
}
@media(max-width:640px){.section-heading h2,.contact h2{font-size:33px}.hero h1{font-size:clamp(56px,15vw,86px)}}
@media(forced-colors:active){.hero h1,.hero h1 span,.section-heading h2,.section-heading h2 span,.world-head h2,.tech-copy h2,.tech-copy h2 span,.contact h2,.contact h2 span{background:none;color:CanvasText!important;-webkit-text-fill-color:CanvasText}}

/* Thin white audio-driven oscilloscope beneath the frequency bars. */
.waveform-trace{display:block;width:100%;height:54px;margin-top:14px;border-top:1px solid #b7b9ef20;background:transparent;filter:drop-shadow(0 0 2px #ffffff38)}
@media(max-width:640px){.waveform-trace{height:42px;margin-top:10px}}

/* Biography title matches the world-map heading. */
.about-copy h2{
 font-family:Arial,Helvetica,sans-serif;
 font-weight:500;
 font-size:clamp(32px,5vw,56px);
 line-height:1.1;
 letter-spacing:-.025em;
 text-transform:none;
 -webkit-text-stroke:0;
 background:var(--pearl-metal);
 background-clip:text;-webkit-background-clip:text;
 color:transparent;-webkit-text-fill-color:transparent;
 text-shadow:none;filter:none;
}
@media(max-width:640px){.about-copy h2{font-size:33px}}
@media(forced-colors:active){.about-copy h2{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

.master-meter-label{margin-top:22px;font-size:9px;letter-spacing:2px;color:#c6c9d8}
.master-level-meter{display:block;width:100%;height:12px;margin-top:10px;background:transparent;filter:none}
.master-meter-scale{display:flex;justify-content:space-between;font-size:8px;color:#969eaf;margin-top:7px}

/* Eurostile first; supplied Rajdhani remains the fallback until a webfont is added. */
.hero h1,.hero h1 span,.section-heading h2,.section-heading h2 span,
.world-head h2,.tech-copy h2,.tech-copy h2 span,.contact h2,.contact h2 span,
.about-copy h2,.music-hero h1,.music-hero h1 span,.spectrum-heading h2,
.listening-room h2,.artist-note h2,.page-main h1,.release-info h3{
 font-family:AngelXEurostileRegular,Eurostile,'Eurostile Next','Eurostile LT Std',Rajdhani,Arial,sans-serif;
}

.master-channel{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;margin-top:8px}.master-channel>span{font:600 10px Arial,sans-serif;color:#e7eaff}.master-channel .master-level-meter{margin-top:0;height:10px}.master-meter-scale{margin-left:24px}

.master-meter-scale{display:block;position:relative;height:14px}.master-meter-scale span{position:absolute;transform:translateX(-50%);white-space:nowrap}.meter-unit{text-align:right;font-size:8px;color:#969eaf;margin-top:2px}

.master-channel .master-level-meter{height:5px}

/* Balanced wordmarks and deliberate headline line breaks. */
.wordmark{font-size:34px}
.wordmark span{font-size:inherit;line-height:inherit;font-weight:inherit;vertical-align:baseline}
.hero-copy{min-width:0;container-type:inline-size}
.hero h1{font-size:clamp(32px,12cqw,120px);white-space:nowrap;line-height:1.04}
.hero h1 .hero-icon,.hero h1 .hero-name{display:block;font-size:inherit;line-height:inherit;white-space:nowrap}
.hero h1 .hero-icon{font-weight:300;letter-spacing:.06em;font-size:.72em;margin-bottom:.14em}
.hero h1 .hero-name{font-weight:500;letter-spacing:-.025em}
.contact-top .contact-headline{flex:0 1 480px;min-width:0;font-size:clamp(30px,4.3vw,56px);line-height:1.12}
.contact-headline>span{display:block;white-space:nowrap}
@media(max-width:640px){
 .wordmark{font-size:29px}.wordmark span{font-size:inherit}
 .hero h1{font-size:clamp(30px,12cqw,86px)}
 .contact-top .contact-headline{font-size:clamp(28px,8.5vw,44px);margin-bottom:28px}
}

/* Compact player shares the live stereo master output meters. */
.compact-master{margin:6px 0 5px}
.compact-master .master-meter-label{margin-top:0;font-size:8px;letter-spacing:1.4px}
.compact-master .master-channel{grid-template-columns:12px minmax(0,1fr);gap:5px;margin-top:4px}
.compact-master .master-channel>span{font-size:8px}
.compact-master .master-level-meter{height:5px}
.compact-master .master-meter-scale{margin-left:17px;margin-top:4px;font-size:7px;height:10px}
.compact-master .meter-unit{font-size:7px;margin-top:0}

.owned-release{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.purchase-badge{font-size:9px;letter-spacing:1.3px;color:#b8dfff}.owned-release small,.download-state{font-size:11px;color:#b4bbd0}.download-state{display:block;margin-top:6px}.release-action .owned-release .mini-button{white-space:nowrap}.purchase{scroll-margin-top:120px}.download-row{gap:16px}.download-row>span{min-width:0;overflow-wrap:anywhere}.download-row .button{flex-shrink:0}@media(max-width:640px){.download-row{flex-wrap:wrap}.owned-release small{font-size:9px}}

.performance-stats strong{background:var(--pearl-metal);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
@media(forced-colors:active){.performance-stats strong{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* Low-glare customer library: pearl accents on deep blue/violet surfaces. */
.collection-page{background:radial-gradient(ellipse at 10% 15%,#182f492f,transparent 52%),radial-gradient(ellipse at 95% 55%,#39224c26,transparent 55%),#090b12;color:#cbd0df}
.collection-page .page-main h1{color:#c5c9df}
.collection-page .eyebrow{color:#a8b9d9}
.collection-page .purchase,.collection-page .purchase:hover{background:linear-gradient(120deg,#101b2a,#191323);border:1px solid #46516b;box-shadow:inset 0 1px #b5c8ff0a,0 10px 28px #0002;color:#cbd0df;border-radius:10px}
.collection-page .purchase h2{color:#becbe7;font-weight:500;line-height:1.25;overflow-wrap:anywhere}
.collection-page .purchase .small,.collection-page .muted,.collection-page .helper{color:#9da8bd}
.collection-page .download-row{border-color:#354057;padding:20px 0 4px;line-height:1.6}
.collection-page .download-state{color:#aba6cf}
.collection-page .button:not(.outline),.collection-page .button.primary{background:linear-gradient(115deg,#1a334b,#30203f);color:#c9d8ed;border:1px solid #657494;box-shadow:inset 0 1px #c6dbff12;border-radius:6px}
.collection-page .button:not(.outline):hover,.collection-page .button.primary:hover{background:linear-gradient(115deg,#23435f,#402b53);border-color:#97a1c7;box-shadow:none;filter:none}
.collection-page .button:focus-visible{outline:2px solid #b3c8ef;outline-offset:4px}
.collection-page .notice,.collection-page .notice.success{background:linear-gradient(115deg,#111e2c,#1c1629);border-color:#46516b;color:#b6c3d8;box-shadow:none}
.collection-page .notice.error{border-color:#a96e87;color:#e2b8c7}
@media(forced-colors:active){.collection-page .purchase,.collection-page .button:not(.outline),.collection-page .notice{background:Canvas;color:CanvasText;border-color:CanvasText}.collection-page .purchase h2{color:CanvasText}}

/* Pearl headings throughout the performance explorer. */
.directory-heading>strong,.world-selected strong{background:var(--pearl-metal);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
.directory-heading>strong .world-total{color:inherit;-webkit-text-fill-color:inherit}
@media(forced-colors:active){.directory-heading>strong,.world-selected strong{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* Country and state headings use the same pearl finish as the map title. */
.world-directory .location-country h3,.world-directory .location-region h4{background:var(--pearl-metal);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
.country-map-label{color:#b9cafa}
@media(forced-colors:active){.world-directory .location-country h3,.world-directory .location-region h4{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.country-map-label{color:CanvasText}}

/* Bright pearl edge with a dark, low-glare card interior. */
.collection-page .purchase,.collection-page .purchase:hover{border:1px solid transparent;background:linear-gradient(120deg,#101b2a,#191323) padding-box,linear-gradient(115deg,#65c9ff 0%,#a8dfff 23%,#878dff 47%,#cf9bff 72%,#9275ff 100%) border-box;box-shadow:0 0 12px #69baff1f,0 0 20px #ac78ff16,inset 0 1px #d1dfff0a}
@media(forced-colors:active){.collection-page .purchase,.collection-page .purchase:hover{background:Canvas;border-color:CanvasText;box-shadow:none}}

/* Let the compact player contain both analyser displays instead of a fixed-height slot. */
body[data-page="store"] .player-timeline{height:auto;min-width:0;align-self:center}
body[data-page="store"] .player .compact-master{margin:6px 0}
body[data-page="store"] .player .compact-master .master-meter-label{font-size:7px;letter-spacing:.8px;line-height:1.4}
body[data-page="store"] .player .compact-master .master-meter-scale span:nth-child(2){display:none}
body[data-page="store"] .player .compact-master .master-meter-scale span:nth-child(3){transform:translateX(-100%)}
@media(max-width:640px){
 body[data-page="store"] .player{grid-template-columns:32px minmax(0,1fr) 36px 28px;grid-template-rows:auto auto;gap:8px 10px;padding:10px 12px}
 body[data-page="store"] .player>img{display:block;grid-column:1;grid-row:1}
 body[data-page="store"] .player .player-title{grid-column:2;grid-row:1}
 body[data-page="store"] .player #player-toggle{grid-column:3;grid-row:1}
 body[data-page="store"] .player #player-close{grid-column:4;grid-row:1}
 body[data-page="store"] .player #player-time{display:none}
 body[data-page="store"] .player .player-timeline{grid-column:1/-1;grid-row:2;height:auto;width:100%;border-top:1px solid #a1b9e529;padding-top:6px}
 body[data-page="store"] .player .spectrum-canvas{height:25px}
 body[data-page="store"] .player .compact-master .master-meter-scale span:nth-child(2){display:block}
 body[data-page="store"] .player .compact-master .master-meter-label{font-size:7px}
}

/* Brighter blue/violet pearl finish shared by the large display headings. */
:root{--pearl-display:linear-gradient(115deg,#65c9ff 0%,#a8dfff 23%,#878dff 47%,#cf9bff 72%,#9275ff 100%)}
.hero h1,.hero h1 span,.section-heading h2,.section-heading h2 span,
.world-head h2,.tech-copy h2,.tech-copy h2 span,.contact h2,.contact h2 span,
.about-copy h2,.music-hero h1,.music-hero h1 span,.spectrum-heading h2,
.listening-room h2,.artist-note h2,.page-main h1,.collection-page .page-main h1,
.music .section-heading h2,.press .section-heading h2,
#cart-dialog h2,#release-dialog h2{
 background:var(--pearl-display);background-clip:text;-webkit-background-clip:text;
 color:transparent!important;-webkit-text-fill-color:transparent;
 -webkit-text-stroke:0;text-shadow:none;
}
/* Keep pearl tones readable over the two pale editorial sections. */
.music .section-heading h2,.press .section-heading h2{background-image:linear-gradient(115deg,#205b95,#4653a7 47%,#7542a4 75%,#59419c)}
.music-hero .hero-copy h1{font-size:clamp(56px,6.6vw,96px);line-height:.98;letter-spacing:-.025em}
@media(max-width:640px){.music-hero .hero-copy h1{font-size:clamp(48px,12vw,68px)}}
@media(forced-colors:active){.hero h1,.hero h1 span,.section-heading h2,.section-heading h2 span,.world-head h2,.tech-copy h2,.tech-copy h2 span,.contact h2,.contact h2 span,.about-copy h2,.music-hero h1,.music-hero h1 span,.spectrum-heading h2,.listening-room h2,.artist-note h2,.page-main h1,.collection-page .page-main h1,.music .section-heading h2,.press .section-heading h2,#cart-dialog h2,#release-dialog h2{background:none;color:CanvasText!important;-webkit-text-fill-color:CanvasText}}

/* Clear analyser backgrounds and proportionate compact player artwork. */
.room-spectrum,.spectrum-canvas,#room-spectrum,#player-spectrum,.master-level-meter{background:transparent;filter:none}
body[data-page="store"] .player{grid-template-columns:96px minmax(150px,1fr) 42px minmax(160px,1.2fr) auto 32px}
body[data-page="store"] .player>img{width:96px;height:96px;object-fit:cover;border-radius:5px}
body[data-page="store"] .player-title strong{font-size:26px;line-height:1.2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-page="store"] .player-title>span{font-size:9px;letter-spacing:1px;margin-top:9px}
@media(min-width:641px) and (max-width:900px){
 body[data-page="store"] .player{grid-template-columns:80px minmax(120px,1fr) 40px minmax(120px,1fr) auto 28px;gap:10px}
 body[data-page="store"] .player>img{width:80px;height:80px}
 body[data-page="store"] .player-title strong{font-size:22px}
}
@media(max-width:640px){
 body[data-page="store"] .player{grid-template-columns:60px minmax(0,1fr) 36px 28px}
 body[data-page="store"] .player>img{width:60px;height:60px}
 body[data-page="store"] .player-title strong{font-size:20px}
 body[data-page="store"] .player-title>span{font-size:7px;letter-spacing:.6px;margin-top:6px}
}

/* Country/state names share the bright display pearl, with the gradient fitted to the text. */
.world-directory .location-country h3,.world-directory .location-region h4{width:fit-content;max-width:100%;background:var(--pearl-display);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 5px #8caeff30)}
.country-map-label{background:var(--pearl-display);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px 2px #000)}
@media(forced-colors:active){.world-directory .location-country h3,.world-directory .location-region h4,.country-map-label{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;filter:none}}

/* Accessible drag, click, tap and keyboard seeking on the compact player. */
body[data-page="store"] .player .seek-bar{display:block;width:100%;height:24px;min-height:24px;margin:2px 0 0;padding:0;border:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;accent-color:#acd7ff;touch-action:pan-y}
.player .seek-bar::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#acd7ff var(--seek-fill,0%),#46516b var(--seek-fill,0%))}
.player .seek-bar::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;border:1px solid #d8e9ff;background:#a8ccff;box-shadow:0 0 7px #a98cff55}
.player .seek-bar::-moz-range-track{height:3px;border-radius:3px;background:#46516b}
.player .seek-bar::-moz-range-progress{height:3px;background:#acd7ff}
.player .seek-bar::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:1px solid #d8e9ff;background:#a8ccff}
.player .seek-bar:disabled{opacity:.4;cursor:default}
.player .seek-bar:focus-visible{outline:2px solid #b8b6ff;outline-offset:2px;border-radius:4px}

/* Match the artwork exactly to the control row's natural height. */
@media(min-width:641px){
 body[data-page="store"] .player{grid-template-columns:116px minmax(150px,1fr) 42px minmax(160px,1.2fr) auto 32px;align-items:stretch}
 body[data-page="store"] .player>img{width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;align-self:stretch;position:absolute;inset:0}
 body[data-page="store"] .player .player-artwork{position:relative;width:116px;min-height:0;align-self:stretch;overflow:hidden;border-radius:5px}
 body[data-page="store"] .player .player-artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 body[data-page="store"] .player-title{align-self:center}
 body[data-page="store"] .player-title strong{font-size:30px;line-height:1.15}
 body[data-page="store"] .player-title>span{font-size:10px;line-height:1.5;margin-top:10px;white-space:normal}
 body[data-page="store"] .player #player-toggle,body[data-page="store"] .player #player-close,body[data-page="store"] .player #player-time{align-self:center}
}
@media(min-width:641px) and (max-width:900px){
 body[data-page="store"] .player{grid-template-columns:104px minmax(100px,1fr) 40px minmax(120px,1fr) auto 28px}
 body[data-page="store"] .player .player-artwork{width:104px}
 body[data-page="store"] .player-title strong{font-size:25px}
 body[data-page="store"] .player-title>span{font-size:8px}
}
@media(max-width:640px){
 body[data-page="store"] .player{grid-template-columns:76px minmax(0,1fr) 36px 28px}
 body[data-page="store"] .player .player-artwork{grid-column:1;grid-row:1;width:76px;height:76px}
 body[data-page="store"] .player .player-artwork img{width:100%;height:100%;object-fit:cover;border-radius:5px}
 body[data-page="store"] .player-title strong{font-size:23px}
 body[data-page="store"] .player-title>span{font-size:8px}
}

/* A miniature vinyl record alongside the compact player's track information. */
body[data-page="store"] .player .player-artwork{display:grid;place-items:center;overflow:visible}
body[data-page="store"] .player .player-artwork .player-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}
body[data-page="store"].is-playing .player .player-record{animation-play-state:running}
body[data-page="store"] .player .player-artwork .player-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}
.player-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}
@keyframes compact-record-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body[data-page="store"] .player .player-record{animation:none}}

/* Bright pearl rim follows the miniature record as it spins. */
body[data-page="store"] .player .player-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}
body[data-page="store"] .player .player-artwork .player-record{box-shadow:0 0 9px #65c9ff55,0 0 17px #b17aff38,0 3px 14px #0008}

/* Matching bright pearl borders around the main and compact audio players. */
.spectrum-room,body[data-page="store"] .player{border:1px solid transparent;background:linear-gradient(110deg,#101a29,#1b1326) padding-box,linear-gradient(115deg,#65c9ff,#b6eaff 23%,#878dff 47%,#cf9bff 72%,#9275ff) border-box;box-shadow:0 0 12px #65c9ff25,0 0 22px #b17aff1c,0 8px 35px #0006}
.spectrum-room{border-radius:8px}
@media(forced-colors:active){.spectrum-room,body[data-page="store"] .player{background:Canvas;border-color:CanvasText;box-shadow:none}}

/* Bright pearl artist credit and playback time in the audio player. */
body[data-page="store"] .player .player-title>span,
body[data-page="store"] .player .player-artist,
body[data-page="store"] .player .player-artist i,
body[data-page="store"] .player #player-time{
 background:var(--pearl-display);background-clip:text;-webkit-background-clip:text;
 color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;
}
body[data-page="store"] .player #player-time{font-weight:600;font-variant-numeric:tabular-nums}
@media(forced-colors:active){body[data-page="store"] .player .player-title>span,body[data-page="store"] .player .player-artist,body[data-page="store"] .player .player-artist i,body[data-page="store"] .player #player-time{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* Preview arrangement: stereo master meters above the frequency spectrum. */
.spectrum-room #room-spectrum{margin-top:18px}
body[data-page="store"] .player .compact-master{margin:0 0 8px}
body[data-page="store"] .player #player-spectrum{margin-top:0}

/* Prominent timer between track controls and the two visualizers. */
@media(min-width:641px){
 body[data-page="store"] .player{grid-template-columns:116px minmax(130px,1fr) 42px auto minmax(150px,1.2fr) 32px}
 body[data-page="store"] .player #player-time{font-size:23px;line-height:1.2;white-space:nowrap;letter-spacing:.02em}
}
@media(min-width:641px) and (max-width:900px){
 body[data-page="store"] .player{grid-template-columns:88px minmax(90px,1fr) 40px auto minmax(110px,1fr) 28px;gap:9px}
 body[data-page="store"] .player .player-artwork{width:88px}
 body[data-page="store"] .player #player-time{font-size:18px}
}
@media(max-width:640px){
 body[data-page="store"] .player #player-time{display:block;grid-column:1/-1;grid-row:2;text-align:center;font-size:22px;line-height:1.2;letter-spacing:.03em}
 body[data-page="store"] .player .player-timeline{grid-row:3}
}

/* Complete the store's pearl framing and track typography. */
body[data-page="store"] .releases,body[data-page="store"] .artist-note{border:1px solid transparent;border-radius:8px;padding:28px;background:linear-gradient(110deg,#101a29,#1b1326) padding-box,linear-gradient(115deg,#65c9ff,#b6eaff 23%,#878dff 47%,#cf9bff 72%,#9275ff) border-box;box-shadow:0 0 12px #65c9ff25,0 0 22px #b17aff1c}
body[data-page="store"] .music-hero{border-bottom:1px solid #aeb7ff}
body[data-page="store"] .player-title strong,body[data-page="store"] .card-title,body[data-page="store"] .release-artist,body[data-page="store"] .release-artist span,body[data-page="store"] .release-version,body[data-page="store"] .release-duration,body[data-page="store"] .track-row>span:nth-child(2),body[data-page="store"] .track-row small,body[data-page="store"] .artist-note .eyebrow{background:var(--pearl-display);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* Transport column shares the record height, with play above time. */
body[data-page="store"] .player{grid-template-columns:116px minmax(140px,1fr) 132px minmax(160px,1.2fr) 32px}
body[data-page="store"] .player .player-transport{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:116px;align-self:center}
body[data-page="store"] .player .player-transport #player-toggle{align-self:center;width:46px;height:46px}
body[data-page="store"] .player .player-transport #player-time{display:block;font-size:23px;white-space:nowrap;line-height:1.2}
@media(min-width:641px) and (max-width:900px){body[data-page="store"] .player{grid-template-columns:88px minmax(90px,1fr) 110px minmax(110px,1fr) 28px;gap:9px}body[data-page="store"] .player .player-transport{height:88px;gap:8px}body[data-page="store"] .player .player-transport #player-time{font-size:19px}body[data-page="store"] .player .player-transport #player-toggle{width:40px;height:40px}}
@media(max-width:640px){
 body[data-page="store"] .releases,body[data-page="store"] .artist-note{padding:18px 14px}
 body[data-page="store"] .player{grid-template-columns:64px minmax(0,1fr) 94px 24px;gap:8px}
 body[data-page="store"] .player .player-artwork{width:64px;height:64px}
 body[data-page="store"] .player .player-transport{grid-column:3;grid-row:1;height:64px;gap:5px}
 body[data-page="store"] .player .player-transport #player-toggle{width:34px;height:34px}
 body[data-page="store"] .player .player-transport #player-time{font-size:15px;letter-spacing:0}
 body[data-page="store"] .player .player-timeline{grid-row:2}
 body[data-page="store"] .player-title strong{font-size:19px}
}

/* Customer sign-in starts with one email field; keep the account panel dark and neutral. */
body[data-page="account"] .page-main .purchase,
body[data-page="account"] .page-main .purchase:hover{background:#111317;border:1px solid #292c32;box-shadow:none;color:#f4f5f7}
body[data-page="account"] .page-main .purchase .button{background:#1b1d23;color:#f4f5f7;border:1px solid #454950;box-shadow:none}
body[data-page="account"] .page-main .purchase .button:hover{background:#252932;border-color:#687384;box-shadow:none}