:root{--papier: #f4f6f9;--wit: #ffffff;--vlak: #eef1f5;--rand: #d9dee5;--inkt: #111827;--inkt-zacht: #5b6675;--accent: #2563eb;--accent-tekst: #ffffff;--merk: #0f172a;--groen: #137a43;--groen-vlak: #e6f4ea;--groen-rand: #b7dfc5;--rood: #c4291c;--fout-vlak: #fdecea;--fout-rand: #f3c2bd;--fout-inkt: #8c1d13;--letop-vlak: #fef6e7;--letop-rand: #f2ddb0;--letop-inkt: #7a4a06;--info-vlak: #e8f0fe;--info-rand: #c2d7f8;--info-inkt: #10428f;--radius: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--papier: #0e1217;--wit: #171c23;--vlak: #1d242d;--rand: #2b343f;--inkt: #e9eef5;--inkt-zacht: #9aa8b8;--accent: #4c8dff;--merk: #e9eef5;--groen: #35b06a;--groen-vlak: #122a1d;--groen-rand: #21503a;--rood: #f2685c;--fout-vlak: #341b19;--fout-rand: #5e2a25;--fout-inkt: #ffb4ab;--letop-vlak: #33270f;--letop-rand: #5b471c;--letop-inkt: #f2cd7a;--info-vlak: #16273f;--info-rand: #27456e;--info-inkt: #a8ccff;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--papier);color:var(--inkt);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}h1{font-size:26px;margin:6px 0 4px;line-height:1.2}h2{font-size:19px;margin:0 0 8px}h3{font-size:19px;margin:0}p{margin:0 0 12px}.zacht{color:var(--inkt-zacht)}.klein{font-size:14px}.midden{text-align:center}.merk{height:30px;display:block}.alleen-donker{display:none}@media(prefers-color-scheme:dark){.alleen-licht{display:none}.alleen-donker{display:block}}.toegang{min-height:100vh;display:grid;place-items:center;padding:20px 16px}.toegangkaart{width:min(440px,100%);background:var(--wit);border:1px solid var(--rand);border-radius:18px;padding:26px 22px;display:grid;gap:10px}.toegangkaart h1{margin-top:10px}label{font-size:14px;font-weight:650;color:var(--inkt-zacht)}input:not([type=checkbox]):not([type=radio]),select{width:100%;border:1px solid var(--rand);border-radius:12px;padding:12px 14px;background:var(--wit);min-height:50px}input:focus,select:focus,button:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.pagina{max-width:560px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px calc(28px + env(safe-area-inset-bottom))}.pagina.metbalk{padding-bottom:150px}.paginakop{display:flex;align-items:center;gap:12px;margin:4px 0 6px}.paginakop h1{margin:0}.startkop{display:flex;justify-content:space-between;align-items:center;margin:4px 0 18px}.welkom{margin-top:0}.kaart{background:var(--wit);border:1px solid var(--rand);border-radius:var(--radius);padding:18px 16px;margin:14px 0;display:grid;gap:10px}.oranjekaart{border-color:var(--letop-rand);background:var(--letop-vlak);color:var(--letop-inkt)}.klaarkaart{text-align:center;margin-top:40px;padding:30px 20px}.groot-vinkje{width:76px;height:76px;margin:0 auto 4px;border-radius:50%;display:grid;place-items:center;background:var(--groen-vlak);color:var(--groen);font-size:42px;font-weight:800}.knop{border:1px solid var(--rand);background:var(--wit);border-radius:12px;padding:10px 16px;font-weight:650;min-height:46px}.knop.groot{width:100%;min-height:56px;font-size:18px}.knop.klein{min-height:40px;padding:6px 12px;font-size:15px}.knop.licht{background:transparent}.knop.primair{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst)}.knop.gevaar{color:var(--rood)}.knop:disabled{opacity:.5;cursor:not-allowed}.knoppenstapel{display:grid;gap:10px;margin:14px 0}.tweeknoppen{display:flex;gap:8px;margin-top:10px}.tweeknoppen .knop{flex:1}.melding{border-radius:12px;padding:12px 14px;margin:10px 0;background:var(--info-vlak);border:1px solid var(--info-rand);color:var(--info-inkt)}.melding.fout{background:var(--fout-vlak);border-color:var(--fout-rand);color:var(--fout-inkt)}.melding.goed{background:var(--groen-vlak);border-color:var(--groen-rand);color:var(--groen)}.labels{display:flex;flex-wrap:wrap;gap:4px}.label{font-size:13px;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--info-vlak);color:var(--info-inkt);border:1px solid var(--info-rand);white-space:nowrap}.label.oranje{background:var(--letop-vlak);color:var(--letop-inkt);border-color:var(--letop-rand)}.label.grijs{background:var(--vlak);color:var(--inkt-zacht);border-color:var(--rand)}.telrijtje,.lijstje{list-style:none;margin:0;padding:0;display:grid;gap:8px}.telrijtje li,.lijstje li{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.lijstje li{font-size:15px;border-bottom:1px solid var(--rand);padding-bottom:8px}.lijstje li:last-child{border-bottom:0;padding-bottom:0}.filter{display:grid;gap:8px;margin:10px 0}.filter label{display:flex;align-items:center;gap:8px;font-weight:600}.kiesregel{display:flex;align-items:center;gap:12px;font-size:17px;color:var(--inkt);font-weight:500;padding:6px 0}.kiesregel input{width:22px;height:22px}.plekkop{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--inkt-zacht);margin:22px 2px 6px;position:sticky;top:0;background:var(--papier);padding:6px 0;z-index:1}.telkaart{background:var(--wit);border:2px solid var(--rand);border-radius:var(--radius);padding:14px;margin:10px 0;display:grid;gap:10px}.telkaart.klaar{border-color:var(--groen-rand)}.telkaart.fout{border-color:var(--fout-rand)}.telkaart.overgeslagen{opacity:.75}.telkop{display:flex;justify-content:space-between;align-items:center;gap:10px}.vinkje{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--groen-vlak);color:var(--groen);font-weight:800}.verzoek{font-style:italic;color:var(--letop-inkt);margin:0}.veld{display:grid;gap:6px}.stapper{display:grid;grid-template-columns:64px 1fr 64px;gap:8px}.stapper button{min-height:58px;border-radius:12px;border:1px solid var(--rand);background:var(--vlak);font-size:28px;font-weight:700;line-height:1}.stapper button:active{background:var(--rand)}.stapper input{text-align:center;font-size:26px;font-weight:700;min-height:58px;font-variant-numeric:tabular-nums}.delen{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.delen button{min-height:46px;border-radius:10px;border:1px solid var(--rand);background:var(--wit);font-weight:700;font-size:18px}.delen button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst)}.telvoet{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.totaal{font-weight:700;font-variant-numeric:tabular-nums}.foutje{color:var(--rood);font-weight:600;font-size:15px}.acties{display:flex;gap:6px;flex-wrap:wrap}.overslaan{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.overslaan .eigen{display:flex;gap:6px;width:100%}.overslaan .eigen input{min-height:44px}.verstuurbalk{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--wit);border-top:1px solid var(--rand);padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #00000014}.verstuurbalk>*{max-width:532px;margin-left:auto;margin-right:auto}.balkrij{display:flex;align-items:center;gap:12px}.balkrij .knop{flex:1;min-height:56px;font-size:18px}.voortgang{font-weight:700;font-variant-numeric:tabular-nums;min-width:84px}.leverregel{gap:8px}