:root{--paper:#f7f5f0;--ink:#1d2327;--muted:#5b6770;--accent:#1f4e5f;--ok:#2f6b3a;--warn:#8a5a00;--error:#9b2c2c;--line:#ddd8cc;--highlight:#f1e3b5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,Segoe UI,Noto Sans,Roboto,sans-serif;font-size:1.125rem;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#161a1d;--ink:#e8e4da;--muted:#a3acb3;--accent:#7fb7c9;--ok:#8fcf98;--warn:#e6b85c;--error:#f08c8c;--line:#2c3338;--highlight:#4a4128}}body{margin:0}.layout{max-width:40rem;margin:0 auto;padding:0 1.25rem 3rem}.footer{margin-top:3rem;font-size:.85rem}.footer a{color:var(--muted)}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.brand{color:var(--accent);font-weight:700;text-decoration:none}.language-switch{color:var(--muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.language-switch select{font:inherit;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:.375rem;padding:.125rem .375rem}a{color:var(--accent)}.health{border:1px solid var(--line);border-left-width:4px;border-radius:.5rem;margin-top:2rem;padding:1rem 1.25rem}.health h2{margin:0 0 .25rem;font-size:1rem}.health p{margin:0}.health--ok{border-left-color:var(--ok)}.health--degraded{border-left-color:var(--warn)}.health--unreachable{border-left-color:var(--error)}.health__version{color:var(--muted);font-size:.85rem;margin-top:.25rem!important}.header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.user-menu{color:var(--muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}button{font:inherit;color:var(--paper);background:var(--accent);cursor:pointer;border:none;border-radius:.375rem;padding:.375rem .875rem}.user-menu button{color:var(--accent);border:1px solid var(--line);background:0 0;padding:.125rem .5rem}button:disabled{opacity:.6;cursor:default}.login{gap:1rem;max-width:20rem;display:grid}.login label{gap:.25rem;display:grid}.login input{font:inherit;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:.375rem;padding:.375rem .5rem}[role=alert]{color:var(--error)}.language-choice ul,.learning-overview ul{gap:.75rem;padding:0;list-style:none;display:grid}.learning-overview li p{color:var(--muted);margin:.25rem 0 0}fieldset{border:1px solid var(--line);border-radius:.5rem;margin:0 0 1rem;padding:.75rem 1rem}.choice{grid-template-columns:auto 1fr;align-items:baseline;column-gap:.5rem;padding:.25rem 0;display:grid}.choice small{color:var(--muted);grid-column:2}.onboarding-step{gap:1rem;display:grid}.onboarding-step label{gap:.5rem;display:grid}.onboarding-step textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:.375rem;padding:.5rem}.onboarding-choices{flex-wrap:wrap;gap:.75rem;display:flex}.sample{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.sample button{color:var(--ink);border:1px solid var(--line);background:0 0}.sample button[aria-pressed=true]{color:var(--paper);background:var(--accent);border-color:var(--accent)}.suggestions ul{gap:.75rem;padding:0;list-style:none;display:grid}.suggestion{border:1px solid var(--line);border-radius:.5rem;padding:.75rem 1rem}.suggestion h3{margin:0;font-size:1.05rem}.suggestion p{margin:.25rem 0 0}.suggestion .tags{color:var(--muted);font-size:.85rem}.actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.reader h1{font-size:1.6rem;line-height:1.3}.reader p{margin:0 0 .9rem;font-size:1.2rem;line-height:1.75}.reader .speaker{color:var(--muted);font-weight:600}.reader .word{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:.2rem;padding:0}.reader .word:focus-visible{outline:2px solid var(--accent)}.reader .word.tapped{-webkit-text-decoration:underline dotted var(--muted);text-decoration:underline dotted var(--muted);text-underline-offset:.25em}.word-popover{background:var(--paper);border:1px solid var(--line);border-radius:.5rem;margin:1rem 0;padding:.75rem 1rem;position:sticky;bottom:1rem;box-shadow:0 .25rem 1rem #00000026}.word-popover p{margin:0 0 .25rem;font-size:1rem}.word-popover .lemma,.word-popover .form-note{color:var(--muted)}button.secondary{color:var(--accent);border:1px solid var(--line);background:0 0}.reader .finish{margin:1.5rem 0 1rem;display:block}.feedback fieldset button{margin-right:.5rem}.feedback button[aria-pressed=true]{outline:3px solid var(--ok)}.feedback fieldset button:not([aria-pressed=true]){color:var(--accent);border:1px solid var(--line);background:0 0}.finished .recurring{color:var(--muted)}.suggestion-box{border:1px solid var(--line);border-radius:.5rem;margin:1rem 0;padding:.75rem 1rem}.library ul{gap:.75rem;padding:0;list-style:none;display:grid}.library li p{color:var(--muted);margin:.125rem 0 0;font-size:.9rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reader-audio{z-index:1;background:var(--paper);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;position:sticky;bottom:0}.reader-audio .player-bar{flex:auto;position:static}.player-bar{z-index:1;background:var(--paper);align-items:center;gap:.5rem;padding:.5rem 0;display:flex;position:sticky;bottom:0}.player-bar button{min-width:2.75rem;min-height:2.75rem;font-size:1.1rem}.player-bar .rate{margin-left:auto}.player-bar select{min-height:2.75rem;font:inherit}.audio-test .sentences{padding-left:1.5rem}.audio-test .sentence{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.2rem;padding:0 .2rem;font-size:1.2rem;line-height:1.75}.audio-test .sentence.current{background:var(--highlight)}.audio-log{white-space:pre-wrap;border:1px solid var(--line);border-radius:.4rem;max-height:16rem;padding:.75rem;font-size:.8rem;overflow:auto}.reader .speaking{background:var(--highlight);border-radius:.2rem}.reader.with-player .word-popover{bottom:4.5rem}.audio-notice{color:var(--muted);font-size:.95rem}.reader .hidden-sentence{color:var(--muted);letter-spacing:.3em}.grammar .eyebrow{color:var(--muted);margin:0;font-size:.9rem}.grammar h1 small{color:var(--muted);font-size:.9rem;font-weight:400}.grammar .examples{padding-left:1.2rem;font-size:1.1rem;line-height:1.7}.grammar mark{background:var(--highlight);color:inherit;border-radius:.2rem;padding:0 .1rem}.grammar .also-unit{color:var(--muted);margin-top:.5rem;margin-left:-1.2rem;font-size:.95rem;list-style:none}.grammar .notice{color:var(--muted)}.curriculum ul{padding:0;list-style:none}.curriculum .unit{border-bottom:1px solid var(--line);padding:.4rem 0}.curriculum .unit small{color:var(--muted);display:block}.curriculum .unit--locked strong{color:var(--muted);font-weight:500}.curriculum .unit[aria-current]{border-left:3px solid var(--accent);padding-left:.6rem}.curriculum .unit__active{color:var(--accent)}