@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_9c6cb61b-module__8NX9hq__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_9c6cb61b-module__8NX9hq__variable{--font-geist:"Geist", "Geist Fallback"}
:root{--inkt:#2d3139;--grijs:#6b7079;--op-kop:#3f444d;--goed:#4f9d63;--goed-licht:#eef7ee;--goed-rand:#8cc79a;--fout:#d0675c;--fout-licht:#fdf0ee;--fout-rand:#f0b8b0}.thema-babyblauw{--hoofd:#89cff0;--licht:#c9e7fb;--diep:#74b8e8;--rand:#5f9fd1;--tint:#e3f2fc;--lijn:#d9eaf6;--onder:#cfe2f1}.thema-mint{--hoofd:#8fdcc0;--licht:#cdf2e4;--diep:#6fcaa8;--rand:#4fae8b;--tint:#e2f6ee;--lijn:#d3eee3;--onder:#c5e6d8}.thema-citroen{--hoofd:#f2d966;--licht:#f9eda8;--diep:#e6c34a;--rand:#c9a63a;--tint:#fbf3d0;--lijn:#f0e6bd;--onder:#e8dba8}.thema-perzik{--hoofd:#f8b994;--licht:#fde0cd;--diep:#f2a07a;--rand:#d9825c;--tint:#fdeee4;--lijn:#f6dfd0;--onder:#efd0bd}.thema-lila{--hoofd:#c3b1f0;--licht:#e4dbfb;--diep:#ad98e8;--rand:#8f78cf;--tint:#f0ebfd;--lijn:#e3dbf7;--onder:#d8cdf1}.thema-roze{--hoofd:#f5a9c4;--licht:#fcd6e4;--diep:#ee8fb2;--rand:#d36f95;--tint:#fde9f0;--lijn:#f6d7e3;--onder:#efc7d6}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--inkt);font-family:var(--font-geist), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#fff;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:3px solid var(--rand);outline-offset:2px}.scherm{max-width:480px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 16px max(40px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.bovenrij{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.bovenrij-rechts{align-items:center;gap:8px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:8px;font-size:19px;display:flex}.app-icoon{background:radial-gradient(120% 120% at 20% 0%, var(--licht) 0%, var(--hoofd) 55%, var(--diep) 100%);box-shadow:0 2px 0 var(--rand);flex-shrink:0;display:inline-block;position:relative;overflow:hidden}.logo .leer{color:var(--grijs);font-weight:500}.logo .naam{font-weight:900}@media (max-width:359px){.logo .leer{display:none}}.avatar{background:var(--tint);width:44px;height:44px;box-shadow:0 3px 0 var(--onder);border-radius:999px;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.saldo{background:var(--tint);height:44px;box-shadow:0 3px 0 var(--onder);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:16px;font-weight:800;display:flex}.prijs{background:var(--tint);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:13px;font-weight:800;display:inline-flex}.terug{min-height:44px;color:var(--grijs);align-self:flex-start;align-items:center;gap:4px;font-size:15px;font-weight:700;display:inline-flex}.kopblok{color:var(--inkt);background:radial-gradient(120% 120% at 20% 0%, var(--licht) 0%, var(--hoofd) 55%, var(--diep) 100%);box-shadow:0 6px 0 var(--rand), 0 16px 28px -14px #28324659;border-radius:24px;padding:20px;position:relative;overflow:hidden}.titel{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:800;line-height:1.15;position:relative}.op-kop{color:var(--op-kop)}.glas{background:#fff9;box-shadow:inset 0 1px #fffc}.pil-glas{border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex;position:relative}.zweef{pointer-events:none;background:#ffffffb3;border-radius:8px;animation:5s ease-in-out infinite zweef;position:absolute;box-shadow:inset 0 -3px #28324614,0 6px 12px -6px #2832464d}.zweef-groot{background:#fff;border-radius:19px;justify-content:center;align-items:center;width:62px;height:62px;font-size:21px;font-weight:900;display:flex}@keyframes zweef{0%,to{transform:translateY(0) rotate(var(--draai,0deg))}50%{transform:translateY(-8px) rotate(var(--draai,0deg))}}.draai-a{--draai:-10deg}.draai-b{--draai:12deg}.draai-c{--draai:8deg}.k-kaft{fill:var(--rand)}.k-pagina{fill:#fff;stroke:var(--lijn)}.k-lijnen{stroke:var(--lijn)}.k-wang{fill:var(--hoofd);opacity:.6}.kennie-beweegt{transform-origin:50% 100%;animation:4s ease-in-out infinite kennie}@keyframes kennie{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.strook{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:18px;display:grid;position:relative}.dag{background:#ffffff73;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:62px;display:flex}.dag-nu{box-shadow:0 3px 0 var(--rand);background:#fff}.dagnaam{color:var(--op-kop);font-size:13px;font-weight:700}.datum{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;line-height:22px}.stippen{gap:3px;height:7px;margin-top:5px;display:flex}.stip{background:var(--inkt);border-radius:999px;width:7px;height:7px}.raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}.lijst{flex-direction:column;gap:14px;display:flex}.vak{border:1px solid var(--lijn);box-shadow:0 6px 0 var(--onder);background:#fff;transition:transform 80ms,box-shadow 80ms}a.vak:active,button.vak:active{box-shadow:0 2px 0 var(--onder);transform:translateY(4px)}.vaktegel{border-radius:18px;flex-direction:column;justify-content:space-between;gap:10px;min-height:108px;padding:14px;display:flex}.vaktegel-naam{letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:16px;font-weight:800}.rij{border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.rij-naam{letter-spacing:-.01em;overflow-wrap:anywhere;flex-grow:1;min-width:0;font-size:17px;font-weight:800}.toets-rij{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 12px 12px 16px;display:flex}.toets-rij-naam{flex-direction:column;flex:110px;justify-content:center;gap:1px;min-width:0;min-height:44px;display:flex}.rij-acties{align-items:center;gap:8px;margin-left:auto;display:flex}.kaart{border:1px solid var(--lijn);box-shadow:0 5px 0 var(--lijn);background:#fff;border-radius:20px}.symbool{background:var(--tint);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:900;display:flex;box-shadow:inset 0 -3px #28324612}.symbool-groot{border-radius:15px;width:48px;height:48px}.symbool-hoofd{background:var(--hoofd);box-shadow:inset 0 -3px #28324624}.pil{background:var(--tint);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800}.pil-nu{background:var(--inkt);color:#fff}.gestippeld{color:var(--grijs);border:2px dashed #cdd2da;border-radius:18px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.kop{letter-spacing:.14em;text-transform:uppercase;color:var(--grijs);margin:28px 0 12px;font-size:12px;font-weight:700}.knop,.wit{text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:flex}.knop{background:var(--hoofd);color:var(--inkt);box-shadow:0 4px 0 var(--rand);border:0}.knop:active:not(:disabled){box-shadow:0 1px 0 var(--rand);transform:translateY(3px)}.wit{color:var(--inkt);border:1px solid var(--lijn);box-shadow:0 4px 0 var(--onder);background:#fff}.wit:active:not(:disabled){box-shadow:0 1px 0 var(--onder);transform:translateY(3px)}.op-kleur{box-shadow:0 4px 0 var(--rand);border:0}.op-kleur:active:not(:disabled){box-shadow:0 1px 0 var(--rand)}.groot{min-height:58px;font-size:17px}.middel{min-height:48px;padding:0 16px;font-size:15px}.klein{min-height:44px;padding:0 14px;font-size:14px}.rond{flex-shrink:0;width:44px;height:44px;padding:0}.stil{min-height:44px;color:var(--grijs);background:0 0;border:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.gevaar{background:var(--fout-licht);color:#9b3b32;border:1px solid var(--fout-rand);box-shadow:0 4px 0 var(--fout-rand)}.veld{flex-direction:column;display:flex}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--grijs);margin:22px 0 8px;font-size:12px;font-weight:700}.invoer{border:2px solid var(--lijn);height:54px;box-shadow:0 3px 0 var(--tint);background:#fff;border-radius:16px;width:100%;padding:0 16px;font-size:17px;font-weight:700}.invoer:focus{outline:3px solid var(--hoofd);outline-offset:2px}.melding{background:var(--fout-licht);border:1px solid var(--fout-rand);color:#9b3b32;border-radius:14px;margin-top:14px;padding:12px 14px;font-size:15px;font-weight:600}.keuzes{gap:10px;display:grid}.keuze-4{grid-template-columns:repeat(4,minmax(0,1fr))}.keuze-3{grid-template-columns:repeat(3,minmax(0,1fr))}.keuze-6{grid-template-columns:repeat(4,minmax(0,1fr))}.verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.balk{background:var(--tint);border-radius:999px;flex-grow:1;height:12px;overflow:hidden}.balk-vol{background:var(--hoofd);border-radius:999px;height:12px;transition:width .3s}.vraag{letter-spacing:-.01em;overflow-wrap:anywhere;margin:40px 0 0;font-size:24px;font-weight:800;line-height:1.3}.antwoord{text-align:left;border-radius:18px;align-items:center;gap:12px;width:100%;min-height:62px;padding:12px 14px 12px 20px;font-size:18px;font-weight:700;display:flex}.antwoord-tekst{overflow-wrap:anywhere;flex-grow:1}.antwoord-goed{background:var(--goed-licht);border:2px solid var(--goed-rand);box-shadow:none;font-weight:800}.antwoord-fout{background:var(--fout-licht);border:2px solid var(--fout-rand);box-shadow:none;font-weight:800}.antwoord-weg{border:2px solid var(--lijn);box-shadow:none;color:var(--grijs)}.teken{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.uitleg{align-items:flex-start;gap:12px;margin-top:20px;padding:16px;display:flex}.fotos{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.foto{aspect-ratio:3/4;background:var(--tint);border:1px solid var(--lijn);border-radius:8px;position:relative;overflow:hidden}.foto img{object-fit:cover;width:100%;height:100%;display:block}.foto-laag{background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.foto-let{outline:3px solid var(--fout);outline-offset:-3px}.leest{border:3px solid var(--lijn);border-top-color:var(--rand);border-radius:999px;width:18px;height:18px;animation:.9s linear infinite draai}@keyframes draai{to{transform:rotate(360deg)}}.vink-rij{color:var(--inkt);align-items:flex-start;gap:12px;font-size:15px;font-weight:600;line-height:22px;display:flex}.vink-rij input{width:24px;height:24px;accent-color:var(--rand);flex-shrink:0;margin:0}.vink-rij a{text-underline-offset:2px;text-decoration:underline}.leestekst{margin-top:20px;font-size:16px;line-height:25px}.leestekst h2{margin:26px 0 8px;font-size:18px;font-weight:800}.leestekst p,.leestekst ul{margin:0 0 12px}.leestekst ul{padding-left:20px}.leestekst li{margin-bottom:6px}.leestekst a{text-underline-offset:2px;text-decoration:underline}.kleurknop{min-height:76px;color:var(--inkt);background:radial-gradient(120% 120% at 20% 0%, var(--licht) 0%, var(--hoofd) 55%, var(--diep) 100%);box-shadow:0 5px 0 var(--rand);border:0;border-radius:20px;justify-content:space-between;align-items:flex-end;padding:10px 12px;font-size:14px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:flex}.kleurknop:active{box-shadow:0 2px 0 var(--rand);transform:translateY(3px)}.kleurknop-aan{outline:3px solid var(--inkt);outline-offset:3px}.vinkje{background:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.avatarknop{aspect-ratio:1;background:var(--tint);box-shadow:0 5px 0 var(--onder);border:0;border-radius:22px;justify-content:center;align-items:center;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.avatarknop:active{box-shadow:0 2px 0 var(--onder);transform:translateY(3px)}.avatarknop svg{width:72%;height:72%}.avatarknop .vinkje{background:var(--inkt);color:#fff;position:absolute;bottom:8px;right:8px}@media (max-width:359px){.vaktegel{padding:12px}.vaktegel .symbool{border-radius:12px;width:38px;height:38px}.vaktegel .pil{padding:4px 8px}}@media (prefers-reduced-motion:reduce){.zweef,.kennie-beweegt,.leest{animation:none}.balk-vol{transition:none}}