:root{--bg: #f6f5fb;--card: #ffffff;--ink: #1e1b2e;--muted: #6b6785;--accent: #4f46e5;--accent-soft: #eef2ff;--ok: #16a34a;--ok-soft: #dcfce7;--nok: #dc2626;--nok-soft: #fee2e2;--half: #d97706;--half-soft: #fef3c7;--radius: 14px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.shell{max-width:640px;margin:0 auto;padding:0 16px 48px;min-height:100dvh}main{padding-top:8px}.center{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.topbar-right{display:flex;gap:12px;align-items:center}.brand{font-weight:800;font-size:1.25rem;background:none;border:none;color:var(--ink);cursor:pointer;padding:0}.brand span{color:var(--accent)}.brand.big{font-size:2rem;text-align:center;display:block;margin-bottom:8px}h2{margin:8px 0 4px}h3{margin:8px 0}.muted{color:var(--muted)}.klein{font-size:.85rem}.fout{color:var(--nok)}.nowrap{white-space:nowrap}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:0 1px 3px #1e1b2e14;margin:12px 0}.cards{display:grid;gap:12px;margin-top:16px}.hoofdstuk-card{text-align:left;border:none;cursor:pointer;font:inherit;border-left:5px solid var(--muted)}.hoofdstuk-card h3{margin:6px 0;font-size:1rem}.hoofdstuk-card.prio-instaptoets{border-left-color:var(--accent);background:var(--accent-soft)}.hoofdstuk-card.prio-kritisch{border-left-color:var(--nok)}.hoofdstuk-card.prio-belangrijk{border-left-color:var(--half)}.hoofdstuk-card.prio-nice-to-have{border-left-color:#94a3b8}.card-top{display:flex;justify-content:space-between;align-items:center}.nr{font-weight:800;color:var(--accent)}.badge{font-size:.72rem;padding:3px 8px;border-radius:999px;background:#e9e8f2;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.badge.prio-instaptoets{background:var(--accent);color:#fff}.badge.prio-kritisch{background:var(--nok-soft);color:var(--nok)}.badge.prio-belangrijk{background:var(--half-soft);color:var(--half)}.badge.advies-ok{background:var(--ok-soft);color:var(--ok)}.badge.advies-half{background:var(--half-soft);color:var(--half)}.badge.advies-nok{background:var(--nok-soft);color:var(--nok)}.score{color:var(--half);font-weight:600}.score.ok{color:var(--ok)}.btn{display:block;width:100%;min-height:48px;padding:12px 16px;border-radius:var(--radius);border:1.5px solid #d9d7e8;background:var(--card);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;margin:8px 0;text-decoration:none;text-align:center}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.45;cursor:default}.big-btn{min-height:54px;font-size:1.05rem}.link{background:none;border:none;color:var(--accent);font:inherit;cursor:pointer;padding:8px 0;text-align:left}.login{width:100%;max-width:360px;padding:28px 24px}.pin-input{width:100%;min-height:54px;font-size:1.6rem;text-align:center;letter-spacing:.4em;border:1.5px solid #d9d7e8;border-radius:var(--radius);margin:8px 0}.runner-head{display:flex;justify-content:space-between;align-items:baseline}progress{width:100%;height:8px;accent-color:var(--accent)}.vraag-card{padding:20px 16px}.vraag{font-size:1.15rem;font-weight:600;line-height:1.5}.answer-input{width:100%;min-height:52px;font-size:1.3rem;padding:8px 14px;border:1.5px solid #d9d7e8;border-radius:var(--radius);margin:8px 0}.choices{display:grid;gap:8px}.choice{margin:0;font-weight:500}.choice.chosen{border-color:var(--accent);background:var(--accent-soft);font-weight:700}.feedback{border-radius:var(--radius);padding:12px 14px;font-weight:700;margin:10px 0}.feedback.ok{background:var(--ok-soft);color:var(--ok)}.feedback.nok{background:var(--nok-soft);color:var(--nok)}.steps{background:var(--accent-soft);border-radius:var(--radius);padding:12px 14px 12px 32px;margin:10px 0}.steps li{margin:4px 0}.acties{display:flex;gap:10px;margin-top:12px}.acties .btn{margin:0}.score-card{text-align:center}.score-card.ok{background:var(--ok-soft)}.score-groot{font-size:2.6rem;font-weight:800}.advies-tabel{width:100%;border-collapse:collapse;font-size:.92rem}.advies-tabel td,.advies-tabel th{padding:8px 6px;border-bottom:1px solid #eceaf5;text-align:left;vertical-align:top}.review-rij{border-bottom:1px solid #eceaf5}.review-kop{width:100%;display:flex;gap:10px;min-height:44px;align-items:center}.review-detail{padding:0 4px 12px}.fouten-lijst{padding-left:20px}.fouten-lijst li{margin:4px 0}