:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f1115;--surface:#1a1d24;--surface-2:#22262f;--text:#f2f4f8;--muted:#a7b0c0;--accent:#5b8cff;--accent-2:#3d6fe6;--ok:#3dd68c;--bad:#ff6b6b;--border:#2e3440;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#eef1f7;--text:#12151c;--muted:#5c6575;--border:#dde2ec}}*{box-sizing:border-box}html{height:100svh;overflow:hidden}body{background:var(--bg);height:100svh;color:var(--text);margin:0;overflow:hidden}#root{height:100svh;overflow:hidden}.screen{overflow-anchor:none;flex-direction:column;gap:12px;max-width:480px;height:100svh;margin:0 auto;padding:12px 14px 24px;display:flex;overflow-y:auto}.header{padding:8px 0 4px}.title{letter-spacing:-.02em;margin:0;font-size:1.35rem}.subtitle{color:var(--muted);margin:6px 0 0;font-size:.95rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.field-label{color:var(--muted);font-size:.85rem}.field-label.spaced{margin-top:8px}.select-like{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-weight:600}.radio-group{flex-direction:column;gap:8px;display:flex}.radio-row{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.radio-row input{accent-color:var(--accent)}.topbar{align-items:center;gap:8px;padding:4px 0 8px;display:flex}.topbar-title{text-align:center;flex:1;font-size:.95rem;font-weight:600}.topbar-spacer{width:40px}.list{flex-direction:column;flex:1;gap:10px;display:flex}.topic-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.topic-meta{font-weight:600}.topic-desc{color:var(--muted);margin:4px 0 0;font-size:.9rem}.topic-count{color:var(--muted);margin-top:6px;font-size:.85rem}.footer-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;margin-top:auto;padding:14px;display:flex}.session-line{color:var(--muted);font-size:.95rem}.dashboard-hero{gap:14px}.dashboard-subtitle{color:var(--muted);margin:0 0 6px;font-size:.9rem}.dashboard-title{letter-spacing:-.04em;margin:0;font-size:2rem;line-height:1.1}.dashboard-progressbar{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;width:100%;height:10px;overflow:hidden}.dashboard-progressbar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--ok));height:100%;display:block}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dashboard-stat-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;justify-content:space-between;gap:8px;min-height:112px;padding:14px;display:flex}.dashboard-stat-label,.dashboard-stat-hint{color:var(--muted);font-size:.82rem}.dashboard-stat-value{letter-spacing:-.04em;font-size:1.9rem;line-height:1}.dashboard-stat-line{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-stat-line strong{color:var(--text)}.text-game-card{align-items:stretch}.text-game-header{gap:6px}.text-game-meta,.text-game-progress,.text-game-translation{color:var(--muted);font-size:.88rem}.text-game-lines{flex-direction:column;gap:12px;display:flex}.text-game-line{gap:12px}.text-game-sentence{font-size:1.08rem;line-height:2.1}.text-game-gap{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;justify-content:center;align-items:center;min-width:96px;margin:0 4px;padding:2px 10px;font-weight:700;display:inline-flex}.text-game-gap.ok{border-color:color-mix(in srgb, var(--ok) 45%, var(--border));background:color-mix(in srgb, var(--ok) 12%, var(--surface-2))}.text-game-gap.bad{border-color:color-mix(in srgb, var(--bad) 45%, var(--border));background:color-mix(in srgb, var(--bad) 10%, var(--surface-2))}.text-game-options{flex-wrap:wrap;gap:8px;display:flex}.text-game-option{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;padding:8px 12px;font-weight:600}.text-game-option.active{border-color:var(--accent);color:var(--accent)}.btn-row{flex-direction:column;gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-size:.95rem;font-weight:600}.btn.full{width:100%}.btn.primary{background:linear-gradient(180deg, var(--accent), var(--accent-2));color:#fff}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn.ghost{color:var(--text);background:0 0;width:40px}.topbar .btn.ghost,.drawer-header .btn.ghost{width:44px;font-size:1.35rem;line-height:1}.exercise-card .prompt{color:var(--muted);margin:0;font-size:.9rem}.sentence{white-space:nowrap;scrollbar-width:none;font-size:1.15rem;font-weight:600;line-height:1.45;overflow:auto hidden}.sentence::-webkit-scrollbar{display:none}.blank{border-bottom:2px dashed var(--muted);min-width:4.5ch;color:var(--muted);letter-spacing:.08em;margin:0 4px;padding:0 4px 2px;display:inline-block}.blank-slot{vertical-align:baseline;height:1.7em;margin:0 2px;display:inline-block;position:relative}.blank-slot-sizer{visibility:hidden;white-space:pre;letter-spacing:.04em;box-sizing:border-box;min-width:2.5em;padding:0 4px 2px;font-weight:600;line-height:1.45;display:inline-block}.blank-input{width:100%;height:100%;font:inherit;border:0;border-bottom:2px dashed var(--muted);color:var(--text);text-align:left;letter-spacing:.04em;box-sizing:border-box;appearance:none;background:0 0;border-radius:0;outline:none;margin:0;padding:0 4px 2px;font-weight:600;line-height:1.45;position:absolute;inset:0}.blank-input:focus{border-bottom-color:var(--accent);border-bottom-style:solid}.blank-input:disabled{opacity:.7}.hints{flex-direction:column;gap:6px;font-size:.92rem;display:flex}.hint-label{color:var(--muted);margin-right:6px}.input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-size:1rem}.feedback{flex-direction:column;gap:10px;display:flex}.feedback-ok{color:var(--ok);font-size:1.1rem;font-weight:700}.feedback-bad{color:var(--bad);font-size:1.1rem;font-weight:700}.expected{margin:0}.note{color:var(--muted);margin:0;font-size:.9rem}.muted{color:var(--muted);font-size:.95rem}.section-title{margin:0;font-size:1rem}.section-title.spaced{margin-top:8px}.stats{color:var(--muted);margin:0;padding-left:18px;line-height:1.5}code{background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.85em}.muted.small{margin:0;font-size:.85rem}.drawer-overlay{opacity:0;pointer-events:none;z-index:30;background:#00000073;transition:opacity .18s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{background:var(--surface);border-right:1px solid var(--border);z-index:40;flex-direction:column;gap:14px;width:min(86vw,340px);padding:14px 14px 24px;transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.drawer-title{margin:0;font-size:1.05rem}.drawer-section{flex-direction:column;gap:8px;display:flex}.drawer-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.drawer-item{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;text-align:left;font:inherit;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.drawer-item:hover,.drawer-item:focus-visible{background:var(--surface)}.drawer-item-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.drawer-item-title{font-size:.95rem;font-weight:600}.drawer-item-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.drawer-item-chevron{color:var(--muted);font-size:1.4rem;line-height:1}.modal-overlay{z-index:60;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:380px;max-height:calc(100dvh - 32px);padding:16px;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.modal-title{margin:0;font-size:1.05rem}.lang-options{flex-direction:column;gap:8px;display:flex}.lang-option{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:background .12s,border-color .12s;display:flex}.lang-option:hover,.lang-option:focus-visible{background:var(--surface)}.lang-option.selected{border-color:var(--accent,#4f7cff);background:color-mix(in srgb, var(--accent,#4f7cff) 14%, var(--surface-2))}.lang-option-flag{align-items:center;display:inline-flex}.lang-option-flag svg,.lang-chip svg{border-radius:2px;box-shadow:0 0 0 1px #00000014}.lang-option-name{flex:1;font-size:.95rem;font-weight:500}.lang-option-check{color:var(--accent,#4f7cff);font-weight:700}.lang-chip{align-items:center;gap:6px;display:inline-flex}.drawer-item-sub{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.drawer-item-arrow{opacity:.6}.drawer-item.placeholder{opacity:.7;cursor:default}.contextual-progress{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.contextual-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.contextual-badge{background:color-mix(in srgb, var(--accent) 20%, var(--surface-2));color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.contextual-badge.progress{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.contextual-badge.status-new{background:color-mix(in srgb, var(--accent) 15%, var(--surface-2));color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.contextual-badge.status-learning{background:color-mix(in srgb, #f59e0b 15%, var(--surface-2));color:#92400e;border-color:color-mix(in srgb, #f59e0b 40%, var(--border))}.contextual-badge.status-learned{background:color-mix(in srgb, var(--ok) 15%, var(--surface-2));color:color-mix(in srgb, var(--ok) 80%, #000);border-color:color-mix(in srgb, var(--ok) 35%, var(--border))}.contextual-reviews{color:var(--muted);font-size:.78rem}.hint-slot{flex-direction:column;display:flex}.hint-slot-hidden{visibility:hidden}.hint-toggle{width:auto;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;padding:2px 0;font-size:.82rem;font-weight:500;transition:color .12s;display:inline-flex}.hint-toggle:hover,.hint-toggle:focus-visible{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.hint-card{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface-2));border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.hint-card-content{flex-direction:column;flex:1;gap:2px;display:flex}.hint-label{text-transform:uppercase;letter-spacing:.07em;color:var(--accent);opacity:.75;font-size:.68rem;font-weight:700}.hint-body{align-items:baseline;gap:8px;font-size:1.05rem;display:flex}.hint-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:1.1rem;line-height:1}.hint-close:hover{background:var(--surface-2)}.new-word-card{border:1px dashed color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface-2));border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.new-word-title{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.75rem;font-weight:700}.new-word-body{align-items:baseline;gap:8px;font-size:1.05rem;display:inline-flex}.meaning-block{flex-direction:column;gap:2px;margin-top:2px;display:flex}.meaning-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);opacity:.7;font-size:.7rem;font-weight:600}.meaning-text{color:var(--text);font-size:1rem;line-height:1.4}.blank.ok{color:var(--ok);border-bottom-color:var(--ok);border-bottom-style:solid}.blank.bad{color:var(--bad);border-bottom-color:var(--bad);border-bottom-style:solid}.diff-hint{color:var(--muted);margin:.25rem 0 0;font-size:.95rem}.answer-diff{letter-spacing:.04em;font-weight:600}.diff-ok{color:var(--text)}.diff-missing{color:var(--bad);text-decoration:underline}.diff-extra{color:var(--bad);opacity:.7;text-decoration:line-through}.diff-replaced{color:var(--bad)}