:root{--ink:#1d2733;--muted:#5d6b7a;--brand:#2f5d8a;--brand-weak:#e6eef7;--ok:#1f7a4d;--ok-weak:#e5f4ec;--bad:#b3261e;--bad-weak:#fbeaea;--warn:#8a5a00;--warn-weak:#fff4d6;--line:#d8dee6;--bg:#f6f8fb}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--bg);margin:0;font:17px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.screen{max-width:720px;padding:16px 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}h1{margin:8px 0;font-size:1.5rem}h2{color:var(--brand);margin:0 0 8px;font-size:1.05rem}.hero p,.fineprint,.muted{color:var(--muted)}.fineprint{text-align:center;margin-top:24px;font-size:.85rem}.drills{gap:12px;padding:0;list-style:none;display:grid}.drill-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;gap:4px;width:100%;padding:18px;display:grid;box-shadow:0 1px 2px #0000000a}.drill-card:active{transform:scale(.99)}.drill-card:disabled{opacity:.5}.drill-title{font-size:1.15rem;font-weight:700}.drill-blurb{color:var(--muted)}.drill-stats{color:var(--brand);font-size:.9rem;font-weight:600}.topbar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.link{color:var(--brand);background:0 0;border:0;padding:8px 0;font-weight:600}.points{color:var(--muted);font-size:.9rem}.instruction{margin:4px 0 12px;font-weight:600}.sentence{border-left:4px solid var(--brand);background:#fff;border-radius:8px;margin:0 0 16px;padding:14px 16px;font-size:1.1rem}.part{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:14px;padding:14px}.row{border-top:1px solid var(--line);padding:10px 0}.row:first-of-type{border-top:0}.row-label{margin-bottom:8px}.unit{color:var(--muted);font-weight:600}.gloss{color:var(--muted);font-style:italic}.form{font-weight:700}.sep{color:var(--muted);margin:0 4px}.options{grid-template-columns:1fr;gap:8px;display:grid}.options.symbols{grid-template-columns:repeat(4,1fr)}.opt{border:2px solid var(--line);text-align:center;background:#fff;border-radius:10px;min-height:46px;padding:8px 10px}.opt.on{border-color:var(--brand);background:var(--brand-weak);text-underline-offset:4px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.opt.sym{font-size:1.2rem;font-weight:700;text-decoration:none}.legend{grid-template-columns:repeat(2,1fr);gap:4px 12px;margin:0 0 12px;font-size:.9rem;display:grid}.legend div{gap:6px;display:flex}.legend dt{width:1.2em;font-weight:800}.legend dd{color:var(--muted);margin:0}.warn{background:var(--warn-weak);color:var(--warn);border-radius:10px;padding:10px 12px;font-size:.95rem}.primary,.secondary{border:0;border-radius:12px;width:100%;min-height:52px;font-weight:700}.primary{background:var(--brand);color:#fff}.secondary{border:1px solid var(--line);background:#fff}.actions{gap:10px;display:grid}.score{text-align:center;border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:14px;padding:18px}.score .big{font-size:2.4rem;font-weight:800}.score.perfect{background:var(--ok-weak);border-color:var(--ok)}.units{margin:0;padding:0;list-style:none}.unit-result{border-radius:10px;margin-bottom:8px;padding:10px 12px}.unit-result.correct{background:var(--ok-weak)}.unit-result.lost{background:var(--bad-weak)}.unit-head{font-weight:600}.mark{font-weight:800}.correct .mark{color:var(--ok)}.lost .mark{color:var(--bad)}.feedback{color:var(--bad);margin:6px 0 0;font-weight:600}.why{color:var(--ink);margin:6px 0 0;font-size:.95rem}@media (width>=720px){.screen{padding-top:32px}.drills{grid-template-columns:1fr 1fr}.options{grid-template-columns:repeat(3,1fr)}.row{grid-template-columns:200px 1fr;align-items:center;gap:12px;display:grid}.row-label{margin:0}.toto-row{grid-template-columns:1fr 260px}.actions{grid-template-columns:2fr 1fr}.primary{max-width:100%}}