:root{--paper:#f7f5f0;--ink:#1d2327;--muted:#5b6770;--accent:#1f4e5f;--ok:#2f6b3a;--warn:#8a5a00;--error:#9b2c2c;--line:#ddd8cc;--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}}body{margin:0}.layout{max-width:40rem;margin:0 auto;padding:0 1.25rem 3rem}.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}