@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/a1f87af3f44fadbb-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/86f65e8637cc94e3-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/39f449c8730c2295-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/9fabb9c65b63d798-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f9e1dbe9676d9bb6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8760c4774489e4ba-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a1f87af3f44fadbb-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/86f65e8637cc94e3-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/39f449c8730c2295-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9fabb9c65b63d798-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/f9e1dbe9676d9bb6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8760c4774489e4ba-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/a1f87af3f44fadbb-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/86f65e8637cc94e3-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/39f449c8730c2295-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/9fabb9c65b63d798-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/f9e1dbe9676d9bb6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8760c4774489e4ba-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope Fallback;src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}.__className_9dd547{font-family:Manrope,Manrope Fallback;font-style:normal}.__variable_9dd547{--font-manrope:"Manrope","Manrope Fallback"}:root{--groen:#002b29;--groen-2:#003d3a;--teal:#26736f;--oranje:#f4683e;--creme:#f5f5f1;--beige:#ebeae0;--wit:#ffffff;--lichttekst:#c9dcda;--ok:#2e9e5b;--radius:16px}*{box-sizing:border-box}body,html{margin:0;background:var(--creme);color:var(--groen);overscroll-behavior:none}body{font-family:var(--font-manrope),system-ui,sans-serif;-webkit-text-size-adjust:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--oranje);outline-offset:2px}.app{min-height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column;background:var(--creme)}.statusbalk{height:env(safe-area-inset-top);background:var(--groen);flex:none}.app>.inhoud:last-child,.app>main.inhoud:last-child{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.testbanner{background:#ffd84d;color:#3a2a00;text-align:center;font-weight:800;font-size:15px;padding:8px 12px}.kop{background:var(--groen);color:var(--wit);padding:16px 16px 18px;display:flex;flex-direction:column;gap:14px}.kop-rij{display:flex;align-items:center;justify-content:space-between;gap:12px}.kop-titel{margin:0;font-size:28px;font-weight:800}.stap-tekst{font-size:17px;font-weight:700;color:var(--lichttekst)}.terug{display:inline-flex;align-items:center;gap:6px;min-height:52px;padding:0 16px 0 8px;border-radius:12px;border:0;color:var(--wit);font-size:19px;font-weight:800;text-decoration:none}.schakel,.terug{background:var(--groen-2)}.schakel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;padding:4px;border-radius:14px}.schakel>*{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;border:0;background:transparent;color:var(--wit);font-size:16px;font-weight:700;text-decoration:none;text-align:center}.schakel>[aria-current=true]{background:var(--wit);color:var(--groen);font-weight:800}.voortgang{display:flex;gap:6px}.voortgang span{flex:1 1;height:8px;border-radius:4px;background:var(--teal)}.voortgang span.klaar{background:var(--oranje)}.inhoud{flex:1 1;padding:24px 16px;display:flex;flex-direction:column;gap:14px}.vraag{margin:0 0 6px;font-size:32px;font-weight:800;line-height:1.15}.tegel{display:flex;align-items:center;gap:18px;width:100%;min-height:112px;padding:16px;border-radius:18px;background:var(--wit);border:3px solid var(--beige);text-align:left}.tegel[aria-pressed=true]{border-color:var(--groen)}.tegel-icoon{flex:none;width:76px;height:76px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--creme)}.tegel[aria-pressed=true] .tegel-icoon{background:var(--oranje)}.tegel-label{font-size:26px;font-weight:800;display:block}.tegel-sub{font-size:16px;font-weight:500;color:var(--teal);display:block}.keuzes{display:grid;grid-gap:10px;gap:10px}.keuze{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:104px;padding:10px 6px;border-radius:16px;border:3px solid var(--beige);background:var(--wit);color:var(--groen);font-size:19px;font-weight:800}.keuze[aria-pressed=true]{background:var(--groen);border-color:var(--groen);color:var(--wit)}.sectie{flex-direction:column}.sectie,.sectie-kop{display:flex;gap:12px}.sectie-kop{margin:0;font-size:22px}.nummer,.sectie-kop{align-items:center;font-weight:800}.nummer{width:40px;height:40px;flex:none;border-radius:50%;display:inline-flex;justify-content:center;font-size:18px;background:var(--beige)}.nummer.ingevuld{background:var(--ok);color:var(--wit)}.invoer{display:flex;align-items:center;min-height:72px;border-radius:var(--radius);border:3px solid var(--groen);background:var(--wit);overflow:hidden}.invoer input{flex:1 1;min-width:0;min-height:66px;padding:0 12px 0 20px;border:0;font-size:30px;font-weight:800;background:transparent}.invoer input:focus{outline:none}.invoer:focus-within{outline:3px solid var(--oranje);outline-offset:2px}.invoer .eenheid{padding:0 20px 0 4px;font-size:18px;font-weight:700;color:var(--teal)}.invoer .euro{padding:0 0 0 20px;font-size:30px;font-weight:800}.invoer .euro+input{padding-left:8px}.voet{position:-webkit-sticky;position:sticky;bottom:0;padding:12px 16px calc(20px + env(safe-area-inset-bottom));background:var(--wit);border-top:2px solid var(--beige);display:flex;flex-direction:column;gap:10px}.voet-tekst{margin:0;font-size:17px;font-weight:700;text-align:center}.display{min-height:84px;border-radius:var(--radius);background:var(--wit);border:3px solid var(--groen);display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 20px}.display-waarde{font-size:44px;font-weight:800}.display-eenheid{font-size:20px;font-weight:700;color:var(--teal)}.toetsen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.toets{min-height:68px;border-radius:14px;border:2px solid var(--beige);background:var(--wit);font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center}.toets:active{background:var(--beige)}.knop{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:76px;border-radius:var(--radius);border:0;font-size:24px;font-weight:800;text-decoration:none}.knop-groot{min-height:84px;font-size:26px}.knop-oranje{background:var(--oranje);color:var(--groen)}.knop-groen{background:var(--groen);color:var(--wit)}.knop-teal{background:var(--teal);color:var(--wit)}.knop-beige{background:var(--beige);color:var(--groen)}.knop-rand{background:transparent;border:2px solid}.knop:disabled{background:#d9d8ce;color:#5e6b6a;cursor:default}.knop[aria-busy=true]{opacity:.7;cursor:progress}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;padding:16px 16px 8px}.tab{min-height:56px;border-radius:12px;border:2px solid var(--groen);background:var(--wit);font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.tab[aria-current=page]{background:var(--groen);color:var(--wit)}.stip{width:14px;height:14px;border-radius:50%;display:inline-block}.kaarten{padding:8px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.kaart{gap:14px;padding:14px 12px 14px 14px;min-height:96px;background:var(--wit);border:2px solid var(--beige);border-radius:var(--radius);text-decoration:none}.kaart,.kaart-icoon{display:flex;align-items:center}.kaart-icoon{flex:none;width:64px;height:64px;border-radius:14px;justify-content:center}.kaart-tekst{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.kaart-titel{font-size:20px;font-weight:800;line-height:1.25}.kaart-sub{font-size:16px;font-weight:500;line-height:1.35;color:var(--teal)}.kaart-prijs{margin-top:4px;font-size:19px;font-weight:800}.kaart-prijs small{font-size:15px;font-weight:500;color:var(--teal)}.leeg{margin:8px 16px;padding:32px 20px;text-align:center;border:2px dashed var(--teal);border-radius:var(--radius);font-size:18px;background:var(--wit)}.bg-kip{background:#fce3d8}.bg-varken{background:#f6dce4}.bg-koe{background:#dcebe9}.bg-onbekend{background:var(--beige)}.vakken{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.vak{background:var(--wit);border-radius:14px;border:2px solid var(--beige);padding:12px 14px;display:flex;flex-direction:column;gap:2px}.vak-label{font-size:15px;color:var(--teal)}.vak-waarde,.wijzig{font-size:20px;font-weight:800}.wijzig{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:84px;padding:0 18px;border-radius:var(--radius);border:3px solid var(--groen);background:var(--wit);text-decoration:none}.wijzig-label{display:block;font-size:15px;font-weight:500;color:var(--teal)}.wijzig-actie{font-size:18px}.status,.wijzig-actie{display:inline-flex;align-items:center;gap:8px}.status{align-self:flex-start;padding:4px 12px;border-radius:999px;font-size:16px;font-weight:700}.status-on{background:#ddf2e5;color:#14532d}.status-off{background:#e4e6e5;color:#374140}.melding{margin:16px 16px 0;padding:12px 12px 12px 18px;border-radius:14px;background:var(--groen);color:var(--wit);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:18px;font-weight:700}.melding button{min-height:52px;padding:0 16px;border-radius:10px;border:0;background:var(--oranje);color:var(--groen);font-weight:800;font-size:17px}.overzicht{display:flex;flex-direction:column;background:var(--wit);border-radius:var(--radius);border:2px solid var(--beige)}.overzicht button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 16px;border:0;border-bottom:1px solid var(--beige);background:transparent;font-size:17px;text-align:left}.overzicht button:last-child{border-bottom:0}.overzicht .label{color:var(--teal)}.overzicht .waarde{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:19px}.voorbeeld{border-radius:var(--radius);padding:18px 20px;font-size:22px;font-weight:800;line-height:1.25}.resultaat,.voorbeeld{background:var(--groen);color:var(--wit)}.resultaat{flex:1 1;padding:48px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.resultaat h1{margin:0;font-size:36px;font-weight:800}.resultaat p{margin:0;font-size:20px;line-height:1.4;color:var(--lichttekst)}.rondje{width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:40px}.duw{flex:1 1}.stepper{justify-content:space-between;gap:12px}.stepper,.stepper button{display:flex;align-items:center}.stepper button{width:88px;height:88px;border-radius:50%;border:3px solid var(--groen);background:var(--wit);justify-content:center}.stepper .waarde{font-size:72px;font-weight:800}.stepper.klein button{width:68px;height:68px}.stepper.klein .waarde{font-size:48px}.stepper.klein{padding:12px;border-radius:var(--radius);background:var(--wit);border:2px solid var(--beige)}.login{flex:1 1;background:var(--groen);color:var(--wit);display:flex;flex-direction:column;padding:72px 20px calc(32px + env(safe-area-inset-bottom));gap:24px}.logo{width:96px;height:96px;border-radius:20px;background:var(--oranje);display:flex;align-items:center;justify-content:center;font-size:52px;margin:0 auto}.login input,.logo{color:var(--groen);font-weight:800}.login input{min-height:72px;padding:0 20px;border-radius:var(--radius);border:3px solid var(--wit);background:var(--wit);font-size:28px;width:100%}.fout{margin:0;padding:12px 16px;border-radius:12px;background:#fce3d8;color:var(--groen);font-size:18px;font-weight:700}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}