.app{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden}.main{padding:32px 40px;overflow-y:auto;min-height:0}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;height:100vh;overflow:hidden}.sidebar-topics{display:flex;flex-direction:column;gap:4px}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.theme-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.theme-toggle:hover{color:var(--text);background:var(--panel-2);border-color:var(--accent)}.theme-icon{font-size:14px;line-height:1}.sidebar h1{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:4px 8px 12px}.sidebar .topic{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:1px solid transparent;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.3}.sidebar .topic:hover{background:var(--panel-2)}.sidebar .topic.active{background:var(--panel-2);border-color:var(--border);color:var(--accent)}.sidebar .topic .lang{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.practice header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.practice h2{margin:0 0 4px;font-size:22px}.practice .subtitle{color:var(--muted);font-size:14px}.difficulty{display:flex;gap:6px;background:var(--panel);padding:4px;border:1px solid var(--border);border-radius:10px}.difficulty button{background:transparent;border:none;color:var(--muted);padding:6px 12px;border-radius:6px;font-weight:600;font-size:13px}.difficulty button:hover{color:var(--text)}.difficulty button.active{background:var(--accent-2);color:#fff}.practice-bar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.practice-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.practice-list{display:flex;flex-wrap:wrap;gap:6px}.practice-chip{background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:6px;width:32px;height:32px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.practice-chip:hover{color:var(--text);border-color:var(--accent)}.practice-chip.completed{background:#2563eb24;color:var(--accent-2);border-color:#2563eb4d}.practice-chip.completed:hover{background:#2563eb38;color:var(--accent-2)}.practice-chip.active,.practice-chip.completed.active{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.exercises{display:flex;flex-direction:column;gap:12px;max-width:880px}.progress-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;max-width:880px}.progress{flex:1;height:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-2);transition:width .25s ease}.progress-count{font-size:13px;font-weight:600;color:var(--muted);min-width:56px;text-align:right}.exercise.current{max-width:880px}.exercise.complete{max-width:880px;align-items:center}.feedback{display:flex;align-items:center;gap:10px;font-size:15px}.feedback--correct{color:var(--good)}.feedback__icon{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;background:var(--good);color:#fff}.feedback code{background:var(--panel-2);padding:2px 7px;border-radius:4px;font-size:14px;color:var(--text)}.explanation-card{background:color-mix(in oklab,var(--bad) 7%,transparent);border:1px solid color-mix(in oklab,var(--bad) 24%,transparent);border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.explanation-card__header{display:flex;align-items:center;gap:12px}.explanation-card__icon{width:26px;height:26px;flex-shrink:0;background:var(--bad);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.explanation-card__heading{font-weight:600;font-size:15px;color:var(--text);line-height:1.4}.explanation-card__heading code{background:var(--panel);border:1px solid var(--border);padding:2px 7px;border-radius:4px;font-size:14px;color:var(--text);margin:0 1px}.explanation-rules{margin:0;padding:0}.explanation-rule{display:grid;grid-template-columns:100px 1fr;column-gap:16px;align-items:baseline;padding:10px 0;border-top:1px dashed color-mix(in oklab,var(--border) 100%,transparent)}.explanation-rule:first-child{border-top:none;padding-top:2px}.explanation-rule__label{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--bad)}.explanation-rule__detail{margin:0;color:var(--text);font-size:14px;line-height:1.55}.explanation-rule__detail code{background:var(--panel);border:1px solid var(--border);padding:1px 6px;border-radius:4px;font-size:13px;color:var(--text);margin:0 1px}@media (max-width: 640px){.explanation-rule{grid-template-columns:1fr;row-gap:4px}}.sidebar-section+.sidebar-section{margin-top:14px}.verbs{display:flex;flex-direction:column;gap:18px;max-width:1080px}.verbs__header h2{margin:0 0 4px;font-size:22px}.verbs-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.verbs-search{flex:1;min-width:220px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;outline:none;transition:border-color .15s}.verbs-search:focus{border-color:var(--accent)}.verbs-level-filter{display:flex;flex-wrap:wrap;gap:6px}.verbs-level-chip{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.verbs-level-chip:hover{color:var(--text)}.verbs-level-chip.active{background:color-mix(in oklab,var(--accent) 14%,transparent);color:var(--accent-2);border-color:color-mix(in oklab,var(--accent) 35%,transparent)}.verbs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.verb-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:14px 16px;text-align:left;cursor:pointer;transition:border-color .15s,transform .05s,background .15s}.verb-card:hover{border-color:var(--accent);background:var(--panel-2)}.verb-card:active{transform:scale(.99)}.verb-card__infinitive{font-size:16px;font-weight:600}.verb-card__level{font-size:11px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:999px;border:1px solid currentColor;flex:0 0 auto}.level-A1{color:#16a34a}.level-A2{color:#0ea5e9}.level-B1{color:#6366f1}.level-B2{color:#a855f7}.level-C1{color:#db2777}.level-C2{color:#dc2626}:root[data-theme=dark] .level-A1{color:#4ade80}:root[data-theme=dark] .level-A2{color:#38bdf8}:root[data-theme=dark] .level-B1{color:#818cf8}:root[data-theme=dark] .level-B2{color:#c084fc}:root[data-theme=dark] .level-C1{color:#f472b6}:root[data-theme=dark] .level-C2{color:#f87171}.verb-detail{display:flex;flex-direction:column;gap:24px;max-width:920px}.verb-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.verb-detail__infinitive{margin:0;font-size:32px;letter-spacing:-.01em}.verb-detail__english{margin:4px 0 0;font-size:16px}.verb-detail__facts{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 22px}.verb-detail__facts h3,.verb-detail__table-wrapper h3{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.verb-detail__facts ul{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 16px}.verb-detail__facts li{font-size:14px;color:var(--text)}.verb-detail__facts code,.verb-detail__notes code{background:var(--panel-2);border:1px solid var(--border);padding:1px 6px;border-radius:4px;font-size:13px}.verb-detail__notes{margin-top:8px;border-top:1px dashed var(--border);padding-top:12px;display:flex;flex-direction:column;gap:6px}.verb-detail__notes p{margin:0;font-size:14px;color:var(--muted);line-height:1.55}.verb-detail__examples{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 22px}.verb-detail__examples h3{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.verb-detail__examples ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.verb-detail__examples li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-left:3px solid color-mix(in oklab,var(--accent) 35%,transparent);background:color-mix(in oklab,var(--accent) 5%,transparent);border-radius:4px}.verb-detail__example-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.verb-detail__example-tense{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-2);background:color-mix(in oklab,var(--accent) 12%,transparent);border:1px solid color-mix(in oklab,var(--accent) 25%,transparent);padding:2px 7px;border-radius:999px;line-height:1.4}.verb-detail__example-de{font-size:15px;color:var(--text);line-height:1.45}.verb-detail__example-en{font-size:13px;font-style:italic;line-height:1.4}.verb-detail__table-wrapper{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 22px;overflow-x:auto}.conjugation{width:100%;border-collapse:collapse;font-size:14px}.conjugation th,.conjugation td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border)}.conjugation thead th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;border-bottom:1px solid var(--border)}.conjugation tbody th{font-weight:600;color:var(--muted);width:110px}.conjugation tbody tr:last-child th,.conjugation tbody tr:last-child td{border-bottom:none}.verb-detail__practice{display:flex;justify-content:flex-end}.verb-practice{max-width:1080px}.verb-practice__header{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:18px}.tense-switch{display:flex;gap:6px;background:var(--panel);padding:4px;border:1px solid var(--border);border-radius:10px}.tense-switch button{background:transparent;border:none;color:var(--muted);padding:6px 14px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer}.tense-switch button:hover{color:var(--text)}.tense-switch button.active{background:var(--accent-2);color:#fff}.verb-practice__title h2{margin:0 0 4px;font-size:22px}.feedback--wrong{color:var(--bad)}.feedback__icon--wrong{background:var(--bad)}.link-button{background:transparent;color:var(--muted);border:none;font:inherit;font-size:13px;cursor:pointer;padding:0;align-self:flex-start;margin-bottom:4px}.link-button:hover{color:var(--accent)}.link-button code{background:var(--panel-2);border:1px solid var(--border);padding:1px 5px;border-radius:4px;font-size:12px;color:var(--text)}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted);font-size:14px}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--panel)}.auth-shell__form{display:flex;align-items:center;justify-content:center;padding:48px 32px}.auth-shell__form-inner{width:100%;max-width:380px}.auth-shell__title{margin:0;font-size:32px;font-weight:700;letter-spacing:-.02em}.auth-shell__subtitle{margin:8px 0 0;font-size:15px}.auth-shell__content{margin-top:28px}.auth-shell__switch{margin-top:28px;font-size:14px}.auth-shell__link{background:transparent;border:none;padding:0;font:inherit;color:var(--accent);cursor:pointer}.auth-shell__link:hover{text-decoration:underline}.auth-shell__pitch{position:relative;display:flex;flex-direction:column;justify-content:center;padding:48px;background:var(--panel-2);border-left:1px solid var(--border);overflow:hidden}.auth-shell__pitch-glow{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 0%,rgba(37,99,235,.06),transparent 40%),radial-gradient(circle at 80% 90%,rgba(37,99,235,.05),transparent 40%);pointer-events:none}.auth-shell__pitch-inner{position:relative;max-width:420px}.auth-shell__eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--accent)}.auth-shell__headline{margin-top:14px;font-size:23px;line-height:1.35;font-weight:500;letter-spacing:-.01em;color:var(--text)}.auth-shell__headline em{color:var(--accent);font-style:normal}.auth-shell__pitch-list{margin:32px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}.auth-shell__pitch-list li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text)}.auth-shell__pitch-icon{width:28px;height:28px;border-radius:6px;background:var(--panel);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;flex:0 0 auto}.muted{color:var(--muted)}.auth-field{margin-bottom:16px}.auth-field__label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text)}.auth-field__input{width:100%;padding:10px 13px;font-size:15px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;transition:border-color .15s}.auth-field__input:focus{outline:none;border-color:var(--accent)}.auth-field__hint{font-size:12px;margin:4px 0 0}.auth-error{color:var(--bad);font-size:14px;margin:0 0 12px}.auth-submit{width:100%;padding:12px;font-size:15px;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.auth-submit:hover:not(:disabled){background:var(--accent-2)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-fineprint{font-size:12px;margin-top:14px;line-height:1.5}@media (max-width: 880px){.auth-shell{grid-template-columns:1fr}.auth-shell__pitch{display:none}}.user-menu{position:relative}.user-avatar-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;overflow:hidden;background:var(--panel);color:var(--muted);font-size:13px;font-weight:700;line-height:1;cursor:pointer}.user-avatar-button:hover{background:var(--panel-2);color:var(--text)}.user-avatar-button img{width:100%;height:100%;object-fit:cover}.user-menu__popup{position:absolute;bottom:calc(100% + 8px);left:0;min-width:240px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0f172a1f;overflow:hidden;z-index:60}.user-menu__header{padding:12px 14px;border-bottom:1px solid var(--border)}.user-menu__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.user-menu__name{margin-top:2px;font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__email{margin-top:1px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__item{display:flex;align-items:center;width:100%;padding:10px 14px;font-size:14px;color:var(--text);background:transparent;border:none;text-align:left;cursor:pointer}.user-menu__item:hover{background:var(--panel-2)}.user-menu__item--danger{color:var(--bad)}.user-menu__item--danger:hover{background:#dc262614}.exercise{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.exercise.current{flex-direction:column;align-items:stretch;flex-wrap:nowrap;padding:24px 28px;gap:18px}.exercise .sentence{font-size:16px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.exercise.current .sentence{font-size:17px}.exercise input.gap{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;min-width:220px;font-size:15px;outline:none;transition:border-color .15s}.exercise input.gap:focus{border-color:var(--accent)}.exercise input.gap.wrong{color:var(--bad);border-color:var(--bad)}.exercise input.gap.correct{color:var(--good);border-color:var(--good)}.exercise .hint{color:var(--hint);font-size:14px;font-style:italic}.exercise .actions{margin-left:auto;display:flex;align-items:center;gap:12px}.exercise.current .actions{align-self:flex-end;margin-left:0;margin-top:auto}.exercise .solution{font-size:14px;color:var(--good)}.exercise .solution.bad{color:var(--bad)}.exercise .solution code{background:var(--panel-2);border:1px solid var(--border);padding:2px 6px;border-radius:4px;color:var(--text)}.btn{background:var(--accent-2);border:none;color:#fff;padding:8px 14px;border-radius:8px;font-weight:600;font-size:14px}.btn:hover{background:var(--accent)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn.ghost:hover{color:var(--text);background:var(--panel-2)}.btn__icon{display:inline-block;margin-right:6px;font-size:15px;line-height:1;vertical-align:-1px}.empty{color:var(--muted);padding:24px 0}:root{--bg: #f7f8fa;--panel: #ffffff;--panel-2: #f1f3f5;--border: #e1e4e8;--text: #1a1d23;--muted: #6b7280;--accent: #2563eb;--accent-2: #1d4ed8;--good: #16a34a;--bad: #dc2626;--hint: #7c3aed;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #0f1115;--panel: #161922;--panel-2: #1d2230;--border: #262b3a;--text: #e7e9ee;--muted: #9aa1b2;--accent: #6ea8fe;--accent-2: #4c8bf5;--good: #4ade80;--bad: #f87171;--hint: #c0a8ff;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer}input,select,button{font-family:inherit}