/* Home Records Label — approved Studio and Paper palettes, 28 October 2026.
   Extracted from the accepted local atelier.css + final blue-tuning.css.
   Studio by default; optional Paper. Montserrat and locale fallbacks; no preview UI.
   html:root:root preserves the approved override specificity without state attributes.
   Load after existing page styles. Existing language and account behavior is unchanged. */
html:root:root body{font-family:var(--sans);font-weight:450;line-height:1.8;background:var(--bg);color:var(--text)}
html:root:root body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:70;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23999' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
html:root:root h1,
html:root:root h2,
html:root:root h3{letter-spacing:-.025em;font-weight:650;line-height:1.18;text-wrap:pretty}
html:root:root .brand,
html:root:root .footer-wordmark{font-family:Montserrat,Arial,sans-serif}
html:root:root .brand-sub{color:var(--muted)}
html:root:root .site-header{background:var(--atelier-header);border-color:var(--line)}
html:root:root .main-nav>a{font-weight:550;letter-spacing:.005em;color:var(--muted)}
html:root:root .main-nav>a:hover,
html:root:root .main-nav>a[aria-current]{color:var(--text)}
html:root:root .main-nav>a[aria-current]:after{background:var(--accent);height:1px}
html:root:root .main-nav>a.nav-contact{border-color:var(--strong-line);color:var(--text);border-radius:5px;background:transparent}
html:root:root .account-controls>.account-my-account{background:var(--soft-hover);border:1px solid var(--strong-line);color:var(--text);border-radius:5px;font-weight:650}
html:root:root .language-controls select,
html:root:root .text-size-toggle,
html:root:root .menu-toggle{background:var(--input-bg);border-color:var(--strong-line);color:var(--text);border-radius:5px}
html:root:root .main-nav.is-open{background:var(--bg);border-color:var(--line);box-shadow:0 20px 40px var(--shadow)}
html:root:root .eyebrow{letter-spacing:.16em;color:var(--atelier-gold);line-height:1.9}
html:root:root .hero-description,
html:root:root .lead,
html:root:root .section-description,
html:root:root .micro{color:var(--muted)}
html:root:root :is(.home-welcome h1,.page-intro h1,.center-hero h1,.section-head h2,.newsletter-copy h2,.contact-band h2,.maker-copy h2){font-family:var(--sans);font-optical-sizing:auto;font-weight:450;letter-spacing:-.035em;line-height:1.08}
html:root:root .home-welcome{padding-block:76px 72px;gap:clamp(40px,5vw,78px)}
html:root:root .home-welcome h1{font-size:clamp(3.1rem,4.9vw,5.1rem);margin-block:24px 26px;max-width:13em}
html:root:root .home-welcome h1 .home-welcome-label{font-family:var(--sans);font-size:.23em;font-weight:550;line-height:1.8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
html:root:root .home-welcome h1 .accent{color:var(--accent)}
html:root:root .home-welcome .hero-description{font-size:1rem;line-height:1.9;max-width:37em;font-weight:450}
html:root:root .home-welcome .hero-product{background:var(--soft-panel);border:1px solid var(--line);border-radius:8px;padding:clamp(22px,2.5vw,36px);box-shadow:0 20px 65px var(--shadow)}
html:root:root .hero-product:before{background:none}
html:root:root .product-wordmark{font-family:var(--sans);font-weight:450;letter-spacing:-.065em;color:var(--text)}
html:root:root .product-wordmark>span:first-child{color:var(--accent)}
html:root:root .product-wordmark-line{background:var(--line)}
html:root:root .product-caption{color:var(--muted);font-family:var(--sans);font-size:.75rem}
html:root:root :is(.instrument-preview,.instrument-preview:hover,.hero .instrument-preview,.hero .instrument-preview:hover){transform:none;border-color:var(--strong-line);border-radius:5px;box-shadow:0 12px 32px var(--shadow)}
html:root:root .center-visual{background:var(--soft-panel);border-color:var(--line);padding:10px;border-radius:7px}
html:root:root .center-visual img{border-radius:4px;border-color:var(--line);box-shadow:none}
html:root:root .home-welcome .home-center-visual{max-width:390px;margin-block:28px 0}
html:root:root .psynth-trial{background:var(--offer-bg);border-inline-start:2px solid var(--offer-line);border-radius:0 4px 4px 0;padding:12px 16px}
html:root:root .psynth-trial strong{font-weight:600;font-size:.93rem;color:var(--atelier-gold)}
html:root:root :is(.badge,.store-format-tag){background:transparent;border-color:var(--strong-line);color:var(--accent);border-radius:3px;font-family:var(--sans);font-size:.7rem;font-weight:550;letter-spacing:.03em}
html:root:root :is(.button,.store-page .store-buy-button){border:1px solid var(--button-fill);background:var(--button-fill);color:var(--button-text);border-radius:5px;min-height:48px;font-family:var(--sans);font-weight:650;letter-spacing:.012em;gap:22px;box-shadow:inset 0 1px 0 #ffffff0d;transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
html:root:root :is(.button:hover,.store-page .store-buy-button:hover){background:var(--button-fill);border-color:var(--button-fill);color:var(--button-text);box-shadow:0 4px 15px var(--shadow);transform:none;filter:brightness(1.055)}
html:root:root :is(.button-secondary,.button-trial){background:transparent;color:var(--text);border-color:var(--strong-line)}
html:root:root :is(.button-secondary:hover,.button-trial:hover){background:var(--soft-hover);color:var(--text);border-color:var(--accent)}
html:root:root .text-link{font-weight:600;border-color:var(--strong-line);font-size:.85rem;color:var(--text)}
html:root:root .text-link:hover{color:var(--accent);border-color:var(--accent)}
html:root:root :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--atelier-focus);outline-offset:4px}
html:root:root :is(.studio-facts,.hero-maker-note){color:var(--muted);border-color:var(--line)}
html:root:root .studio-facts{padding-block:28px}
html:root:root :is(.section-head,.newsletter-copy) .eyebrow{color:var(--atelier-gold)}
html:root:root .section-head h2{font-size:clamp(2.35rem,4.1vw,4rem);max-width:17em}
html:root:root :is(.world-card,.product-card,.lineage-card,.sneak-note,.newsletter-form,.release-feature,.store-product,.dashboard-product,.dashboard-card,.account-panel,.account-details,.dashboard-center-card){border-color:var(--line);background:var(--soft-panel);border-radius:7px}
html:root:root :is(.world-card:hover,.lineage-card:hover,.product-card:hover){background:var(--panel);border-color:var(--strong-line);transform:none}
html:root:root .sneak-note.is-active{background:var(--soft-hover);border-color:var(--strong-line)}
html:root:root .sneak-note strong,
html:root:root .sneak-number{color:var(--text)}
html:root:root .sneak-note>span>span{color:var(--muted)}
html:root:root .sneak-focus{border-color:var(--accent);box-shadow:0 0 22px var(--glow)}
html:root:root :is(.listening-copy h3,.artist-card h3){letter-spacing:-.025em;font-weight:650}
html:root:root :is(.media-cover,.instrument-video-cover){border-color:var(--line);background:var(--input-bg)}
html:root:root :is(.media-provider,.media-play,.media-action,.media-title,.preview-hint){color:#f4f1e7;background:#14261edb;border-color:#829783}
html:root:root .media-notice{color:var(--muted)}
html:root:root .contact-band{background:var(--panel);border:1px solid var(--strong-line);border-radius:7px;color:var(--text);padding-block:38px}
html:root:root .contact-band .eyebrow{color:var(--atelier-gold)}
html:root:root .contact-band .button-light{background:var(--button-fill);border-color:var(--button-fill);color:var(--button-text)}
html:root:root :is(.newsletter-form input[type=email],.newsletter-topics label,.contact-form input,.contact-form textarea,.contact-form select,.account-panel input:not([type=checkbox]),.account-panel textarea){background:var(--input-bg);border-color:var(--strong-line);color:var(--text);border-radius:4px}
html:root:root .newsletter-form{padding:30px}
html:root:root .newsletter-topics label{font-size:.8rem}
html:root:root input::placeholder,
html:root:root textarea::placeholder{color:var(--muted);opacity:.8}
html:root:root input[type=checkbox]{accent-color:var(--accent)}
html:root:root .newsletter-copy .lead{font-size:1rem}
html:root:root .newsletter-subscriber-visual{color:var(--accent)}
html:root:root .site-footer{background:var(--bg);border-color:var(--line)}
html:root:root .footer-links a,
html:root:root .footer-bottom{color:var(--muted)}
html:root:root .footer-links a:hover{color:var(--text)}
html:root:root .footer-wordmark{letter-spacing:-.025em}
html:root:root .dashboard-sidebar{border-color:var(--line)}
html:root:root .dashboard-link[aria-current=page]{background:var(--soft-hover);color:var(--accent);border-color:var(--strong-line)}
html:root:root :is(.dashboard-group-title,.account-panel h2,.account-dashboard .dashboard-product-body h3){font-family:var(--sans);font-weight:650;letter-spacing:-.02em}
html:root:root .dashboard-view-header h1{font-family:var(--sans);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:450;letter-spacing:-.035em}
html:root:root :is(.dashboard-product-art,.dashboard-center-art){background:var(--input-bg);border-color:var(--line)}
html:root:root .dashboard-center-art img{border-color:var(--line);box-shadow:0 12px 30px var(--shadow)}
html:root:root .account-dashboard .account-view{background:none;border:0}
html:root:root :is(.account-panel button:not(.button),.account-dashboard #add-purchased-product){background:transparent;color:var(--text);border-color:var(--strong-line);border-radius:4px}
html:root:root :is(.dashboard-product-status[data-state=active],.dashboard-product-status[data-state=free]){color:var(--accent)}
html:root:root .dashboard-count,
html:root:root .dashboard-intro{color:var(--muted)}
html:root:root .hero-maker-note{font-family:var(--sans);font-size:.7rem;letter-spacing:.04em}
html:root:root .atelier-sound-mark{display:block;width:150px;height:34px;color:var(--accent);opacity:.7;margin-block:16px -8px;overflow:visible}
.atelier-maker{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1fr);gap:clamp(30px,5vw,78px);align-items:center;margin-block:68px 10px;padding-block:35px;border-block:1px solid var(--line)}
.atelier-maker-portrait{display:block;max-width:280px;margin-inline:auto}
.atelier-maker-portrait img{width:100%;height:auto;max-height:300px;object-fit:contain}
.atelier-maker>div{max-width:42em}
.atelier-maker .eyebrow{margin-bottom:15px}
.atelier-maker h2{font-family:var(--sans);font-size:clamp(2rem,3.3vw,3rem);font-weight:450;letter-spacing:-.03em}
.atelier-maker p:not(.eyebrow){color:var(--muted);font-size:.95rem;line-height:1.9;margin-block:20px}
.atelier-maker .text-link{margin-bottom:5px}
@media(max-width:700px){
  .atelier-maker{grid-template-columns:1fr;gap:22px;margin-block:35px 5px;padding-block:30px}
  .atelier-maker-portrait{max-width:210px;justify-self:start;margin-inline:0}
  .atelier-maker p:not(.eyebrow){font-size:.9rem}
}
html:root:root :is(.audio-wave i,.signal-graphic span){animation:none!important}
html:root:root :is(.library-visual img,.records-visual img,.free-feature-art img){transform:none}
html:root:root .release-card:hover .release-cover>img{transform:scale(1.015)}
html:root:root :is(.world-instruments .signal-graphic span,.game-audio-feature .game-audio-signal>span){background:var(--accent)}
html:root:root .game-audio-feature .game-audio-signal:before{background:var(--line)}
html:root:root .instrument-films .film-play{background:var(--input-bg);color:var(--accent);border-color:var(--strong-line)}
html:root:root .atelier-sound-mark path:first-child{stroke-dasharray:240;stroke-dashoffset:0;animation:atelier-trace 1400ms cubic-bezier(.2,.65,.3,1) both}
@keyframes atelier-trace{from{stroke-dashoffset:240;opacity:0}to{stroke-dashoffset:0;opacity:.85}}
html:root:root:lang(ar){--sans:Tahoma,'Segoe UI',Arial,sans-serif}
html:root:root:lang(hi){--sans:'Nirmala UI',Mangal,'Segoe UI',sans-serif}
html:root:root:lang(th){--sans:'Leelawadee UI',Thonburi,Tahoma,sans-serif}
html:root:root:lang(ja){--sans:'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif}
html:root:root:lang(ko){--sans:'Malgun Gothic','Apple SD Gothic Neo',sans-serif}
html:root:root:lang(zh){--sans:'Microsoft YaHei','PingFang SC','Microsoft JhengHei',sans-serif}
html:root:root:is(:lang(ar),:lang(hi),:lang(th),:lang(ja),:lang(ko),:lang(zh)) :is(h1,h2,h3,.eyebrow,.micro,.badge){font-family:var(--sans);letter-spacing:normal;line-height:1.4}
@media(max-width:1000px){
  html:root:root .home-welcome{gap:38px;padding-block:50px}
  html:root:root .home-welcome h1{max-width:15em}
  html:root:root .home-welcome .home-center-visual{max-width:430px}
}
@media(max-width:700px){
  html:root:root .home-welcome h1,
html:root:root[data-text-size=large] .home-welcome h1{font-size:clamp(2.8rem,10vw,4rem)}
  html:root:root .home-welcome{padding-block:35px 45px}
  html:root:root .section-head h2{font-size:2.5rem}
  html:root:root .newsletter-form{padding:22px}
  html:root:root .newsletter-copy h2{font-size:2.8rem}
  html:root:root .dashboard-view-header h1{font-size:2.5rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,
*:before,
*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

html:root{--bg:#141e2d;--panel:#223247;--soft-panel:#1c2b3e;--input-bg:#172437;--soft-hover:#2b3e55;--text:#e5eaf1;--muted:#b2bfd0;--line:#394c63;--strong-line:#7189a3;--accent:#a0c9e4;--button-fill:#a0c9e4;--button-text:#172b3c;--decorative:#30455e;--offer-bg:#27354a;--offer-line:#879bb8;--art-start:#2b415a;--art-end:#1c2b3e;--editorial-soft:#1b2a3d;--glow:#7da4c416;--shadow:#050b1542;--atelier-gold:#b8c9dc;--atelier-grain:#c8d4e5;--atelier-header:#141e2df5;--atelier-focus:#c9dfef;--sans:Montserrat,Arial,sans-serif;--mono:'Cascadia Code',Consolas,monospace;color-scheme:dark}
html:root:root body{font-family:var(--sans);font-weight:400}
html:root:root body:before{opacity:.008}
html:root:root :is(.home-welcome h1,.page-intro h1,.center-hero h1,.section-head h2,.newsletter-copy h2,.contact-band h2,.maker-copy h2,.dashboard-view-header h1,.atelier-maker h2){font-family:var(--sans);font-weight:700;letter-spacing:-.04em;line-height:1.18}
html:root:root .home-welcome{padding-block:64px 60px}
html:root:root .home-welcome h1{font-size:clamp(2.3rem,3.7vw,3.65rem);line-height:1.12;letter-spacing:-.045em;max-width:17em}
html:root:root .home-welcome h1 .home-welcome-label{font-family:var(--sans);font-size:.58em;font-weight:500;letter-spacing:-.02em;text-transform:none;line-height:1.5;margin-bottom:12px}
html:root:root .section-head h2{font-size:clamp(2.2rem,4vw,3.75rem);line-height:1.15}
html:root:root .dashboard-view-header h1{font-size:clamp(1.8rem,3.3vw,2.6rem);line-height:1.25}
html:root:root .newsletter-copy h2{font-size:clamp(2.4rem,4vw,3.8rem)}
html:root:root .atelier-maker h2{font-size:clamp(1.8rem,3vw,2.6rem)}
html:root:root :is(.media-provider,.media-play,.media-action,.media-title,.preview-hint){color:#edf3f8;background:#172b3ee8;border-color:#8aa1b5}
@media(max-width:700px){
  html:root:root .home-welcome h1,
html:root:root[data-text-size=large] .home-welcome h1{font-size:2.35rem}
  html:root:root .section-head h2{font-size:2.2rem}
  html:root:root .newsletter-copy h2{font-size:2.4rem}
  html:root:root .dashboard-view-header h1{font-size:1.9rem}
}
html:root:root:lang(ar){--sans:Tahoma,'Segoe UI',Arial,sans-serif}
html:root:root:lang(hi){--sans:'Nirmala UI',Mangal,'Segoe UI',sans-serif}
html:root:root:lang(th){--sans:'Leelawadee UI',Thonburi,Tahoma,sans-serif}
html:root:root:lang(ja){--sans:'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif}
html:root:root:lang(ko){--sans:'Malgun Gothic','Apple SD Gothic Neo',sans-serif}
html:root:root:lang(zh){--sans:'Microsoft YaHei','PingFang SC','Microsoft JhengHei',sans-serif}
html:root:root:is(:lang(ar),:lang(hi),:lang(th),:lang(ja),:lang(ko),:lang(zh)) :is(h1,h2,h3,.eyebrow,.micro,.badge){letter-spacing:normal;line-height:1.4}
html:root{--synth-three:#21c7df;--brand-signal:#66c3d2}
html:root:root .product-wordmark>span:first-child{color:var(--synth-three)}
html:root:root .brand-symbol{color:var(--brand-signal)}

/* Owner-approved Paper: light version of the same layout and typography.
   Studio remains the fallback when no preference is stored. */
html:root[data-theme=paper]{--bg:#eaf0f5;--panel:#dce6ee;--soft-panel:#e1e9f0;--input-bg:#f4f7fa;--soft-hover:#d4e1eb;--text:#24384f;--muted:#4d6379;--line:#b9c8d6;--strong-line:#788da3;--accent:#3e617e;--button-fill:#345d7f;--button-text:#f4f7fa;--decorative:#d0dfe9;--offer-bg:#dae4ed;--offer-line:#8297b0;--art-start:#d4e2ed;--art-end:#e1e9f0;--editorial-soft:#e0e8ef;--glow:#547b9d10;--shadow:#1c2e4512;--atelier-gold:#526b86;--atelier-grain:#607b96;--atelier-header:#eaf0f5f5;--atelier-focus:#345d7f;--sans:Montserrat,Arial,sans-serif;color-scheme:light}
html:root[data-theme=paper]{--synth-three:#087c8e;--brand-signal:#28788b}
html:root[data-theme=paper] .artist-card img,
html:root[data-theme=paper] .maker-person img{border-color:var(--strong-line)}
html:root[data-theme=paper] .preview-hint{color:#edf3f8}
html:root[data-theme=paper] .image-dialog{background:var(--bg);color:var(--text);border-color:var(--strong-line)}

/* Light theme: About cards must not retain their old fixed dark gradients. */
html:root[data-theme=paper] .maker-identity{background:var(--soft-panel);border-color:var(--line);color:var(--text)}
html:root[data-theme=paper] .game-audio-feature .game-audio-visual{background:var(--soft-panel);border-color:var(--line);color:var(--text);box-shadow:none}

/* The appearance switch follows A+ physically, including in RTL headers. */
.site-header .appearance-controls{direction:ltr;flex-direction:row}
.site-header .appearance-controls .theme-toggle{appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--strong-line);border-radius:5px;background:var(--input-bg);color:var(--text);box-shadow:none;cursor:pointer}
.site-header .appearance-controls .theme-toggle:hover{border-color:var(--accent);background:var(--soft-hover)}
.site-header .appearance-controls .theme-toggle>svg{grid-area:1 / 1;display:block;margin:0;pointer-events:none}
.site-header .appearance-controls .theme-toggle .theme-icon-dark,.site-header .appearance-controls .theme-toggle[aria-pressed=true] .theme-icon-light{display:none}
.site-header .appearance-controls .theme-toggle[aria-pressed=true] .theme-icon-dark{display:block}
@media(max-width:900px){.site-header.nav-compact .header-inner{grid-template-columns:minmax(0,1fr) auto 44px}}