:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#fafafa;--color-surface:#fff;--color-surface-subtle:#f7f7f9;--color-text:#22232a;--color-text-muted:#777983;--color-text-soft:#555762;--color-primary:#6266d9;--color-primary-hover:#5054c1;--color-primary-soft:#f0f0fc;--color-border:#ebebef;--color-border-strong:#dcdde3;--color-success:#27805c;--color-success-soft:#eef8f2;--color-danger:#c44848;--color-danger-soft:#fff1f1;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--shadow-card:0 1px 3px #1818260a;--color-action:var(--color-primary);--color-action-hover:var(--color-primary-hover);--color-action-ink:#fff;--color-accent:var(--color-primary);--color-accent-quiet:var(--color-text-muted);--color-warning:#846b2e;--color-warning-soft:#fbf8ee;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-pill:6px;--shadow-action:0 1px 2px #2727451f;--shadow-focus:0 0 0 3px #efeffb;--shadow-danger:0 0 0 3px #fff1f1;--page-background:var(--color-surface);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--content-width:1120px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#111318;--color-surface:#191c23;--color-surface-subtle:#242832;--color-text:#edf0f5;--color-text-muted:#a3a9b6;--color-text-soft:#c7ccd6;--color-primary:#a8abff;--color-primary-hover:#c0c2ff;--color-primary-soft:#2d3048;--color-border:#30343e;--color-border-strong:#484d59;--color-success:#7fd2a4;--color-success-soft:#203a2e;--color-danger:#f99;--color-danger-soft:#3b2529;--color-action-ink:#171923;--color-warning:#e8cf84;--color-warning-soft:#38321f;--shadow-card:0 2px 10px #0003;--shadow-action:0 1px 3px #00000040;--shadow-focus:0 0 0 3px #a8abff3d;--shadow-danger:0 0 0 3px #ff99992e;--page-background:var(--color-background)}.learnerTheme,.authPage{--color-background:#f6f0e6;--color-surface:#fffcf6;--color-surface-subtle:#f3ecdf;--color-text:#14172b;--color-text-muted:#5c6077;--color-text-soft:#3b405a;--color-primary:#2340b8;--color-primary-hover:#1b3296;--color-primary-soft:#e3e8f8;--color-border:#e7dfd0;--color-border-strong:#d5cbb8;--color-success:#0c6d43;--color-success-soft:#dff1e6;--color-danger:#b83a22;--color-danger-soft:#fbe6dd;--color-warning:#7d5a08;--color-warning-soft:#fbeecb;--color-action:var(--color-primary);--color-action-hover:var(--color-primary-hover);--color-action-ink:#fff;--color-accent:var(--color-primary);--color-accent-quiet:var(--color-text-muted);--font-display:Georgia, "Times New Roman", serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-card:0 1px 2px #14172b0d, 0 12px 24px -20px #14172b40;--shadow-raised:0 12px 28px -14px #14172b52;--shadow-action:0 1px 2px #14172b2e;--shadow-focus:0 0 0 3px #e3e8f8;--shadow-danger:0 0 0 3px #fbe6dd;--page-background:var(--color-background)}:root[data-theme=dark] .learnerTheme,:root[data-theme=dark] .authPage{--color-background:#0f1224;--color-surface:#181d38;--color-surface-subtle:#222846;--color-text:#f3eee4;--color-text-muted:#a6a9c2;--color-text-soft:#cfd0dc;--color-primary:#9db0ff;--color-primary-hover:#bac8ff;--color-primary-soft:#283163;--color-border:#2c3354;--color-border-strong:#444c72;--color-success:#6fd6a3;--color-success-soft:#1d3a32;--color-danger:#ff9a84;--color-danger-soft:#3f2a30;--color-warning:#e8cf84;--color-warning-soft:#3a3424;--color-action:var(--color-primary);--color-action-hover:var(--color-primary-hover);--color-action-ink:#0f1224;--color-accent:var(--color-primary);--color-accent-quiet:var(--color-text-muted);--shadow-card:0 1px 2px #0000004d, 0 12px 24px -20px #0009;--shadow-raised:0 12px 28px -14px #000000b3;--shadow-action:0 1px 3px #0000004d;--shadow-focus:0 0 0 3px #9db0ff3d;--shadow-danger:0 0 0 3px #ff9a842e;--page-background:var(--color-background)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--page-background);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}button:disabled{cursor:not-allowed}.displayTranslation{color:var(--color-text-muted)}.homePage{background:var(--color-surface);flex-direction:column;min-height:100svh;padding:0 32px 48px;display:flex}.homeNav{width:100%;max-width:var(--content-width);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;min-height:82px;margin:0 auto;display:flex}.homeNav>a,.authTopbar>a{margin:0}.homeNav>.headerControls,.authTopbar>.headerControls{margin-left:auto}.headerControls{align-items:center;gap:6px;display:flex}.homeHero{width:100%;max-width:var(--content-width);text-align:left;flex:1;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,80px);margin:0 auto;padding:80px 0 96px;display:grid}.heroCopy{min-width:0}.heroCopy:before{content:"";background:var(--color-primary);border-radius:2px;width:40px;height:3px;margin:0 0 28px;display:block}.homeEyebrow{color:var(--color-primary);letter-spacing:.01em;align-items:center;gap:8px;margin:0 0 24px;font-size:12px;font-weight:500;line-height:1.6;display:inline-flex}.homeEyebrow:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.heroCopy h1{color:var(--color-text);font-family:var(--font-sans);letter-spacing:-.045em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(44px,5.6vw,76px);font-weight:650;line-height:1.08}.homeDescription{color:var(--color-text-muted);text-wrap:pretty;max-width:52ch;margin:24px auto 0;font-size:16px;line-height:1.8}.homeGloss{color:var(--color-text-soft);letter-spacing:-.015em;text-wrap:balance;max-width:36ch;margin:24px 0 0;font-family:Georgia,Times New Roman,serif;font-size:26px;font-style:italic;font-weight:400;line-height:1.5}.homeGlossQuiet{color:var(--color-text-muted);letter-spacing:0;max-width:58ch;margin-top:12px;font-size:15px;line-height:1.7}.heroActions{justify-content:flex-start;margin-top:36px;display:flex}.heroActions .homeButton{gap:12px;min-height:48px;padding:12px 28px;font-size:16px}.homeArtwork{place-items:center;min-width:0;display:grid}.homeArtwork img{width:100%;max-width:420px;height:auto;display:block}.languageControl{flex-direction:column;align-items:flex-end;display:flex;position:relative}.languageSwitch{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);min-width:106px;min-height:34px;color:var(--color-text-soft);cursor:pointer;font:inherit;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #19192808}.languageFlags{white-space:nowrap;align-items:center;gap:5px;font-size:20px;line-height:1;display:inline-flex}.languageSwitch:hover,.languageSwitch[aria-expanded=true]{background:var(--color-surface-subtle);border-color:#c9cbd4}.languageSwitch:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.languageControlCompact .languageSwitch{gap:8px;min-width:0;min-height:31px;padding:5px 8px;font-size:11px}.languageControlCompact .languageFlags{font-size:18px}.languageChevron{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:10px;height:7px;transition:transform .12s}.languageSwitch[aria-expanded=true] .languageChevron{transform:rotate(180deg)}.languageMenu{z-index:50;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:2px;min-width:88px;padding:4px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #181b321a,0 2px 6px #181b320a}.languageOption{width:100%;min-height:34px;color:var(--color-text-soft);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;padding:5px 7px;font-size:12px;font-weight:400;display:flex}.languageChoiceContent{align-items:center;gap:9px;display:inline-flex}.languageChoiceContent .languageFlags{font-size:20px}.languageOption:hover,.languageOption:focus-visible{background:var(--color-primary-soft);outline:none}.languageOption[aria-selected=true],.languageCheck{color:var(--color-primary)}.languageSwitchError{z-index:49;background:var(--color-surface);color:var(--color-danger);white-space:nowrap;border-radius:4px;padding:5px 7px;font-size:11px;position:absolute;top:calc(100% + 6px);right:0}.authPage{background:var(--color-background);min-height:100svh;color:var(--color-text);flex-direction:column;align-items:center;padding:0 32px 48px;display:flex}.authTopbar{width:100%;min-height:82px;max-width:var(--content-width);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.authCard{border-radius:var(--radius-md);width:100%;max-width:400px;box-shadow:var(--shadow-card);margin:auto;padding:36px}.authEyebrow{color:var(--color-primary);margin:0 0 10px;font-size:12px;font-weight:600}.authCard h1{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:28px;font-weight:400;line-height:1.2}.authIntro{color:var(--color-text-muted);margin:12px 0 26px;font-size:14px;line-height:1.6}.authForm{gap:8px;display:grid}.googleSignIn{gap:12px;display:grid}.googleSignIn>button{width:100%;min-height:40px;font-size:14px}.googleSignIn>button>svg{flex-shrink:0}.authDivider{color:var(--color-text-muted);text-align:center;margin:4px 0 12px;font-size:13px}.authForm label{color:var(--color-text-soft);margin-top:10px;font-size:13px;font-weight:500}.authForm input{min-height:40px;font-size:14px}.authForm input[aria-invalid=true]{border-color:var(--color-danger)}.authForm input[aria-invalid=true]:focus{box-shadow:var(--shadow-danger)}.fieldHint,.authHint,.authMessage{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.6}.passwordRequirement{color:var(--color-text-muted);align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.5;display:flex}.passwordRequirementIcon{background:var(--color-primary-soft);width:14px;height:14px;color:var(--color-primary);border-radius:50%;flex:0 0 14px;place-items:center;font-size:10px;display:grid}.passwordRequirementError{color:var(--color-danger)}.passwordRequirementError .passwordRequirementIcon{color:var(--color-danger);background:var(--color-danger-soft)}.authMessage{border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-warning);padding:10px 12px}.authForm .authButton{width:100%;min-height:40px;margin-top:12px;font-size:14px}.authSwitch{color:var(--color-text-muted);text-align:center;margin:24px 0 0;font-size:13px;line-height:1.7}.authSwitch a{color:var(--color-primary);font-weight:500;text-decoration:none}.authSwitch a:hover{text-decoration:underline}@media (max-width:760px){.homePage,.authPage{padding:0 20px 32px}.homeNav,.authTopbar{min-height:70px}.homeHero{text-align:center;grid-template-columns:minmax(0,1fr);gap:48px;padding:56px 0}.heroCopy:before{margin-left:auto;margin-right:auto}.heroCopy h1{margin:0 auto;font-size:clamp(42px,10vw,60px)}.homeDescription{font-size:14px}.homeEyebrow{max-width:32ch;font-size:11px}.homeGloss{margin-left:auto;margin-right:auto;font-size:22px}.homeGlossQuiet{font-size:14px}.heroActions{justify-content:center}.homeArtwork img{width:min(64vw,280px)}.authCard{padding:24px}.authForm input{font-size:16px}}
