@charset "UTF-8";
:root{font-family:"Segoe UI",Arial,sans-serif;color:#17223b;background:#f3f5fa;font-size:16px;line-height:1.5;--accent:#2943dc;--ink:#17223b;--muted:#5d677d;--line:#dfe4ee;--tint:#edf0ff;--success:#146c48;--error:#a32e39}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e69916;outline-offset:4px}input:focus-visible,select:focus-visible{outline:3px solid #e69916;outline-offset:2px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:white;padding:12px}.skip:focus{top:12px}.site-header{height:100px;max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:700;font-size:18px;line-height:1.25}.brand-mark{display:grid;place-items:center;background:var(--accent);color:white;width:42px;height:46px;border-radius:11px;font-size:30px;letter-spacing:-2px;font-family:Georgia,serif;padding-bottom:5px}.brand-sub{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:4px}.levels{display:flex;gap:8px}.levels a{padding:11px 19px;color:var(--muted);border-radius:8px;text-decoration:none;font-size:15px;font-weight:650}.levels a span{font-size:12px;margin-right:8px;opacity:.7}.levels a[aria-current=page]{background:var(--ink);color:white}.levels a:hover{box-shadow:inset 0 0 0 1px var(--line)}.workspace{max-width:1220px;margin:auto;padding:36px 32px}.heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 30px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.7px;color:var(--accent);margin:0 0 10px}.heading h1{font-size:clamp(30px,3.5vw,42px);font-weight:720;letter-spacing:-1.3px;line-height:1.2;margin:0 0 10px}.muted{color:var(--muted);margin:0}.level-stamp{display:flex;gap:12px;align-items:center;font-size:38px;font-weight:300;letter-spacing:-2px;color:#a6afc2}.level-stamp span{font-size:23px}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:28px;align-items:start}.study{min-width:0}.modes{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px}.modes button{background:none;border:0;border-bottom:3px solid transparent;padding:11px 18px 13px;color:var(--muted);font-size:15px;font-weight:600;margin-bottom:-1px}.modes button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.modes button:hover{background:#e9edf8}.session-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;font-size:14px;color:var(--muted)}.session-controls label{display:flex;align-items:center;gap:9px}.session-controls select{color:var(--ink);background:white;border:1px solid var(--line);padding:7px 29px 7px 11px;border-radius:7px;font-size:14px;max-width:100%}.text-button{border:0;background:transparent;color:var(--accent);padding:8px;font-size:14px;font-weight:600}.exercise-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 5px 22px #17223b04}.card-top{padding:21px 26px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:13px;border-bottom:1px solid #edf0f6}.card-top strong{color:var(--ink);font-weight:600}.tag{font-size:12px;background:var(--tint);color:var(--accent);padding:4px 9px;border-radius:5px}.card-body{padding:28px 30px 30px}.prompt-label{font-size:14px;color:var(--muted);margin:0 0 12px}.verb-title{font-size:clamp(44px,6vw,66px);line-height:1.1;letter-spacing:-2px;margin:0 0 8px;font-weight:680}.translation{color:var(--muted);font-size:19px;margin:0}.question-word{font-size:clamp(25px,3.3vw,34px);line-height:1.3;font-weight:650;margin:0 0 10px;letter-spacing:-.6px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.form-tile{padding:17px 13px;background:#f6f7fc;border:1px solid #e9edf5;border-radius:9px;min-width:0}.form-label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.form-value{font-size:clamp(19px,2.4vw,26px);font-weight:600;color:var(--accent);line-height:1.25;overflow-wrap:anywhere}.form-mask{color:#afb6c9;font-size:24px;letter-spacing:4px}.example{margin:22px 0 0;padding-left:14px;border-left:3px solid var(--accent)}.example p{margin:0 0 3px;font-size:16px}.example .muted{font-size:14px}.verb-note{font-size:14px;margin:16px 0 0;color:var(--muted)}.card-bottom{padding:20px 26px;background:#fafbfe;border-top:1px solid #edf0f6}.primary,.secondary{border-radius:8px;padding:12px 20px;font-size:15px;font-weight:600;border:1px solid transparent;line-height:1.4;min-height:47px}.primary{background:var(--accent);color:white}.primary:hover{filter:brightness(.92)}.secondary{background:white;border-color:var(--line);color:var(--ink)}.secondary:hover{background:#edf0f8}.wide{width:100%}.action-row{display:flex;gap:12px;align-items:center}.action-row>*{flex:1}.keyboard-tip{text-align:center;font-size:13px;color:var(--muted);margin:14px 0 0}kbd{font:inherit;border:1px solid var(--line);border-radius:4px;background:white;padding:1px 5px}.card-navigation{display:flex;justify-content:space-between;align-items:center;margin:15px 0;gap:10px}.card-navigation button{background:transparent;border:1px solid var(--line);padding:8px 14px;border-radius:7px;color:var(--ink);font-size:14px}.card-navigation span{font-size:13px;color:var(--muted)}.progress-card{background:var(--ink);color:white;border-radius:14px;padding:25px}.progress-card .eyebrow{color:#b6c1ff}.progress-number{display:flex;align-items:baseline;gap:8px;margin-top:18px}.progress-number strong{font-size:49px;line-height:1.15;font-weight:500;letter-spacing:-1.5px}.progress-number span{font-size:19px;color:#b5c0d5}.progress-card .muted{color:#d0d7e6;font-size:14px;margin-top:5px}progress{display:block;appearance:none;width:100%;height:6px;border:none;border-radius:8px;overflow:hidden;background:#394359;margin:20px 0 12px}progress::-webkit-progress-bar{background:#394359}progress::-webkit-progress-value{background:#99adff;border-radius:8px}progress::-moz-progress-bar{background:#99adff}.progress-help{font-size:13px;line-height:1.55;color:#b5c0d5;margin:0}.session-stat{border-top:1px solid #394359;display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-top:20px;padding-top:17px}.session-stat strong{white-space:nowrap}.storage-note{font-size:12px;color:#b5c0d5;margin:15px 0 0}.how-to{padding:25px 3px 15px}.how-to h2{font-size:16px;margin:0 0 20px}.how-to ol{list-style:none;margin:0;padding:0;display:grid;gap:18px}.how-to li{display:flex;gap:12px}.how-to li>span{font-size:12px;color:var(--accent);border:1px solid #d7def6;border-radius:5px;width:29px;height:27px;display:grid;place-items:center;flex-shrink:0}.how-to strong{font-size:14px;font-weight:650}.how-to p{font-size:13px;color:var(--muted);margin:4px 0 0;line-height:1.55}.how-to>p{margin-top:18px}.next-level{border-top:1px solid var(--line);padding:21px 3px 0;text-decoration:none;display:block}.next-level>span{font-size:11px;font-weight:600;letter-spacing:1.2px;color:var(--muted)}.next-level strong{font-size:16px;display:flex;justify-content:space-between;margin-top:7px}.about{border-top:1px solid var(--line);margin-top:24px;padding-top:22px;color:var(--muted);font-size:14px;max-width:830px}.about summary{cursor:pointer;color:var(--ink);font-weight:600}.about p{margin:16px 0 0}footer{max-width:1220px;margin:auto;padding:8px 32px 30px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.answer-label{font-size:13px;color:var(--muted);display:block;margin-bottom:7px}.answer-field input{width:100%;min-width:0;background:#fafbff;border:1px solid #cdd5e6;border-radius:8px;padding:13px 11px;font-size:19px;color:var(--ink)}.answer-field input[aria-invalid=true]{border-color:var(--error);background:#fff4f3}.answer-field input.correct{border-color:var(--success);background:#f0fbf5}.field-result{display:block;font-size:13px;line-height:1.5;margin-top:8px;overflow-wrap:anywhere}.field-result.good{color:var(--success)}.field-result.bad{color:var(--error)}.feedback{font-size:15px;margin-top:22px;padding:14px;border-radius:8px;background:#f1f8f5;color:var(--success)}.feedback.wrong{background:#fff3f0;color:#912f22}.feedback strong{display:block}.feedback p{font-size:14px;margin:4px 0 0}.empty-state{padding:50px 30px;text-align:center;background:white;border:1px solid var(--line);border-radius:14px}.empty-state h2{font-size:24px}.empty-state p{color:var(--muted)}.search-field{display:block;margin:0 0 18px;color:var(--muted);font-size:14px}.search-field input{margin-top:7px;display:block;width:100%;border:1px solid var(--line);padding:12px 14px;border-radius:8px;font-size:16px}.verb-list{display:grid;gap:12px}.list-entry{border:1px solid var(--line);border-radius:10px;background:white;padding:19px 21px}.list-entry-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.list-entry h2{font-size:21px;line-height:1.4;color:var(--accent);margin:0 0 5px;overflow-wrap:anywhere}.list-entry .translation{font-size:15px}.list-entry .example{margin-top:14px}.result-count{font-size:14px;color:var(--muted);margin:0 0 12px}.noscript{padding:30px;background:#fff0ee;border:2px solid #a32e39}.list-progress{font-size:12px;white-space:nowrap;color:var(--muted)}
body[data-level=b1-b2]{--accent:#6336c6;--tint:#f1ebff}body[data-level=b1-b2] .progress-card .eyebrow{color:#d0bbff}body[data-level=b1-b2] progress::-webkit-progress-value{background:#c2a6ff}body[data-level=b1-b2] progress::-moz-progress-bar{background:#c2a6ff}
@media(max-width:920px){.work-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.site-header,.workspace{padding-left:24px;padding-right:24px}.card-body{padding:25px 20px}.card-top,.card-bottom{padding:20px}.form-grid{gap:8px}.form-tile{padding:14px 10px}.progress-card{padding:22px}.level-stamp{font-size:30px}.modes button{padding-left:13px;padding-right:13px}}
@media(max-width:720px){.site-header{height:auto;padding:19px 18px;gap:18px;flex-wrap:wrap}.brand{font-size:16px}.brand-sub{font-size:12px}.levels{gap:3px}.levels a{padding:10px 12px;font-size:14px}.levels a span{display:none}.workspace{padding:27px 18px}.heading{margin-bottom:22px}.heading h1{font-size:31px}.heading .muted{font-size:14px}.level-stamp{display:none}.work-grid{grid-template-columns:1fr}.modes{gap:0}.modes button{padding:10px 14px;font-size:14px;flex:1}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.progress-card{grid-row:span 2}.how-to{padding:0}.next-level{padding-top:16px}.form-grid{margin-top:23px}.card-body{padding:25px 20px}.verb-title{font-size:56px}.card-top{padding:17px 20px}.about{margin-top:28px}footer{padding:0 18px 25px}.keyboard-tip{display:none}}
@media(max-width:430px){.site-header{justify-content:center}.brand{flex:1}.levels a{padding:9px 10px}.brand-mark{width:35px;height:39px}.brand-sub{max-width:120px}.sidebar{grid-template-columns:1fr}.progress-card{grid-row:auto}.how-to{padding-top:3px}.how-to h2{margin-bottom:14px}.how-to ol{gap:12px}.form-grid{gap:8px}.form-label{font-size:12px}.form-value{font-size:20px}.form-tile{padding:12px 8px}.answer-field input{font-size:17px;padding:11px 8px}.answer-label{font-size:12px}.card-body{padding:23px 16px}.card-top,.card-bottom{padding:17px 16px}.modes button{padding-left:7px;padding-right:7px}.session-controls{font-size:13px;gap:5px}.session-controls select{padding-left:7px;font-size:13px;max-width:145px}.text-button{font-size:13px;padding:7px 0}.action-row{gap:8px}.primary,.secondary{padding:12px;font-size:14px}footer{flex-direction:column;gap:3px}.list-entry{padding:16px}.list-entry h2{font-size:18px}.question-word{font-size:26px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s,box-shadow .15s}}
@media print{.site-header,.modes,.session-controls,.sidebar,.card-navigation,.about,footer,.search-field{display:none}.workspace{padding:0}.work-grid{display:block}.list-entry{break-inside:avoid}.verb-list{display:block}.list-entry{margin-bottom:10px;box-shadow:none}.heading h1{font-size:25px}}