:root{--bg:#faf9f6;--card:#fff;--ink:#1d1d1b;--muted:#77756e;--line:#e6e3dc;--accent:#2f6fed;--ok:#2e9e5b;--bad:#d9483b;--radius:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:17px/1.45 -apple-system,system-ui,Segoe UI,Roboto,sans-serif}main{max-width:520px;margin:0 auto;padding:24px 16px 60px}h1{margin:0 0 4px;font-size:22px}h2{margin:24px 0 8px;font-size:18px}p{margin:6px 0}.muted{color:var(--muted);font-size:15px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:12px 0;padding:16px}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:12px;padding:12px 18px}button.secondary{color:var(--ink);background:#eeece6}button.wide{width:100%;margin-top:8px}button:disabled{opacity:.45;cursor:default}textarea,input{font:inherit;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:12px}textarea{resize:vertical;min-height:200px}nav{gap:8px;margin-bottom:16px;display:flex}nav button{color:var(--muted);background:0 0;padding:6px 10px}nav button.active{color:var(--ink);font-weight:600}.options{gap:8px;margin-top:12px;display:grid}.options button{color:var(--ink);border:1px solid var(--line);text-align:left;background:#fff}.options button.ok{border-color:var(--ok);background:#eaf7ef}.options button.bad{border-color:var(--bad);background:#fdeceb}.prompt{margin:8px 0;font-size:26px;font-weight:600}.prompt.sentence{font-size:21px;font-weight:500}.hl{background:#fff1bf;border-radius:6px;padding:0 4px}.conj table{border-collapse:collapse;margin:8px 0}.conj td{padding:3px 16px 3px 0}.conj .hl{border-radius:3px;padding:0}li.verb{cursor:pointer}[hidden]{display:none!important}.chips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.chips button{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:15px}.chips button.ok{color:var(--ink);border-color:var(--accent)}.chips button b{color:var(--ink)}.tag{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.bar{background:var(--line);border-radius:3px;height:6px;margin:8px 0 16px;overflow:hidden}.bar i{background:var(--accent);height:100%;display:block}.feedback{min-height:24px;margin-top:12px}.feedback.ok{color:var(--ok)}.feedback.bad{color:var(--bad)}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.big{font-size:40px;font-weight:700;line-height:1}ul.words{margin:0;padding:0;list-style:none}ul.words li{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;display:flex}ul.words li:last-child{border-bottom:0}.spell{letter-spacing:.06em;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.spell .hl{background:#ffe08a;border-radius:3px;padding:0 1px}.grades{gap:8px;margin-top:8px;display:flex}.grades button{flex:1;padding:12px 6px;font-size:15px}