:root{--bg:#fbfaf8;--fg:#1d1d1f;--muted:#6b6b70;--line:#e4e1dc;--panel:#fff;--accent:#c8102e;--accent-soft:#fbe9ec;--ok:#1e7f4f;--ok-soft:#e4f4ec;--warn:#a86400;--warn-soft:#fbf0dc;--bad:#b3261e;--bad-soft:#fbe5e3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17171a;--fg:#ececef;--muted:#9a9aa2;--line:#2f2f35;--panel:#1f1f24;--accent:#ff5a6e;--accent-soft:#3a1f25;--ok:#5fd39a;--ok-soft:#173126;--warn:#f0b45a;--warn-soft:#362a15;--bad:#ff8a80;--bad-soft:#3a1c1a}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--accent)}header{border-bottom:1px solid var(--line);background:var(--panel);z-index:1;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}header h1{margin:0;font-size:1.25rem}header h1 a{color:var(--fg);text-decoration:none}nav{flex-wrap:wrap;gap:.25rem;display:flex}nav a{color:var(--fg);border-radius:999px;padding:.3rem .7rem;text-decoration:none}nav a.active,nav a:hover{background:var(--accent-soft);color:var(--accent)}main{max-width:960px;margin:0 auto;padding:1rem 1rem 4rem}button,.button,select,input{font:inherit;color:inherit;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:.4rem .8rem}button,.button{cursor:pointer}button:hover,.button:hover{border-color:var(--accent)}button.primary,.button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.link{color:var(--accent);background:0 0;border:none;padding:0}button.speak{background:0 0;border:none;padding:0 .2rem;font-size:.9em}.muted{color:var(--muted)}.small{font-size:.875rem}.filters{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.chips{flex-wrap:wrap;gap:.35rem;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:var(--panel);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .6rem;font-size:.9rem;display:inline-flex}.chip:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.chip input{margin:0}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:.75rem;display:flex}.stat b{font-size:1.6rem}.stat span{color:var(--muted);font-size:.85rem}.drill{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.5rem;position:relative}.drill .score{position:absolute;top:1rem;right:1.25rem}.drill .prompt{font-size:1.6rem;font-weight:600}.drill .hint{margin-bottom:1rem}.drill form{gap:.5rem;display:flex}.drill form input{flex:1;padding:.5rem .75rem;font-size:1.25rem}.drill input.correct{border-color:var(--ok);background:var(--ok-soft)}.drill input.almost{border-color:var(--warn);background:var(--warn-soft)}.drill input.wrong{border-color:var(--bad);background:var(--bad-soft)}.pl-keys{flex-wrap:wrap;gap:.25rem;margin-top:.5rem;display:flex}.pl-keys button{padding:.2rem .6rem}.result{border-radius:10px;margin-top:1rem;padding:.75rem 1rem}.result.correct{background:var(--ok-soft)}.result.almost{background:var(--warn-soft)}.result.wrong{background:var(--bad-soft)}.result details{margin-top:.5rem}.card{background:var(--panel);border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:16px;margin:.75rem 0;padding:2.5rem 1.5rem}.card .front{font-size:2rem;font-weight:600}.back{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1rem 1.5rem}.grades{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.75rem;display:grid}.dialogue .grades{grid-template-columns:repeat(2,1fr)}.grade.again{border-color:var(--bad)}.grade.hard{border-color:var(--warn)}.grade.good{border-color:var(--ok)}.word-details h3{margin:.25rem 0;font-size:1.4rem}.word-details .ru{margin:.25rem 0;font-size:1.1rem}.word-details .example{font-style:italic}.word-details .notes{background:var(--warn-soft);border-radius:8px;padding:.5rem .75rem}.tags{vertical-align:middle;gap:.3rem;display:inline-flex}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:500}.tag.subtle{background:var(--line);color:var(--muted)}table{border-collapse:collapse;margin:.5rem 0}td,th{border:1px solid var(--line);text-align:left;padding:.25rem .6rem}th{background:var(--accent-soft)}.paradigm{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.word-list{margin:0;padding:0;list-style:none}.word-list li{border-bottom:1px solid var(--line);cursor:pointer;padding:.4rem .5rem}.word-list li:hover,.word-list li.active{background:var(--accent-soft)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;max-height:70vh;margin-bottom:1rem;padding:.5rem 1.25rem 1rem;position:sticky;top:4rem;overflow:auto}.panel .close{position:absolute;top:.75rem;right:1rem}.doc-list li{margin:.3rem 0}.markdown{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:.75rem 0;padding:.5rem 1.5rem 1.5rem;overflow-x:auto}.markdown table{font-size:.95rem}.markdown blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);margin:.5rem 0;padding:.25rem 1rem}.markdown blockquote.simple{border-left-width:6px;border-radius:0 12px 12px 0;padding:.75rem 1.25rem;font-size:1.05rem}.markdown details{background:var(--ok-soft);border-radius:8px;padding:.5rem 1rem}.markdown code{background:var(--line);border-radius:4px;padding:0 .25rem}.today{padding:0;list-style:none}.today li{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:.5rem 0}.today li.done{opacity:.75}.today .step-head{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:1rem;width:100%;padding:.75rem 1rem;font-size:1.05rem;display:flex}.today .step-body{padding:0 1rem 1rem}.chat{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.bubble{background:var(--panel);border:1px solid var(--line);border-radius:14px;max-width:85%;padding:.6rem .9rem}.bubble.me{background:var(--accent-soft);align-self:flex-end}.dialogue .answer{flex-direction:column;gap:.5rem;display:flex}.dialogue textarea{width:100%;font:inherit;padding:.5rem}.dialogue .gap input{width:10em;margin:0 .25rem}.pitfall{border-left:3px solid var(--warn);background:var(--warn-soft);padding:.25rem .75rem}.quiz li{margin:.75rem 0}.quiz li.correct{border-left:3px solid var(--ok);padding-left:.5rem}.quiz li.wrong{border-left:3px solid var(--bad);padding-left:.5rem}