/* v37: dark theme hooks attached to HTML, and legible contrast across every new section. */
html.gbm-night .atelier-scene,html.gbm-night .transformation-section,html.gbm-night .results-section{color:#f3e5eb}
html.gbm-night .atelier-card,html.gbm-night .comparison-card,html.gbm-night .result-card,html.gbm-night .makeup-mirror,html.gbm-night .tool-card{
 background:linear-gradient(145deg,rgba(56,39,49,.96),rgba(72,48,62,.88))!important;
 border-color:rgba(226,192,151,.26)!important;box-shadow:0 24px 72px rgba(3,2,5,.42)!important;
}
html.gbm-night .atelier-title,html.gbm-night .transformation-title,html.gbm-night .results-title,html.gbm-night .tool-card h4,html.gbm-night .result-overlay h4{color:#f7eaf0!important}
html.gbm-night .atelier-desc,html.gbm-night .transformation-copy .section-desc,html.gbm-night .results-head .section-desc,html.gbm-night .mirror-copy span,html.gbm-night .atelier-point span,html.gbm-night .result-overlay p{color:#e6d4dd!important}
html.gbm-night .mirror-copy,html.gbm-night .result-overlay,html.gbm-night .atelier-point,html.gbm-night .tool-card,html.gbm-night .compare-notes span,html.gbm-night .mua-divider-notes span{background:rgba(57,39,51,.87)!important;border-color:rgba(222,184,153,.24)!important;color:#f5e9f1!important}
html.gbm-night .mirror-copy b,html.gbm-night .atelier-point b,html.gbm-night .result-overlay b{color:#f0c3d4!important}
html.gbm-night .mua-hero-badge,html.gbm-night .mua-swatch-dock{background:rgba(54,37,49,.91);border-color:rgba(230,196,148,.28);color:#e9d9e0}
html.gbm-night .mua-hero-badge strong,html.gbm-night .mua-swatch-dock span{color:#f5e9eb!important}
html.gbm-night .compare-notes span,html.gbm-night .mua-divider-notes span{color:#ead7df!important}
/* Correct the comparison so it shows lighting/filter style, not pretend retouched makeup. */
.comparison-base img{filter:brightness(1.12) contrast(.96) saturate(.91) sepia(.05)!important}
.comparison-reveal img{filter:brightness(.84) contrast(1.20) saturate(1.16) sepia(.08)!important}
.comparison-reveal::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(63,35,60,.15),transparent 60%);pointer-events:none;z-index:1}
.comparison-base .label,.comparison-reveal .label{z-index:2;max-width:calc(100% - 36px);line-height:1.35;white-space:normal}
.result-card:nth-child(2) img{object-position:70% center}
.result-card:nth-child(3) img{object-position:center}
/* Avoid unintended obstruction of CTAs and interaction targets. */
.mua-hero-badge,.mua-swatch-dock{pointer-events:none}
.atelier-visual,.result-grid,.comparison-card{isolation:isolate}
.mua-fadeup{transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)!important}
.mua-fadeup.is-visible{opacity:1!important;transform:translateY(0)!important}
/* On mobile the portrait must stay visible, labels must not cover controls. */
@media(max-width:700px){
 .mua-hero-badge{max-width:100%;font-size:10px}
 .mua-swatch-dock{left:auto!important;right:auto!important;position:relative!important;bottom:auto!important;max-width:100%;width:100%;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px}
 .mua-swatch-dock span{min-width:0;gap:6px;letter-spacing:.05em;font-size:9px}
 .mua-swatch-dock i{flex-shrink:0;width:18px;height:18px}
 .atelier-visual{padding:0;gap:12px}.atelier-card{padding:20px}
 .atelier-title,.transformation-title,.results-title{font-size:clamp(32px,8vw,43px);line-height:1.12}
 .mua-divider-notes,.compare-notes{gap:8px}
 .mua-divider-notes span,.compare-notes span{font-size:9px;letter-spacing:.08em}
 .makeup-mirror{min-height:320px}.comparison-card{min-height:345px}
 .comparison-base .label,.comparison-reveal .label{font-size:9px;padding:7px 9px}
 .result-card{min-height:340px}
}
@media(max-width:360px){.mua-swatch-dock{justify-content:start}.mua-swatch-dock span{width:100%}.mua-swatch-dock{gap:7px}}
@media(prefers-reduced-motion:reduce){.mua-fadeup{opacity:1!important;transform:none!important;transition:none!important}}