:root{--bg:#f2f4ee;--ink:#14241e;--muted:#78837d;--accent:#ef6746;--green:#214a3b;--line:#d8ddd6;--card:#fff;--safe:env(safe-area-inset-bottom)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input{font:inherit}.screen{height:calc(100dvh - 68px - var(--safe));max-width:760px;margin:auto;display:flex;flex-direction:column;padding:0 18px}header{height:64px;flex:none;display:flex;align-items:center;justify-content:space-between}.brand{border:0;background:none;font-weight:800;color:var(--ink);font-size:17px;padding:0}.brand i{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--green);color:white;border-radius:9px;font-style:normal;margin-right:6px}.counter{font-size:13px;color:var(--muted)}.counter #pos{color:var(--ink);font-weight:800}.icon{width:38px;height:38px;border:1px solid var(--line);background:white;border-radius:50%;font-weight:800}.progress{height:3px;background:#dce1da;border-radius:4px;flex:none}.progress span{display:block;height:100%;width:0;background:var(--accent);transition:.25s}.card{flex:1;min-height:0;display:flex;flex-direction:column;padding:clamp(18px,4vh,38px) 0 6px}.question-row{display:flex;gap:14px;align-items:flex-start}.number{flex:none;background:#e2e9e2;color:var(--green);padding:7px 8px;border-radius:8px;font:800 12px ui-monospace}h1{font-size:clamp(19px,3.2vh,27px);line-height:1.18;margin:2px 0 16px;letter-spacing:-.02em}#picture{width:100%;max-height:25vh;object-fit:contain;border-radius:14px;margin-bottom:12px}.options{display:grid;gap:clamp(7px,1.4vh,12px);margin-top:auto}.option{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;min-height:clamp(52px,9vh,68px);padding:9px 12px;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--ink);text-align:left;touch-action:manipulation}.option b{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:9px}.option.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.option.correct{border-color:#2a8b5b;background:#eaf7ef}.option.wrong{border-color:#c94732;background:#fff0ec}.translation{display:none;color:#63706a;font-size:.88em;margin-top:4px}.show-translation .translation{display:block}.feedback{margin-top:10px;padding:10px 12px;background:#e7ece7;border-radius:12px;font-size:13px}.hint{text-align:center;color:var(--muted);font-size:11px;margin:5px 0 0}.hint.flash{color:var(--accent)}nav{position:fixed;bottom:0;left:0;right:0;height:calc(68px + var(--safe));padding-bottom:var(--safe);background:#fbfcf8;border-top:1px solid var(--line);display:flex;justify-content:center;gap:min(18vw,130px)}nav button{width:65px;border:0;background:none;color:#8a948f;font-size:22px;padding:8px 0 4px}nav button.active{color:var(--green)}nav small{display:block;font-size:10px;margin-top:2px}.word-list{overflow:auto;padding-bottom:20px}.word{background:white;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;display:grid;grid-template-columns:1fr auto;gap:5px}.word p{margin:0}.word .ru{color:var(--muted)}.word button{border:0;background:#edf1ec;border-radius:8px}.word.learned{opacity:.5}dialog{border:0;border-radius:20px;padding:0;width:min(90%,420px)}dialog form{display:grid;gap:12px;padding:22px}dialog label{font-size:12px;color:var(--muted)}dialog input{display:block;width:100%;padding:11px;margin-top:4px;border:1px solid var(--line);border-radius:10px}dialog button{border:0;background:var(--green);color:white;border-radius:10px;padding:11px}.ghost{background:#edf1ec;color:var(--ink)}@media(min-width:700px){.screen{padding:0 28px}.card{padding-left:30px;padding-right:30px}}