:root{--bg:#f4f1ea;--card:#fff;--border:#e7e2d6;--text:#152621;--muted:#6a7772;--primary:#15654c;--primary-text:#fff;--primary-muted:#e7f1ec;--success:#16a34a;--danger:#dc2626;--danger-muted:#fdecec;--radius-sm:10px;--radius-md:16px;--radius-lg:24px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.screen{min-height:100dvh;padding:24px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.container{flex-direction:column;gap:16px;width:100%;max-width:560px;display:flex}.center{text-align:center;flex:1;justify-content:center}.progress-track{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .22s}.progress-label{color:var(--muted);font-size:13px;font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.title{margin:0;font-size:22px;font-weight:800}.prompt{margin:4px 0;font-size:22px;font-weight:700;line-height:1.3}.options{flex-direction:column;gap:12px;display:flex}.option{text-align:left;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text);cursor:pointer;padding:16px;font-size:17px;font-weight:600;transition:border-color .12s,background .12s}.option:hover{border-color:var(--primary)}.option.selected{border-color:var(--primary);background:var(--primary-muted)}.text-input{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--card);padding:16px;font-size:17px}.text-input:focus{border-color:var(--primary);outline:none}.match-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.match-left{flex:1;font-weight:600}.match-select{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text);flex:1;padding:12px;font-size:16px}.btn{border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-text);cursor:pointer;border:none;padding:16px;font-size:17px;font-weight:700}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--card);color:var(--text);border:1px solid var(--border)}.row{gap:12px;display:flex}.row>*{flex:1}.muted{color:var(--muted);font-size:15px}.score-big{color:var(--primary);margin:8px 0;font-size:56px;font-weight:800}.review-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);padding:16px}.review-item.correct{border-left:4px solid var(--success)}.review-item.incorrect{border-left:4px solid var(--danger);background:var(--danger-muted)}.tag{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.tag.correct{color:var(--success);background:#dcfce7}.tag.incorrect{color:var(--danger);background:#fee2e2}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}