:root{--bg:#fff;--surface:#f7f7f7;--border:#e5e5e5;--text:#3c3c3c;--muted:#8a8a8a;--green:#58cc02;--green-dark:#46a302;--green-soft:#d7ffb8;--red:#ff4b4b;--red-dark:#d93a3a;--red-soft:#ffdfe0;--blue:#1cb0f6;--blue-dark:#1899d6;--blue-soft:#ddf4ff;--mark:#fff1a8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#131f24;--surface:#1b2a31;--border:#37464f;--text:#f1f7fb;--muted:#8fa3ad;--green-soft:#1f3a12;--red-soft:#3d1c1e;--blue-soft:#133445;--mark:#5a4d0c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font:17px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{min-height:100dvh}button{font:inherit;color:inherit}mark{background:var(--mark);color:inherit;border-radius:4px;padding:0 2px}h1,h2{margin:0}.screen{max-width:600px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.center-msg{text-align:center;min-height:60vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.muted{color:var(--muted)}.btn{border:2px solid var(--border);background:var(--bg);cursor:pointer;border-bottom-width:4px;border-radius:16px;padding:12px 16px;font-weight:700;transition:transform 50ms}.btn:active:not(:disabled){border-bottom-width:2px;margin-bottom:2px;transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--green);border-color:var(--green-dark);color:#fff}.btn-danger{background:var(--red);border-color:var(--red-dark);color:#fff}.btn-secondary{background:var(--blue);border-color:var(--blue-dark);color:#fff}.btn-ghost{background:var(--surface)}.btn-wide{text-transform:uppercase;letter-spacing:.03em;width:100%}.btn-big{flex-direction:column;align-items:center;gap:2px;padding:18px;font-size:22px;display:flex}.btn-big small{opacity:.9;font-size:14px;font-weight:500}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row .btn{font-size:15px}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px}.link-btn{color:var(--blue);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:14px}.speak{cursor:pointer;vertical-align:middle;background:0 0;border:none;padding:0 4px;font-size:18px}.speak-big{background:var(--blue);border:2px solid var(--blue-dark);border-bottom-width:5px;border-radius:24px;width:96px;height:96px;font-size:44px}.home-head{justify-content:space-between;align-items:center;display:flex}.home-head h1{color:var(--green);letter-spacing:-.02em;font-size:30px}.badges{gap:8px;display:flex}.badge{background:var(--surface);border:2px solid var(--border);border-radius:999px;padding:4px 12px;font-weight:700}.cards{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.card{background:var(--surface);border:2px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.card b{font-size:24px}.card span{color:var(--muted);font-size:13px}.card-accent{border-color:var(--blue)}.card-accent b{color:var(--blue)}.settings{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin-top:8px;font-size:14px;display:flex}.settings label{align-items:center;gap:8px;display:flex}.settings select{font:inherit;border-radius:8px;padding:2px 6px}.lesson{min-height:100dvh;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.lesson-top{align-items:center;gap:10px;display:flex}.bar{background:var(--border);border-radius:999px;flex:1;height:16px;overflow:hidden}.bar-fill{background:var(--green);border-radius:999px;height:100%;transition:width .3s}.task{flex-direction:column;gap:14px;display:flex}.task-title{font-size:22px;font-weight:800}.prompt{font-size:24px;font-weight:600}.prompt-sm{font-size:19px}.sentence{background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:14px;font-size:21px}.sub{color:var(--muted)}.hint{color:var(--blue);font-size:15px}.listen-row{justify-content:center;padding:10px 0;display:flex}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;border:2px solid var(--border);background:var(--bg);cursor:pointer;border-bottom-width:4px;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.option:disabled{cursor:default}.option.selected{border-color:var(--blue);background:var(--blue-soft)}.option.correct{border-color:var(--green);background:var(--green-soft)}.option.wrong{border-color:var(--red);background:var(--red-soft)}.option.done{opacity:.35}.option-sm{font-size:15px}.kbd{border:2px solid var(--border);width:26px;height:26px;color:var(--muted);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.text-input{width:100%;font:inherit;border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;outline:none;padding:12px 14px;font-size:19px}.text-input:focus{border-color:var(--blue)}.textarea{resize:vertical;min-height:90px}.tiles{flex-wrap:wrap;gap:8px;display:flex}.tiles-answer{border-bottom:2px solid var(--border);align-content:flex-start;min-height:56px;padding-bottom:10px}.tile{border:2px solid var(--border);background:var(--bg);cursor:pointer;border-bottom-width:4px;border-radius:12px;padding:8px 12px}.tile-used{visibility:hidden}.match{grid-template-columns:1fr 1fr;gap:10px;display:grid}.match-col{flex-direction:column;gap:10px;display:flex}.match .option{text-align:center;justify-content:center;min-height:58px}.intro-card{background:var(--surface);border:2px solid var(--border);border-radius:18px;padding:18px}.intro-phrase{color:var(--green);font-size:30px;font-weight:800}.intro-ru{margin-top:4px;font-size:19px}.intro-note{color:var(--muted);margin-top:8px;font-size:15px}.examples{flex-direction:column;gap:10px;margin-top:14px;display:flex}.example-ru{color:var(--muted);font-size:15px}.example-sm{font-size:15px}.write-phrases{flex-direction:column;gap:8px;display:flex}.chip{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:8px 12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip-sm{border-radius:999px;padding:2px 10px;font-size:13px}.warn{background:var(--red-soft);border-radius:14px;padding:12px;font-size:15px}.warn-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.warn-actions .btn{padding:8px 12px;font-size:14px}.action-bar{background:var(--bg);border-top:2px solid var(--border);padding:14px 16px calc(14px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.action-bar .btn{max-width:568px;margin:0 auto;display:block}.feedback{z-index:10;padding:16px 16px calc(16px + env(safe-area-inset-bottom));animation:.18s ease-out slide;position:fixed;bottom:0;left:0;right:0}@keyframes slide{0%{transform:translateY(100%)}}.feedback-ok{background:var(--green-soft)}.feedback-bad{background:var(--red-soft)}.feedback-inner{flex-direction:column;gap:6px;max-width:568px;margin:0 auto;display:flex}.feedback-title{font-size:22px;font-weight:800}.feedback-ok .feedback-title{color:var(--green-dark)}.feedback-bad .feedback-title{color:var(--red)}.feedback-line{font-size:16px}.feedback-ex{color:var(--muted);margin-bottom:6px;font-size:15px}@media (prefers-color-scheme:dark){.feedback-ok .feedback-title{color:var(--green)}}.summary{text-align:center;align-items:center;padding-top:48px}.summary-emoji{font-size:64px}.summary-stats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stat{border:2px solid var(--border);border-radius:14px;flex-direction:column;min-width:96px;padding:10px 16px;display:flex}.stat b{color:var(--green);font-size:24px}.stat span{color:var(--muted);font-size:13px}.summary .list{text-align:left;width:100%}.up{color:var(--green)}.down{color:var(--red)}.top-bar{align-items:center;gap:6px;display:flex}.list{flex-direction:column;gap:6px;display:flex}.list-item{border:2px solid var(--border);border-radius:14px;overflow:hidden}.list-row{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.summary .list-row{border:2px solid var(--border);cursor:default;border-radius:14px}.details{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.dots{flex:none;gap:3px;display:inline-flex}.dots i{background:var(--border);border-radius:50%;width:9px;height:9px}.dots i.on{background:var(--green)}.import summary{cursor:pointer;color:var(--blue)}.import[open]{flex-direction:column;gap:10px;display:flex}.sentence-card{border:2px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.sentence-text{font-size:18px}.sentence-foot{justify-content:space-between;align-items:center;font-size:13px;display:flex}.review{border-radius:10px;padding:8px 10px;font-size:15px}.review-ok{background:var(--green-soft)}.review-fix{background:var(--blue-soft)}@media (width<=420px){.cards{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr}}.topic{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 2px;font-size:15px}.small{font-size:13px}.group{flex-direction:column;gap:8px;display:flex}.group .topic{margin-top:6px}.deck-row{text-align:left;cursor:pointer;background:var(--bg);border:2px solid var(--border);border-bottom-width:4px;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.deck-emoji{font-size:28px}.deck-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.deck-title{flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:flex}.pill{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.deck-bar{background:var(--border);border-radius:999px;height:8px;display:flex;overflow:hidden}.deck-bar-known{background:var(--green)}.deck-bar-learning{background:color-mix(in srgb, var(--green) 40%, var(--border))}@media (prefers-color-scheme:dark){.pill{color:var(--green)}}.locked{opacity:.6}.pill-wait{background:var(--blue-soft);color:var(--blue-dark)}.ru-text{white-space:pre-line;font-size:18px;line-height:1.5}.diff{margin-top:8px;font-size:17px;line-height:1.6}.diff-add{background:var(--green-soft);color:var(--green-dark);border-radius:4px;padding:0 2px;font-weight:600}.diff-del{color:var(--red);opacity:.8;text-decoration:line-through}@media (prefers-color-scheme:dark){.diff-add{color:var(--green)}.pill-wait{color:var(--blue)}}.login{justify-content:center;min-height:100dvh}.login-title{color:var(--green);text-align:center;letter-spacing:-.02em;font-size:40px}.login-card{border:2px solid var(--border);border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex}.login-switch{align-self:center}.account{align-items:center;gap:4px;display:flex}.word-off .list-row b{text-decoration:line-through}.word-actions{flex-wrap:wrap;gap:4px 16px;display:flex}.link-btn.danger{color:var(--red)}.add-form{border:2px solid var(--green);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.add-form-head{justify-content:space-between;align-items:center;display:flex}.add-form .text-input{font-size:17px}.skip-btn{align-self:center}.list-row-wrap{align-items:stretch;display:flex}.list-row-wrap .list-row{flex:1;min-width:0}.row-toggle{border:none;border-left:2px solid var(--border);width:44px;color:var(--muted);cursor:pointer;background:0 0;flex:none;font-size:16px}.row-toggle:hover{color:var(--red)}.word-off .list-row{opacity:.45}.word-off .row-toggle{color:var(--green)}