:root{--bg: #f6f7fb;--surface: #ffffff;--text: #12141c;--muted: #6b7280;--border: #e4e6ef;--primary: #4f46e5;--primary-ink: #ffffff;--success: #12855f;--success-ink: #ffffff;--warn: #b4530a;--warn-ink: #ffffff;--danger: #c0392b;--radius: 14px;--shadow: 0 1px 2px rgba(18, 20, 28, .06), 0 8px 24px rgba(18, 20, 28, .06);color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1016;--surface: #171a23;--text: #eef0f6;--muted: #9aa1b1;--border: #262a36;--primary: #a5a0ff;--primary-ink: #14121f;--success: #4fd7a2;--success-ink: #05231a;--warn: #f0a95f;--warn-ink: #2a1704;--danger: #ff8a80;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 28px rgba(0, 0, 0, .35)}}:root[data-theme=dark]{--bg: #0e1016;--surface: #171a23;--text: #eef0f6;--muted: #9aa1b1;--border: #262a36;--primary: #a5a0ff;--primary-ink: #14121f;--success: #4fd7a2;--success-ink: #05231a;--warn: #f0a95f;--warn-ink: #2a1704;--danger: #ff8a80;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 28px rgba(0, 0, 0, .35);color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1{font-size:1.6rem;margin:0 0 .25rem}a{color:inherit;text-decoration:none}.muted{color:var(--muted);font-size:.9rem}.hint{color:var(--muted);font-size:.85rem;margin-top:.75rem}.header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header__inner{max-width:960px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700}.brand__mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--primary);color:var(--primary-ink);font-size:.85rem}.header__controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.select{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.25rem .6rem}.select select{border:0;background:transparent;color:inherit;font:inherit;min-height:36px;max-width:8.5rem}.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.lang-switch__btn{border:0;background:var(--surface);color:var(--muted);font:inherit;font-size:.85rem;font-weight:600;min-height:44px;min-width:44px;padding:.35rem .7rem;cursor:pointer}.lang-switch__btn.is-active{background:var(--primary);color:var(--primary-ink)}.nav{display:inline-flex;align-items:center;gap:.35rem}.nav__link{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.9rem;min-height:44px;min-width:44px;padding:.4rem .7rem;border-radius:9px;cursor:pointer}.nav__link--primary{background:var(--primary);color:var(--primary-ink);font-weight:600}.page{max-width:960px;margin:0 auto;padding:1.25rem 1rem 4rem}.page--narrow{max-width:620px}.page__head{margin-bottom:1.25rem}.back{color:var(--muted);font-size:.9rem;display:inline-block;margin-bottom:.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.level{margin-bottom:1.75rem}.level__head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.6rem}.level__code{font-size:1.15rem;font-weight:700}.level__name{color:var(--muted);font-size:.9rem}.parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.part__title{font-weight:600;margin-bottom:.2rem}.part__meta{color:var(--muted);font-size:.85rem;margin-bottom:.5rem}.part--done{border-color:color-mix(in srgb,var(--success) 45%,var(--border))}.part__actions{display:flex;gap:.5rem;margin-top:.75rem}.progress{height:6px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);overflow:hidden}.progress__fill{height:100%;background:var(--primary);transition:width .25s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit;font-weight:600;font-size:.92rem;min-height:44px;padding:.55rem .9rem;border-radius:10px;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn--success{background:var(--success);border-color:var(--success);color:var(--success-ink)}.btn--warn{background:var(--warn);border-color:var(--warn);color:var(--warn-ink)}.btn--ghost{background:transparent}.btn--block{width:100%}.btn--round{border-radius:999px;background:var(--primary);border-color:var(--primary);color:var(--primary-ink);padding:.55rem 1.1rem}.modes{margin-bottom:1.25rem}.modes__title{font-size:1rem;margin:0 0 .5rem}.modes__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.mode{display:flex;flex-direction:column;gap:.3rem}.mode__name{font-weight:600}.mode__hint{color:var(--muted);font-size:.85rem}.toolbar{display:flex;justify-content:flex-end;margin-bottom:.5rem}.toolbar--split{justify-content:space-between;gap:.5rem;margin-bottom:1rem}.search{flex:1;min-width:0;font:inherit;padding:.6rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:inherit}.import-area{width:100%;font:inherit;font-size:.95rem;padding:.6rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:inherit;resize:vertical;margin:.5rem 0}.custom-batch{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-top:.5rem}.custom-batch .field{min-width:8rem}.rule{border:0;border-top:1px solid var(--border);margin:.25rem 0;width:100%}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.stat-tile{text-align:center}.stat-tile__value{font-size:1.8rem;font-weight:700;line-height:1.1}.stat-tile__label{color:var(--muted);font-size:.85rem}.stat-section{margin-bottom:1rem}.chart{display:flex;align-items:flex-end;gap:2px;height:120px;margin-top:.5rem}.chart__col{flex:1;height:100%;display:flex;align-items:flex-end}.chart__bar{width:100%;min-height:2px;border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--primary) 45%,transparent)}.chart__bar.is-goal{background:var(--primary)}.chart__axis{display:flex;justify-content:space-between;font-size:.75rem;margin-top:.25rem}.badges{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:.5rem 0 0}.badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:999px;padding:.3rem .7rem;font-size:.85rem}.board{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.25rem}.board__row{display:grid;grid-template-columns:2rem 1fr auto;gap:.5rem;align-items:center;padding:.4rem .5rem;border-radius:8px}.board__row.is-me{background:color-mix(in srgb,var(--primary) 12%,transparent);font-weight:600}.board__rank{color:var(--muted)}.board__points{font-variant-numeric:tabular-nums}.ring{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;flex:none}.ring__inner{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface);color:var(--text);font-size:.7rem;font-weight:700}.celebrate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.celebrate__card{max-width:22rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.celebrate__icon{font-size:3rem;line-height:1}.pill{align-self:center;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--border));border-radius:999px;padding:.1rem .6rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--primary)}.word__mnemonic{color:var(--muted);font-size:.9rem;font-style:italic}.word__pos{color:var(--muted);font-size:.8rem;font-weight:400}.word__example{border-top:1px solid var(--border);padding-top:.6rem;margin-top:.2rem;font-size:.95rem}.pager{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem}.island__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.star{border:0;background:transparent;color:var(--muted);font-size:1.15rem;line-height:1;cursor:pointer;padding:.15rem .25rem}.star.is-on{color:#e0a300}.nav__link.active{color:var(--text);font-weight:600}.sentences{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;counter-reset:item}.sentence{display:flex;align-items:flex-start;gap:.65rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.6rem .75rem}.sentence__body{flex:1;min-width:0}.sentence__text{font-weight:500}.sentence__translation{color:var(--muted);font-size:.9rem}.play{border:1px solid var(--border);background:transparent;color:var(--primary);border-radius:999px;width:44px;height:44px;flex:none;cursor:pointer;font-size:.8rem}.play.is-playing{background:var(--primary);color:var(--primary-ink)}.status{font-size:.72rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.1rem .5rem;flex:none}.status--known{color:var(--success);border-color:color-mix(in srgb,var(--success) 45%,var(--border))}.status--learning{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--border))}.practice__head{margin-bottom:.75rem}.practice__mode{font-weight:600}.practice__counter{color:var(--muted);font-size:.85rem;margin-bottom:.35rem}.practice__card{min-height:210px;display:flex;flex-direction:column;gap:.6rem;align-items:center;justify-content:center;text-align:center;padding:1.5rem 1rem}.practice__prompt{font-size:1.15rem;color:var(--muted)}.practice__prompt--ear{font-size:2.5rem}.practice__text{font-size:1.45rem;font-weight:600;line-height:1.35}.practice__translation{color:var(--muted)}.practice__topic{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.practice__audio{display:flex;gap:.5rem;margin-top:.35rem}.practice__actions{display:flex;gap:.5rem;margin-top:.9rem}.practice__actions .btn{flex:1}.practice__actions--grades{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.practice__actions--grades .btn{padding:.55rem .4rem;font-size:.85rem}.review-cta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem;border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.review-cta__count{font-size:1.6rem;font-weight:700;line-height:1}.review-cta__label{color:var(--muted);font-size:.9rem}.form{display:flex;flex-direction:column;gap:.85rem}.form__title{margin:0}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.field--row{flex-direction:row;align-items:center;gap:.5rem}.field input[type=email],.field input[type=password],.field input[type=number],.field select{font:inherit;padding:.6rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:inherit}.field small{color:var(--muted)}.form__error{color:var(--danger);font-size:.9rem;margin:0}.form__ok{color:var(--success);font-size:.9rem;margin:0}.form__switch{font-size:.9rem;margin:0}.form__switch a{color:var(--primary);font-weight:600}.done{text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.done__stats{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0;color:var(--muted);font-size:.9rem}.done__stats b{display:block;font-size:1.6rem;color:var(--text)}.done__actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.spinner{display:flex;align-items:center;gap:.6rem;color:var(--muted);padding:2rem 0}.spinner__dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{display:flex;align-items:center;gap:.75rem;border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--surface));border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem}.banner{max-width:960px;margin:.75rem auto 0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid color-mix(in srgb,var(--warn) 45%,var(--border));background:color-mix(in srgb,var(--warn) 10%,var(--surface));border-radius:12px;padding:.6rem 1rem;font-size:.9rem}:where(a,button,select,input,[role=button]):focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}@media(max-width:480px){.practice__actions{flex-wrap:wrap}.header__inner{gap:.5rem}.brand__name{display:none}}.bell{position:relative}.bell__count{position:absolute;top:-2px;right:-4px;min-width:1.1rem;padding:0 .25rem;border-radius:999px;background:var(--danger, #d33);color:#fff;font-size:.7rem;line-height:1.1rem;text-align:center}.bell__panel{position:absolute;top:2.4rem;right:0;z-index:20;width:min(22rem,90vw);max-height:70vh;overflow-y:auto;padding:.75rem;text-align:left}.bell__list{display:grid;gap:.75rem;margin:.5rem 0 0;padding:0;list-style:none}.bell__item{padding-left:.6rem;border-left:3px solid transparent}.bell__item.is-unread{border-left-color:var(--primary)}.bell__title{font-weight:600}.onboarding__steps{display:grid;gap:.75rem;margin:.5rem 0 1rem;padding-left:1.2rem}.onboarding__steps li{display:grid;gap:.15rem}.sentence--edit .sentence__body{display:grid;gap:.35rem;width:100%}.sentence__order{display:flex;flex-direction:column;gap:.25rem}.job{margin-top:.75rem}.check{display:flex;gap:.5rem;align-items:flex-start;margin:.5rem 0}.pill{padding:.1rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 15%,transparent);font-size:.75rem}.practice__input{flex:1 1 12rem}.answer{margin:.75rem 0;padding:.6rem .75rem;border-radius:10px;background:color-mix(in srgb,var(--primary) 8%,transparent)}.answer--ok{background:color-mix(in srgb,var(--success, #2a2) 12%,transparent)}.answer--off{background:color-mix(in srgb,var(--danger, #d33) 10%,transparent)}.answer__verdict{font-weight:600;margin-bottom:.35rem}.answer__tokens{display:flex;flex-wrap:wrap;gap:.3rem;margin:0 0 .35rem}.answer__word--ok{color:var(--success, #2a2)}.answer__word--wrong,.answer__word--missing{color:var(--danger, #d33);text-decoration:underline dotted}.offline-badge{padding:.1rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);font-size:.8rem;white-space:nowrap}.form__or{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--muted, #888);font-size:.85rem}.form__or:before,.form__or:after{content:"";flex:1;height:1px;background:color-mix(in srgb,currentColor 30%,transparent)}.tg-login{display:grid;gap:.5rem;justify-items:center}