.home{max-width:480px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + var(--gutter)) var(--gutter) calc(env(safe-area-inset-bottom) + var(--gutter));flex-direction:column;gap:24px;margin:0 auto;display:flex}.home__header{justify-content:space-between;align-items:center;display:flex}.home__logo{color:var(--color-primary);font-size:1.5rem;font-weight:800}.home__stats{gap:16px;font-weight:700;display:flex}.stat{align-items:center;gap:4px;display:inline-flex}.subject-card{border-radius:var(--radius);background:var(--color-surface);gap:8px;padding:20px;display:grid}.subject-card__eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-size:.8125rem;font-weight:700}.subject-card__title{font-size:1.375rem;line-height:1.25}.subject-card__body,.subject-card__meta,.subject-card__goal{color:var(--color-muted)}.subject-card__goal,.subject-card__meta{font-weight:600}.subject-card__next{font-weight:700}.home__cta{text-align:center;gap:8px;margin-top:auto;display:grid}.home__note{color:var(--color-muted);font-size:.875rem}.home__start{margin-top:-8px}.units{gap:16px;display:grid}.units__title{font-size:1.125rem}.unit{gap:6px;display:grid}.unit__title{color:var(--color-muted);margin:0;font-size:.9375rem}.unit__lessons{gap:6px;margin:0;padding:0;list-style:none;display:grid}.unit__lesson{min-height:var(--tap-min);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-weight:600;text-decoration:none;display:flex}.unit__lesson:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.unit__count{color:var(--color-muted);flex-shrink:0;font-size:.8125rem;font-weight:500}.home__footer{text-align:center;gap:8px;margin-top:auto;display:grid}.unit__done{color:var(--color-success);font-weight:800}.home__stats{align-items:center}.home__profile{min-width:var(--tap-min);text-decoration:none}.save-prompt{border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);text-align:left;gap:8px;padding:20px;display:grid}.save-prompt__title{font-size:1.125rem}.save-prompt__body{color:var(--color-muted)}.save-prompt__actions{gap:4px;margin-top:4px;display:grid}.sound-toggle{min-width:var(--tap-min);min-height:var(--tap-min);border-radius:var(--radius);color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;font-size:1.25rem;display:inline-grid}.sound-toggle:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.lesson{max-width:560px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) var(--gutter) calc(env(safe-area-inset-bottom) + var(--gutter));flex-direction:column;gap:20px;margin:0 auto;display:flex}.lesson__header{align-items:center;gap:12px;display:flex}.lesson__close{min-width:var(--tap-min);min-height:var(--tap-min);border-radius:var(--radius);color:var(--color-muted);place-items:center;font-size:1.25rem;text-decoration:none;display:inline-grid}.lesson__progress{appearance:none;background:var(--color-surface);height:12px;accent-color:var(--color-primary);border:0;border-radius:999px;flex:1;overflow:hidden}.lesson__progress::-webkit-progress-bar{background:var(--color-surface)}.lesson__progress::-webkit-progress-value{background:var(--color-primary);border-radius:999px}.lesson__progress::-moz-progress-bar{background:var(--color-primary);border-radius:999px}.lesson__card,.lesson__question,.lesson__done{flex-direction:column;flex:1;gap:14px;display:flex}.lesson__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);font-size:.8125rem;font-weight:700}.lesson__title,.lesson__prompt,.lesson__done-title{font-size:1.375rem;line-height:1.3}.lesson__body{font-size:1.0625rem}.lesson__example{border-radius:var(--radius);background:var(--color-surface);padding:12px 14px;font-style:italic}.lesson__image{object-fit:contain;align-self:center;width:100%;max-width:360px;height:auto;max-height:220px}.lesson__image--photo{border-radius:var(--radius);max-height:340px}.lesson__figure{justify-items:center;gap:4px;margin:0;display:grid}.lesson__credit{color:var(--color-muted);font-size:.8125rem}.lesson__actions{text-align:center;gap:8px;margin-top:auto;display:grid}.lesson__choices{gap:10px;margin:0;padding:0;list-style:none;display:grid}.choice{width:100%;min-height:var(--tap-big);border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;border-bottom-width:4px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:1.0625rem;display:flex}.choice:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.choice:disabled{cursor:default}.choice--correct{border-color:var(--color-success);background:var(--color-success-bg)}.choice--wrong{border-color:var(--color-warning);background:var(--color-warning-bg)}.choice--dim{opacity:.55}.choice__badge{flex-shrink:0;font-size:.875rem;font-weight:700}.choice--correct .choice__badge{color:var(--color-success)}.choice--wrong .choice__badge{color:var(--color-warning)}.lesson__tag{background:var(--color-warning-bg);color:var(--color-warning);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:.8125rem;font-weight:700}.feedback{border-radius:var(--radius);gap:10px;margin-top:auto;padding:16px;display:grid}.feedback--correct{background:var(--color-success-bg)}.feedback--wrong{background:var(--color-warning-bg)}.feedback__title{font-size:1.125rem;font-weight:800}.feedback--correct .feedback__title{color:var(--color-success)}.feedback--wrong .feedback__title{color:var(--color-warning)}.feedback__answer{font-weight:700}.citation{border-left:4px solid var(--color-primary);background:var(--color-bg);border-radius:8px;margin:0;padding:12px 14px}.citation__quote{margin:0 0 8px;font-style:italic}.citation__source{color:var(--color-muted);font-size:.875rem}.citation__link{justify-content:flex-start;padding-inline:0}.lesson__done{text-align:center;justify-content:center}.lesson__done-stats,.lesson__done-note{color:var(--color-muted)}.lesson__xp{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:3.5em;font-weight:800}.feedback__combo{color:var(--color-accent);font-weight:800}.lesson__done-xp{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.account__form{gap:8px;display:grid}.account__label{margin-top:4px;font-weight:700}.account__input{min-height:var(--tap-min);border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font:inherit;border-radius:12px;padding:8px 12px}.account__input:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.account__email{overflow-wrap:anywhere}.account__error{background:var(--color-warning-bg);color:var(--color-warning);border-radius:12px;padding:8px 12px;font-weight:600}.account__notice:empty{display:none}:root{--color-bg:#fff;--color-surface:#f3f2f8;--color-text:#14131f;--color-muted:#3f3e52;--color-primary:#3730a3;--color-primary-text:#fff;--color-accent:#f59e0b;--color-border:#d9d8e3;--color-success:#14532d;--color-success-bg:#dcfce7;--color-warning:#78350f;--color-warning-bg:#fef3c7;--radius:16px;--tap-min:48px;--tap-big:56px;--gutter:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:106.25%;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#121120;--color-surface:#1f1e33;--color-text:#f2f2f7;--color-muted:#a9a8bd;--color-primary:#818cf8;--color-primary-text:#121120;--color-border:#3a3955;--color-success:#4ade80;--color-success-bg:#12301f;--color-warning:#fbbf24;--color-warning-bg:#33260f}}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);min-height:100dvh;margin:0}h1,h2,p{margin:0}.button{min-height:var(--tap-big);border-radius:var(--radius);width:100%;font:inherit;text-align:center;cursor:pointer;border:0;place-items:center;padding:8px 16px;font-size:1.0625rem;font-weight:700;text-decoration:none;display:inline-grid}.button--primary{background:var(--color-primary);color:var(--color-primary-text)}.button--secondary{background:var(--color-surface);color:var(--color-text)}.button--link{color:var(--color-primary);background:0 0;font-weight:600}.button:disabled{opacity:.55;cursor:not-allowed}.button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.not-found{padding:var(--gutter);gap:12px;display:grid}.tap-link{min-height:var(--tap-min);color:var(--color-primary);justify-content:center;align-items:center;padding-inline:8px;font-weight:600;display:inline-flex}.tap-link:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}