/* Polyglotion desktop aesthetic · 6 October 2026. Visual overrides only. */
:root{--pg-page:#f9fbff;--pg-surface:#fff;--pg-ink:#10194f;--pg-muted:#6f7ead;--pg-border:#dce5fb;--pg-blue:#426ae5;--pg-purple:#7245c8;--pg-gradient:linear-gradient(115deg,#426ae5,#7245c8);--pg-radius:18px}
@keyframes pg-course-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
[data-course-motion=off] *,[data-course-motion=off] *::before,[data-course-motion=off] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}

html:not([data-course-theme=dark]){color-scheme:light;background:var(--pg-page)!important;--muted:var(--pg-muted);--muted-light:#52658e;--line:var(--pg-border)}
html:not([data-course-theme=dark]) body{background:var(--pg-page)!important;color:var(--pg-ink)!important}
html:not([data-course-theme=dark]) .ambient{opacity:0}
html:not([data-course-theme=dark]) :is(.topbar,.mobile-nav,.lesson-card,.modal,.music-player,.word-popover,.phrase-float,#v4-profile,#v4-settings section,#v4-account-gate section,#v4-boot-error section,#v4-preview-end section){background:var(--pg-surface);color:var(--pg-ink)!important;border-color:var(--pg-border);box-shadow:0 6px 24px #10194f08;backdrop-filter:none}
html:not([data-course-theme=dark]) :is(#v4-loading,#v4-transition,#v4-account-gate,#v4-boot-error,#v4-preview-end,#v4-settings){background:#f9fbfff5}
html:not([data-course-theme=dark]) :is(#v4-loading strong,.brand__copy strong,.brand__copy small,.landing h1,.card-title,.phrase-es,.example-box__es,.creator-line strong,.module-context__step,.v4-profile-head h2,.phrase-float strong){color:var(--pg-ink)}
html:not([data-course-theme=dark]) :is(.landing__lead,.eyebrow,.text-button,.creator-line,.module-context,.site-footer,.card-subtitle,.translation,.phrase-en,.example-box__en,.phrase-float small,.phrase-float span,#v4-account-gate p,#v4-preview-end p,#v4-boot-error p){color:var(--pg-muted)}
html:not([data-course-theme=dark]) :is(.icon-button,.language-chip,.secondary-button,.profile-button,.objective,.sound-panel,.sound-row,.example-box,.note-box,.word-chip,.vocab-word,.profile-field input,.profile-field select,.v4-secondary,.v4-language-choices button){background:#f2f5ff;color:var(--pg-ink);border-color:var(--pg-border);box-shadow:none}
html:not([data-course-theme=dark]) :is(.primary-button,.v4-primary){background:var(--pg-gradient);color:#fff;border-color:transparent;box-shadow:0 6px 20px #426ae51a}
html:not([data-course-theme=dark]) :is(.mobile-nav button,.v4-close,.v4-manage){color:var(--pg-blue)}
html:not([data-course-theme=dark]) .module-context__number{background:#edf2ff;color:var(--pg-ink)}
html:not([data-course-theme=dark]) .step-dot{background:#d6e0f8}
html:not([data-course-theme=dark]) .step-dot.is-current{background:var(--pg-blue)}
html:not([data-course-theme=dark]) .top-progress__track{background:#dce5fb}
html:not([data-course-theme=dark]) .top-progress__track span{background:var(--pg-gradient)}
html:not([data-course-theme=dark]) .landing h1 em{color:#bc2636}
html:not([data-course-theme=dark]) .hero-photo{color:#fff!important}
html:not([data-course-theme=dark]) :is(.hero-flag,.hero-flag svg,.phrase-float){animation:none}
.landing__copy,.course-view{animation:pg-course-reveal .42s ease both}

html:not([data-course-theme=dark]) :is(.option-button:not(.is-correct):not(.is-wrong),.order-token,.match-button,.type-answer input,.order-type-input,.certificate-form input,.mini-example,.grammar-example,.language-option,.community-card,.profile-photo-button,.dialogue-audio-control){background:#f2f5ff;color:var(--pg-ink);border-color:var(--pg-border)}
html:not([data-course-theme=dark]) :is(.story-reading p,.dialogue-copy strong,.story-line__copy strong,.pronunciation-rule h2,.grammar-copy h2){color:var(--pg-ink)}
html:not([data-course-theme=dark]) :is(.pronunciation-rule p,.grammar-copy p,.ipa-line,.v4-profile-head p,.dialogue-audio-control__copy small,.dialogue-audio-control__time,.language-option span,.community-card small,.profile-editor__top span:not(.profile-editor__avatar)){color:var(--pg-muted)}
html:not([data-course-theme=dark]) :is(.card-kicker,.support-label,.sound-row__label){color:var(--pg-blue)}
html:not([data-course-theme=dark]) .option-button.is-selected{background:#edf2ff;color:var(--pg-blue);border-color:var(--pg-blue);box-shadow:none}
html:not([data-course-theme=dark]) .landing h1{text-shadow:none}
html:not([data-course-theme=dark]) :is(.topbar__percent,.global-progress-percent){color:var(--pg-muted)}

/* Keep the animated Cuban hero flag within the phone viewport. */
@media(max-width:760px){html:not([data-course-theme=dark]) .hero-flag{width:96%!important;left:2%!important}}

/* Preserve the anonymous member gate; style only its two existing actions. */
html:not([data-course-theme=dark]) #v4-boot-error section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;text-align:center}
html:not([data-course-theme=dark]) #v4-boot-error section>:is(h1,p){grid-column:1/-1}
html:not([data-course-theme=dark]) #v4-boot-error section>h1{margin:0}
html:not([data-course-theme=dark]) #v4-boot-error section>p{margin:4px 0 10px}
html:not([data-course-theme=dark]) #v4-boot-error section>:is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;padding:10px 14px;border:1px solid var(--pg-border);border-radius:12px;box-sizing:border-box;background:#f2f5ff;color:var(--pg-ink);font-size:15px;font-weight:700;line-height:1.3;text-decoration:none;cursor:pointer}
html:not([data-course-theme=dark]) #v4-boot-error section>a{background:var(--pg-gradient);color:#fff;border-color:transparent;box-shadow:0 6px 20px #426ae51a}
html:not([data-course-theme=dark]) #v4-boot-error section>button:hover{background:#e9eefc}
html:not([data-course-theme=dark]) #v4-boot-error section>:is(a,button):focus-visible{outline:3px solid #b1c5fa;outline-offset:3px}
@media(max-width:420px){html:not([data-course-theme=dark]) #v4-boot-error section>:is(a,button){font-size:14px}}