.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius);font-family:inherit;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.button:disabled{opacity:.5;cursor:not-allowed}.button_size_m{padding:10px 18px;font-size:15px}.button_size_l{padding:14px 24px;font-size:17px}.button_variant_primary{background:var(--color-primary);color:#fff}.button_variant_primary:not(:disabled):hover{background:var(--color-primary-dark)}.button_variant_ghost{background:transparent;color:var(--color-primary)}.button_variant_ghost:not(:disabled):hover{background:#4f46e514}.text-field{width:100%;padding:12px 16px;font-family:inherit;font-size:16px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);outline:none;transition:border-color .15s ease}.text-field:focus{border-color:var(--color-primary)}.text-field_invalid{border-color:var(--color-error)}.page-login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.page-login__card{display:flex;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:32px;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow)}.page-login__title{margin:0;font-size:28px;color:var(--color-primary)}.page-login__subtitle{margin:0;color:var(--color-muted)}.page-login__error{margin:0;color:var(--color-error);font-size:14px}.spinner{display:inline-flex;align-items:center;gap:10px;color:var(--color-muted)}.spinner__circle{width:22px;height:22px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spinner-spin .7s linear infinite}.spinner__label{font-size:15px}@keyframes spinner-spin{to{transform:rotate(360deg)}}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.pagination__button{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;color:var(--color-text);cursor:pointer}.pagination__button:disabled{opacity:.4;cursor:not-allowed}.pagination__button_active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination__gap{color:var(--color-muted);padding:0 4px}.sort-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.sort-control__label{font-size:13px;color:var(--color-muted)}.sort-control__option{border:1px solid var(--color-border);background:var(--color-surface);padding:6px 12px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:600;color:var(--color-muted);cursor:pointer}.sort-control__option_active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.stat-row{display:flex;gap:14px;padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.stat-row__image{flex-shrink:0;width:84px;height:84px;object-fit:cover;border-radius:10px;background:var(--color-bg)}.stat-row__info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.stat-row__head{display:flex;align-items:baseline;gap:8px}.stat-row__word{font-size:17px;font-weight:700}.stat-row__pos{font-size:12px;color:var(--color-muted)}.stat-row__translation{color:var(--color-text)}.stat-row__tags{font-size:12px;color:var(--color-primary)}.stat-row__examples{display:flex;flex-direction:column;gap:2px;margin:4px 0 0;padding:0;list-style:none}.stat-row__example{display:flex;flex-direction:column;font-size:13px}.stat-row__example-de{color:var(--color-text)}.stat-row__example-ru{color:var(--color-muted)}.stat-row__stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.stat-row__stat{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--color-bg);color:var(--color-muted)}.stat-row__stat_kind_correct{background:#16a34a1f;color:var(--color-success)}.stat-row__stat_kind_error{background:#dc26261a;color:var(--color-error)}.page-stats{display:flex;flex-direction:column;gap:16px;width:100%;max-width:620px}.page-stats__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}.page-stats__title{margin:0;font-size:22px}.page-stats__count{color:var(--color-muted);font-size:14px}.page-stats__message{color:var(--color-muted);text-align:center}.page-stats__list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.answer-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-choices__option{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-family:inherit;font-size:16px;font-weight:600;color:var(--color-text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.answer-choices__option:hover{border-color:var(--color-primary);background:#4f46e50d}.answer-input{display:flex;flex-direction:column;gap:12px}.answer-input__actions{display:flex;gap:12px}.answer-input__submit{flex:1}.card-result{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--radius);border:1px solid var(--color-border)}.card-result_correct{border-color:var(--color-success);background:#16a34a0f}.card-result__status{font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-error)}.card-result_correct .card-result__status{color:var(--color-success)}.card-result__word{font-size:24px;font-weight:700}.card-result__translation{color:var(--color-muted)}.card-result__example{display:flex;flex-direction:column;gap:2px;margin:8px 0 0;padding-top:8px;border-top:1px dashed var(--color-border)}.card-result__example-de{font-weight:600}.card-result__example-ru{color:var(--color-muted);font-size:14px}.flashcard{display:flex;flex-direction:column;gap:20px;width:100%;max-width:440px;padding:24px;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow)}.flashcard__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius);background:var(--color-bg)}.flashcard__hint{margin:-12px 0 0;text-align:center}.flashcard__pos{color:var(--color-muted);font-size:14px}.flashcard__translation{font-size:16px;font-weight:600;color:var(--color-text)}.flashcard__result{display:flex;flex-direction:column;gap:16px}.mode-toggle{display:inline-flex;padding:4px;gap:4px;background:var(--color-border);border-radius:var(--radius)}.mode-toggle__option{border:none;background:transparent;padding:6px 16px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;color:var(--color-muted);cursor:pointer}.mode-toggle__option_active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow)}.tag-filter{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.tag-filter__toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);background:var(--color-surface);padding:6px 14px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:600;color:var(--color-muted);cursor:pointer}.tag-filter__chevron{font-size:10px;transition:transform .15s ease}.tag-filter__chevron_open{transform:rotate(180deg)}.tag-filter__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-height:132px;overflow-y:auto}.tag-filter__chip{border:1px solid var(--color-border);background:var(--color-surface);padding:6px 12px;border-radius:999px;font-family:inherit;font-size:13px;color:var(--color-muted);cursor:pointer}.tag-filter__chip_active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.page-train{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:480px}.page-train__controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.page-train__message{color:var(--color-muted);text-align:center}.app-layout{min-height:100%;display:flex;flex-direction:column}.app-layout__header{display:flex;align-items:center;gap:20px;padding:14px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-layout__brand{font-weight:700;font-size:18px;color:var(--color-primary)}.app-layout__nav{display:flex;gap:8px}.app-layout__link{padding:8px 14px;border-radius:var(--radius);text-decoration:none;color:var(--color-muted);font-weight:600}.app-layout__link_active{background:#4f46e51a;color:var(--color-primary)}.app-layout__user{margin-left:auto;font-weight:600}.app-layout__content{flex:1;display:flex;justify-content:center;padding:32px 24px}:root{--color-bg: #f4f6fb;--color-surface: #ffffff;--color-text: #1c2333;--color-muted: #6b7280;--color-primary: #4f46e5;--color-primary-dark: #4338ca;--color-success: #16a34a;--color-error: #dc2626;--color-border: #e3e6ee;--radius: 12px;--shadow: 0 8px 24px rgba(28, 35, 51, .08);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg)}