@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2)format("woff2"),url(/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-ext-500-normal-BtRyHRi6.woff2)format("woff2"),url(/assets/dm-mono-latin-ext-500-normal-Dw3M13d8.woff)format("woff");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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff");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}:root{--font-kop:"Bricolage Grotesque Variable", system-ui, sans-serif;--font-tekst:"DM Sans", system-ui, sans-serif;--font-label:"DM Mono", ui-monospace, monospace;--tekst-totaal:68px;--tekst-kop:32px;--tekst-pot:24px;--tekst-groot:19px;--tekst-basis:17px;--tekst-klein:15px;--tekst-mini:14px;--o-tekst-titel:22px;--o-tekst-kaartkop:15px;--o-tekst-basis:14px;--label-spacing:.1em;--ruimte-1:8px;--ruimte-2:10px;--ruimte-3:14px;--ruimte-4:16px;--ruimte-5:20px;--ruimte-6:26px;--radius-o-klein:12px;--radius-o:16px;--radius-k-klein:18px;--radius-k:26px;--radius-k-groot:30px;--radius-rond:999px;--raak-min:48px;--knop-hoogte:52px;--knop-hoogte-groot:68px;--uitgeven:oklch(70% .14 20);--uitgeven-zacht:oklch(93% .05 20);--uitgeven-diep:oklch(45% .12 20);--sparen:oklch(66% .12 165);--sparen-zacht:oklch(93.5% .035 165);--sparen-diep:oklch(42% .09 165);--groeien:oklch(62% .13 285);--groeien-zacht:oklch(92.5% .045 290);--groeien-diep:oklch(42% .13 285);--verdienen:oklch(80% .14 88);--verdienen-zacht:oklch(94% .055 88);--verdienen-diep:oklch(47% .1 75);--uitgeven-baan:var(--uitgeven-zacht);--sparen-baan:var(--sparen-zacht);--groeien-baan:var(--groeien-zacht);--goed:oklch(55% .11 165);--let-op:oklch(60% .15 30)}.thema-kind{--achtergrond:oklch(96.5% .013 87);--kaart:oklch(100% 0 0);--kaart-op-kaart:oklch(95.5% .014 87);--tekst:oklch(33.9% .067 242);--tekst-zacht:oklch(52% .045 242);--tekst-grijs:oklch(62% .03 242);--lijn:oklch(92% .012 87);--lijn-sterk:oklch(87% .015 87);--accent:oklch(53.8% .092 188);--accent-zacht:oklch(94% .03 188);--accent-diep:oklch(40% .08 188);--knop:oklch(53.8% .092 188);--knop-tekst:oklch(100% 0 0);--knop-uit:oklch(93% .012 87);--knop-uit-tekst:oklch(62% .03 242);--schaduw-kaart:0 2px 10px oklch(33.9% .067 242/.06);--schaduw-op:0 6px 20px oklch(33.9% .067 242/.1);--font-basis:var(--font-tekst);background:var(--achtergrond);color:var(--tekst)}.thema-ouder{--achtergrond:oklch(96.5% .013 87);--kaart:oklch(100% 0 0);--kaart-op-kaart:oklch(95.5% .014 87);--tekst:oklch(33.9% .067 242);--tekst-zacht:oklch(52% .045 242);--tekst-grijs:oklch(60% .03 242);--lijn:oklch(92% .012 87);--lijn-sterk:oklch(87% .015 87);--accent:oklch(53.8% .092 188);--accent-zacht:oklch(94% .03 188);--accent-diep:oklch(40% .08 188);--slot:oklch(28% .05 242);--slot-diep:oklch(23% .05 242);--slot-op:oklch(34% .045 242);--slot-lijn:oklch(44% .045 242);--slot-tekst:oklch(96% .01 242);--slot-tekst-zacht:oklch(82% .03 242);--slot-tekst-grijs:oklch(65% .03 242);--knop:oklch(53.8% .092 188);--knop-tekst:oklch(100% 0 0);--knop-uit:oklch(93% .012 87);--knop-uit-tekst:oklch(60% .03 242);--schaduw-kaart:0 2px 10px oklch(33.9% .067 242/.06);--schaduw-op:0 6px 20px oklch(33.9% .067 242/.1);--font-basis:var(--font-tekst);background:var(--achtergrond);color:var(--tekst)}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{font-family:var(--font-tekst);font-size:var(--tekst-basis);-webkit-font-smoothing:antialiased;background:oklch(93% .016 87);margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.ouder-app{max-width:100%;height:100dvh;font-family:var(--font-tekst);font-size:var(--o-tekst-basis);display:flex;overflow-x:hidden}.ouder-midden{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.slot{z-index:10;background:var(--slot);height:100dvh;color:var(--slot-tekst);--toets-hoog:68px;--slot-gat:var(--ruimte-5);justify-content:safe center;align-items:center;gap:var(--slot-gat);padding:32px 28px calc(28px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;inset:0 0 auto;overflow-y:auto}.slot-boven{align-items:center;gap:var(--ruimte-3);flex-direction:column;display:flex}.slot-merk{border:2px solid var(--slot-lijn);width:56px;height:56px;color:var(--slot-tekst-zacht);border-radius:16px;justify-content:center;align-items:center;font-size:22px;display:flex}.slot-naam{text-align:center;font-size:20px;font-weight:700}.slot-regel{font-size:var(--tekst-klein);color:var(--slot-tekst-grijs);text-align:center;max-width:32ch;margin-top:8px;line-height:1.5}.slot-stippen{margin-top:var(--ruimte-3);gap:14px;display:flex}.slot-stip{border:2px solid var(--slot-lijn);border-radius:50%;width:14px;height:14px}.slot-stip.vol{background:var(--slot-tekst);border-color:var(--slot-tekst)}.slot-fout{min-height:20px;color:var(--let-op);text-align:center;font-size:14px}.toetsen{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:300px;display:grid}.toets{height:var(--toets-hoog);background:var(--slot-op);color:var(--slot-tekst);font-family:var(--font-kop);border-radius:20px;font-size:26px;font-weight:700}.toets:active{background:var(--slot-op)}.toets:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toets.wis{color:var(--slot-tekst-grijs);background:0 0;font-size:22px}@media (height<=900px){.slot{--toets-hoog:60px;--slot-gat:14px;padding:20px 28px calc(18px + env(safe-area-inset-bottom))}.slot-boven{gap:10px}.slot-merk{border-radius:13px;width:44px;height:44px}.slot-regel{margin-top:4px}.slot-stippen{margin-top:6px}.slot-fout{min-height:0}.slot-gezicht{margin-top:var(--ruimte-3);min-height:48px}.toetsen{gap:10px}}@media (height<=740px){.slot{--toets-hoog:52px}.slot-merk{display:none}.slot-vergeten{font-size:12px}}.slot-vergeten button{font:inherit;color:var(--slot-tekst-zacht);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.slot-vergeten button:active{color:var(--slot-tekst)}.slot-vergeten{color:var(--slot-tekst-grijs);text-align:center;max-width:34ch;margin:0;font-size:13px;line-height:1.5}.ouder-kop{border-bottom:1px solid var(--lijn);flex-shrink:0;padding:12px 20px}.ouder-woordmerk{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.14em;color:var(--tekst-grijs);font-size:12px}.ouder-titelregel{justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px;display:flex}.ouder-titel{font-size:var(--o-tekst-titel);font-weight:700}.ouder-sub{font-family:var(--font-label);color:var(--tekst-grijs);font-size:13px}.ouder-inhoud{contain:paint;flex:1;min-width:0;min-height:0;padding:14px 16px 20px;overflow:hidden auto}.ouder-blad{max-width:760px}.ouder-balk{border-top:1px solid var(--lijn);background:var(--kaart);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;grid-template-columns:repeat(4,1fr);display:grid}.ouder-balk button{min-height:var(--raak-min);height:72px;color:var(--tekst-zacht);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.ouder-balk button[aria-current=page]{color:var(--tekst);font-weight:700}.ouder-rail{display:none}@media (width>=840px){.ouder-rail{border-right:1px solid var(--lijn);background:var(--kaart);flex-direction:column;flex-shrink:0;gap:4px;width:116px;padding:14px 10px;display:flex}.ouder-rail button{border-radius:var(--radius-o);height:76px;color:var(--tekst-zacht);flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:13px;display:flex}.ouder-rail button[aria-current=page]{background:var(--kaart-op-kaart);color:var(--tekst)}.ouder-balk{display:none}.ouder-inhoud{padding:20px 32px 32px}}.o-vorm{border-radius:50%;flex-shrink:0;width:18px;height:18px}.o-vorm.blok{border-radius:5px}.taken{gap:var(--ruimte-2);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=840px){.taken{grid-template-columns:1fr 1fr}}.taak{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius-o);padding:14px}.taak-regel{justify-content:space-between;align-items:center;gap:10px;display:flex}.taak-kop{font-size:16px;font-weight:500}.taak-wie{font-family:var(--font-label);color:var(--tekst-grijs);flex-shrink:0;font-size:12px}.taak-onder{font-size:var(--o-tekst-basis);color:var(--tekst-grijs);margin-top:5px}.taak-bericht{background:var(--achtergrond);font-size:var(--o-tekst-basis);border-radius:10px;margin-top:8px;padding:10px 12px;line-height:1.45}.taak-knoppen{gap:8px;margin-top:12px;display:flex}.taak-ja{height:var(--raak-min);border-radius:var(--radius-o-klein);background:var(--accent);color:#fff;font-size:var(--tekst-klein);flex:1;font-weight:700}.taak-nee{width:92px;height:var(--raak-min);border-radius:var(--radius-o-klein);border:1px solid var(--lijn-sterk);font-size:var(--tekst-klein);color:var(--tekst-zacht)}.taak-pen{width:var(--raak-min);height:var(--raak-min);border-radius:var(--radius-o-klein);border:1px solid var(--lijn-sterk);color:var(--tekst-zacht);font-size:17px}.taak-pen[aria-pressed=true]{background:var(--kaart-op-kaart);color:var(--tekst)}.o-veld{width:100%;height:var(--raak-min);border-radius:var(--radius-o-klein);border:1px solid var(--lijn-sterk);font-size:var(--tekst-klein);background:var(--kaart);margin-top:10px;padding:0 12px}.o-veld:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.leeg{text-align:center;flex-direction:column;align-items:center;padding:30px 4px;display:flex}.leeg-teken{border:1.5px solid var(--lijn-sterk);width:40px;height:40px;color:var(--tekst-grijs);border-radius:12px;justify-content:center;align-items:center;font-size:17px;display:flex}.leeg-kop{margin-top:var(--ruimte-4);font-size:18px;font-weight:500}.leeg-onder{font-size:var(--tekst-klein);color:var(--tekst-grijs);margin-top:8px;line-height:1.5}.kind-kaarten{gap:var(--ruimte-2);grid-template-columns:1fr;display:grid}@media (width>=840px){.kind-kaarten{grid-template-columns:1fr 1fr}}.kind-kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius-o);padding:14px}.kind-kaart-kop{align-items:center;gap:12px;display:flex}.kind-kaart-avatar{width:44px;height:44px;font-family:var(--font-kop);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;overflow:hidden}.kind-kaart-avatar img{object-fit:cover;width:100%;height:100%}.kind-kaart-naam{font-size:16px;font-weight:500;display:block}.kind-kaart-wacht{color:var(--tekst-grijs);margin-top:2px;font-size:13px;display:block}.kind-kaart-totaal{font-family:var(--font-kop);margin-left:auto;font-size:20px;font-weight:700}.kind-potjes{gap:var(--ruimte-4);border-top:1px solid var(--lijn);color:var(--tekst-grijs);flex-wrap:wrap;margin-top:12px;padding-top:12px;font-size:13px;display:flex}.kind-potje-bedrag{color:var(--tekst);margin-top:2px;font-weight:500;display:block}.kind-kaart-knoppen{gap:8px;margin-top:12px;display:flex}.o-knop{height:var(--raak-min);border-radius:var(--radius-o-klein);border:1px solid var(--lijn-sterk);font-size:var(--tekst-klein);color:var(--tekst-zacht);flex:1}.o-knop.vol{background:var(--accent);color:#fff;border-color:#0000;font-weight:700}.klus-lijst{flex-direction:column;gap:8px;display:flex}.klus-regel{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius-o);justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.klus-naam{font-size:var(--tekst-klein);display:block}.klus-wie{color:var(--tekst-grijs);margin-top:2px;font-size:13px;display:block}.klus-bedrag{font-size:var(--tekst-klein);flex-shrink:0;font-weight:700}.o-mini{margin-top:var(--ruimte-4)}.keuzerij{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.o-knop.aan{background:var(--kaart-op-kaart);color:var(--tekst);border-color:var(--accent);font-weight:500}.o-knop.breed{flex:none;width:100%;margin-top:10px}.vink{width:1em;color:var(--accent);margin-right:6px;font-weight:700;display:inline-block}.terug-o{font-size:var(--tekst-klein);color:var(--tekst-zacht);min-height:32px}.order-kop{margin:14px 0 0;font-size:20px;font-weight:700;line-height:1.3}.order-stappen{font-size:var(--tekst-klein);margin:8px 0 0;line-height:1.5}.order-waarschuwing{margin:var(--ruimte-3) 0 0;background:var(--kaart-op-kaart);font-size:var(--o-tekst-basis);border-radius:12px;padding:12px 14px;line-height:1.45}.order-kaart{margin-top:var(--ruimte-3);background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius-o);padding:14px}.order-label{font-size:var(--tekst-klein);font-weight:500;display:block}.order-uitkomst{color:var(--tekst-grijs);font-size:13px;font-family:var(--font-label);margin:10px 0 0}.blok{margin-top:var(--ruimte-4)}.blok-onder{font-size:var(--o-tekst-basis);color:var(--tekst-grijs);margin:8px 0 0;line-height:1.45}.foto-rij{align-items:center;gap:var(--ruimte-3);margin-top:var(--ruimte-3);display:flex}.foto-naast{flex:1;min-width:0}.foto-uitleg{font-size:var(--o-tekst-basis);color:var(--tekst-grijs);margin:6px 0 0;line-height:1.45}.fotofout{color:var(--let-op);margin:6px 0 0;font-size:13px}.fotoknop{border:1.5px dashed var(--lijn-sterk);cursor:pointer;font-family:var(--font-kop);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:relative;overflow:hidden}.fotoknop img{object-fit:cover;width:100%;height:100%}.fotoknop input{opacity:0;cursor:pointer;position:absolute;inset:0}.fotoknop:focus-within{outline:2px solid var(--accent);outline-offset:2px}.geen-marge{margin-top:0}.pct-banen{flex-direction:column;gap:12px;margin-top:10px;display:flex}.pct-regel{font-size:var(--tekst-klein);justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.pct-waarde{font-weight:700}.o-knop.rand-accent{border-color:var(--accent);width:100%;color:var(--accent-diep);flex:none;margin-top:10px;font-weight:700}.o-knop.smal{flex:none;width:auto;height:40px;padding:0 14px}.klus-regel.als-knop{text-align:left;cursor:pointer;width:100%}.klus-regel.kolom{flex-direction:column;align-items:flex-start;gap:4px}.uitleg-tekst{font-size:var(--o-tekst-basis);color:var(--tekst-grijs);line-height:1.45}.uitleg-lijst{margin-top:var(--ruimte-4)}.historie{flex-direction:column;margin-top:12px;display:flex}.historie-regel{border-bottom:1px solid var(--lijn);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.historie-status{font-size:var(--tekst-klein);color:var(--tekst-grijs);flex-shrink:0;font-weight:700}.historie-status.goed{color:var(--sparen-diep)}.totaal-regel{margin-top:var(--ruimte-3)}.koers-balk{background:var(--kaart-op-kaart);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.koers-balk p{font-size:var(--o-tekst-basis);margin:0;line-height:1.45}.koers-balk .o-knop{margin-top:0}.koers-lijst{margin-top:var(--ruimte-3)}.koers-kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius-o);padding:14px}.koers-kop{justify-content:space-between;align-items:center;gap:10px;display:flex}.merk{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06em;background:var(--kaart-op-kaart);color:var(--tekst-grijs);border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:11px}.merk.auto{background:var(--sparen-zacht);color:var(--sparen-diep)}.setup-stippen{gap:5px;display:flex}.setup-stip{background:var(--lijn-sterk);border-radius:2px;flex:1;height:4px}.setup-stip.aan{background:var(--accent)}.setup .mini-label{margin-top:var(--ruimte-3)}.setup-kop{font-size:var(--o-tekst-titel);margin:4px 0 0;font-weight:700;line-height:1.25}.setup-terug{width:100%;height:46px;font-size:var(--tekst-klein);color:var(--tekst-grijs);margin-top:4px}.keuzerij.ruim{margin-top:var(--ruimte-4)}.keuzerij.ruim .o-knop{flex:0 auto;padding:0 14px}.startvelden{gap:var(--ruimte-2);margin-top:var(--ruimte-4);flex-direction:column;display:flex}.startveld{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius-o);align-items:center;gap:12px;padding:12px 14px;display:flex}.startstip{border-radius:50%;flex-shrink:0;width:10px;height:10px}.startnaam{font-size:var(--tekst-klein);flex:1}.startinvoer{text-align:right;flex-shrink:0;width:92px;height:44px;margin-top:0}.install-kaart{background:var(--kaart-op-kaart);border-radius:var(--radius-o);margin-bottom:var(--ruimte-2);padding:14px}.install-kaart .klus-wie{margin:6px 0 0;line-height:1.45}.install-kaart .o-knop{margin-top:12px}.rolkeuze{margin-top:var(--ruimte-4)}.rolkeuze .klus-regel{gap:var(--ruimte-3)}.rol-tekst{flex:1;min-width:0}.rol-avatar{width:44px;height:44px;font-family:var(--font-kop);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;overflow:hidden}.rol-avatar img{object-fit:cover;width:100%;height:100%}.rol-avatar.ouder{background:var(--slot);font-size:16px}.klus-regel.als-knop.los{margin-top:var(--ruimte-2)}.kind-toevoegen{border:1.5px dashed var(--lijn-sterk);border-radius:var(--radius-o);text-align:left;width:100%;min-height:88px;color:var(--tekst-zacht);align-items:center;gap:12px;padding:14px;display:flex}.kind-toevoegen:hover{border-color:var(--accent);color:var(--tekst)}.kind-toevoegen-teken{background:var(--kaart-op-kaart);width:44px;height:44px;color:var(--tekst-grijs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.slot-wie{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.12em;color:var(--slot-tekst-grijs);text-align:center;font-size:12px}.slot-gezicht{margin-top:var(--ruimte-5);min-height:var(--knop-hoogte);border:1px solid var(--slot-lijn);background:var(--accent-diep);color:var(--slot-tekst);font-family:var(--font-kop);font-weight:700;font-size:var(--tekst-basis);cursor:pointer;border-radius:999px;padding:0 24px}.slot-gezicht:active{background:var(--slot-lijn)}.slot-gezicht:disabled{opacity:.6;cursor:default}.slot-wissel{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.slot-wissel button{min-height:var(--raak-min);border:1px solid var(--slot-lijn);color:var(--slot-tekst-zacht);font-size:var(--tekst-klein);border-radius:12px;padding:0 16px}.slot-veld{border-radius:var(--radius-o);border:1px solid var(--slot-lijn);background:var(--slot-diep);width:100%;max-width:420px;height:52px;color:var(--slot-tekst);text-align:center;padding:0 14px;font-size:16px}.slot-veld::placeholder{color:var(--slot-tekst-grijs)}.slot-veld:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slot-knop{border-radius:var(--radius-o);background:var(--accent);color:#fff;width:100%;max-width:420px;height:52px;font-size:16px;font-weight:700}.slot-knop:disabled{background:var(--slot-op);color:var(--slot-tekst-grijs);cursor:not-allowed}.qr{margin:var(--ruimte-4) auto 0;border-radius:var(--radius-o);border:1px solid var(--lijn);background:#fff;width:min(280px,70vw);padding:14px}.qr svg{width:100%;height:auto;display:block}.qr-onder{text-align:center}.qr-uitwijk{margin-top:var(--ruimte-4);font-size:var(--o-tekst-basis)}.qr-uitwijk summary{cursor:pointer;color:var(--tekst-zacht);min-height:32px}.qr-uitwijk code{word-break:break-all;font-size:12px}.uitnodigen{border-top:1px solid var(--lijn);margin-top:12px;padding-top:12px}.uitnodigen .klus-wie{display:block}.toestel-af{margin:8px 0 0}.slot-knop.rustig{border:1px solid var(--slot-lijn);color:var(--slot-tekst-zacht);background:0 0;font-weight:500}.code-veld{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;font-size:22px}.koppel-stappen{margin:var(--ruimte-4) 0 0;font-size:var(--o-tekst-basis);color:var(--tekst-zacht);padding-left:20px;line-height:1.55}.koppel-stappen li{margin-bottom:8px}.koppelcode{margin-top:var(--ruimte-4);background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius-o);text-align:center;font-family:var(--font-label);letter-spacing:.14em;color:var(--tekst);-webkit-user-select:all;user-select:all;padding:22px 14px;font-size:30px}.taak-aan{font-family:var(--font-label);color:var(--tekst-grijs);margin-top:6px;font-size:12px}.taak-eerder{background:var(--verdienen-zacht);font-size:var(--o-tekst-basis);color:var(--verdienen-diep);border-radius:10px;margin-top:8px;padding:10px 12px;line-height:1.45}.blok-onder.verschil{background:var(--verdienen-zacht);color:var(--verdienen-diep);border-radius:10px;padding:10px 12px;font-weight:500}.startnaam .klus-wie{display:block}.slot-klein{color:var(--slot-tekst-grijs);text-align:center;max-width:36ch;margin:0;font-size:13px;line-height:1.45}.passkey-regel{border-top:1px solid var(--lijn);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:8px;display:flex}.als-schakel{min-height:32px;text-decoration:underline}.gezicht-stap{margin-top:var(--ruimte-4)}.gezicht-stap .o-knop{margin-top:0}.uitlegpagina{background:var(--slot-op);min-height:100dvh;color:var(--slot-tekst);font-family:var(--font-tekst);overflow-y:auto}.uitleg-binnen{flex-direction:column;align-items:center;max-width:560px;margin:0 auto;padding:48px 24px 56px;display:flex}.uitleg-titel{font-family:var(--font-kop);margin:var(--ruimte-4) 0 0;font-size:30px;font-weight:700}.uitleg-inleiding{font-size:var(--tekst-basis);color:var(--slot-tekst-grijs);text-align:center;max-width:34ch;margin:10px 0 0;line-height:1.5}.uitleg-stukken{gap:var(--ruimte-5);flex-direction:column;width:100%;margin:36px 0;display:flex}.uitleg-stukken h2{font-family:var(--font-kop);margin:0 0 6px;font-size:19px;font-weight:700}.uitleg-stukken p{font-size:var(--tekst-klein);color:var(--slot-tekst-grijs);margin:0;line-height:1.6}.slot-schakel{min-height:var(--raak-min);font-size:var(--tekst-klein);color:var(--slot-tekst-grijs);text-underline-offset:3px;text-decoration:underline}.o-titel{font-family:var(--font-kop);font-weight:700;font-size:var(--o-tekst-titel);margin:0 0 6px}.o-uitleg{margin:0 0 var(--ruimte-4);font-size:var(--o-tekst-basis);color:var(--tekst-zacht);line-height:1.5}.waarschuwkaart{background:var(--verdienen-zacht);border-radius:var(--radius-o);margin-bottom:var(--ruimte-4);padding:14px}.waarschuwkaart .klus-wie{color:var(--verdienen-diep);margin:6px 0 0;line-height:1.45}.o-kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius-o);padding:var(--ruimte-4);margin-top:var(--ruimte-4)}.o-label{margin:var(--ruimte-4) 0 6px;font-family:var(--font-label);letter-spacing:var(--label-spacing);text-transform:uppercase;color:var(--tekst-grijs);font-size:11px;display:block}.beweging-keuze{flex-wrap:wrap;gap:8px;display:flex}.beweging-keuze .o-knop{flex:1 1 0;width:auto;min-width:0;margin-top:0}.koers-leeftijd{font-family:var(--font-label);color:var(--uitgeven-diep);margin-top:4px;font-size:11px}.formulier-fout{margin:var(--ruimte-4) 0 0;background:var(--uitgeven-zacht);border-radius:var(--radius-o-klein);font-size:var(--o-tekst-basis);color:var(--let-op);padding:10px 12px;line-height:1.45}.formulier-hint{text-align:center;margin:8px 0 0}.o-knop:disabled{opacity:.45;cursor:default}.o-knop.uitlog{margin-top:var(--ruimte-5);height:var(--knop-hoogte);font-size:var(--o-tekst-kaartkop)}.uitlog-onder{text-align:center;margin:8px 0 0}.veld-met-oog{width:100%;max-width:420px;position:relative}.veld-met-oog .slot-veld{padding-right:84px}.oog{min-height:40px;color:var(--slot-tekst-grijs);font-family:var(--font-label);letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:0 12px;font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.oog:active{color:var(--slot-tekst-zacht)}.taak-delen{border-top:1px solid var(--lijn);margin-top:10px;padding-top:8px}.taak-deel{font-size:var(--o-tekst-basis);justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;display:flex}.taak-deel-cijfers{color:var(--tekst-zacht);font-variant-numeric:tabular-nums}.kind-app{max-width:100%;height:100dvh;font-family:var(--font-tekst);font-size:var(--tekst-basis);display:flex;overflow-x:hidden}.kind-midden{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.kind-kop{flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 22px;display:flex}.kind-merk{align-items:center;gap:10px;display:flex}.kind-avatar{width:34px;height:34px;font-family:var(--font-kop);color:var(--knop-tekst);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex;overflow:hidden}.kind-avatar img{object-fit:cover;width:100%;height:100%}.kind-plek{font-size:var(--tekst-klein);color:var(--tekst-grijs)}.kind-woordmerk{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.14em;color:var(--tekst-grijs);font-size:12px}.kind-inhoud{contain:paint;flex:1;min-width:0;min-height:0;padding:8px 22px 24px;overflow:hidden auto}.kind-blad{max-width:980px}.kind-balk{border-top:1px solid var(--lijn);background:var(--kaart);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;grid-template-columns:repeat(4,1fr);display:grid}.kind-balk button{min-height:var(--raak-min);height:82px;color:var(--tekst-zacht);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.kind-balk button[aria-current=page]{color:var(--tekst);font-weight:700}.kind-rail{display:none}@media (width>=840px){.kind-rail{border-right:1px solid var(--lijn);background:var(--kaart);flex-direction:column;flex-shrink:0;gap:6px;width:108px;padding:14px 10px;display:flex}.kind-rail button{height:84px;color:var(--tekst-zacht);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.kind-rail button[aria-current=page]{background:var(--kaart-op-kaart);color:var(--tekst)}.kind-balk{display:none}.kind-kop{padding:14px 40px}.kind-inhoud{padding:18px 40px 40px}}.nav-vorm{border-radius:50%;flex-shrink:0;width:20px;height:20px}.kind-rail .nav-vorm{width:22px;height:22px}.nav-vorm.blok{border-radius:5px}.thuis-raster{grid-template-columns:1fr;align-items:start;gap:28px;display:grid}@media (width>=840px){.thuis-raster{grid-template-columns:minmax(320px,420px) 1fr}}.thuis-label{font-size:var(--tekst-basis);color:var(--tekst-zacht)}.thuis-totaal{font-family:var(--font-kop);font-weight:800;font-size:var(--tekst-totaal);letter-spacing:-.03em;margin-top:4px;line-height:1}.thuis-belegd{font-size:var(--tekst-klein);color:var(--tekst-grijs);margin-top:8px}.potjes{gap:var(--ruimte-2);margin-top:var(--ruimte-5);flex-direction:column;display:flex}.potje{background:var(--kaart);border-radius:var(--radius-k);min-height:var(--raak-min);box-shadow:var(--schaduw-kaart);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:18px 20px;display:flex}.potje-links{align-items:center;gap:var(--ruimte-3);display:flex}.potje-stip{border-radius:50%;flex-shrink:0;width:13px;height:13px}.potje-naam{font-size:var(--tekst-groot);display:block}.potje-wacht{font-size:var(--tekst-mini);color:var(--uitgeven-diep);margin-top:3px;display:block}.potje-rente{font-size:var(--tekst-mini);color:var(--sparen-diep);margin-top:3px;display:block}.potje-bedrag{font-family:var(--font-kop);font-weight:700;font-size:var(--tekst-pot)}.zakgeld{border-top:1px solid var(--lijn-sterk);padding-top:var(--ruimte-4);justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=839px){.zakgeld{margin-top:var(--ruimte-5)}}.zakgeld-regel{font-size:var(--tekst-basis);color:var(--tekst-zacht)}.zakgeld-onder{font-size:var(--tekst-klein);color:var(--tekst-grijs);margin-top:3px}.zakgeld-bedrag{font-family:var(--font-kop);color:var(--tekst-zacht);font-size:22px;font-weight:700}.rij-kaart{margin-top:var(--ruimte-2);background:var(--kaart);min-height:var(--raak-min);box-shadow:var(--schaduw-kaart);text-align:left;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 18px;display:flex}.rij-kaart.gestippeld{margin-top:var(--ruimte-4);box-shadow:none;border:1.5px dashed var(--lijn-sterk);background:0 0}.rij-kop{font-size:var(--tekst-basis)}.rij-onder{font-size:var(--tekst-mini);color:var(--tekst-grijs);margin-top:2px}.rij-teken{color:var(--tekst-grijs);font-size:20px}.te-verdelen{background:var(--sparen-zacht);border-radius:var(--radius-k-groot);padding:var(--ruimte-5);margin-bottom:var(--ruimte-4)}.te-verdelen-kop{font-family:var(--font-kop);font-weight:700;font-size:var(--tekst-pot);color:var(--sparen-diep)}.te-verdelen-bron{color:var(--sparen-diep);margin-top:6px;font-size:16px}.te-verdelen-knop{background:var(--sparen-diep);width:100%;height:56px;color:var(--sparen-zacht);margin-top:var(--ruimte-3);border-radius:18px;font-size:18px;font-weight:700}.antwoorden{gap:var(--ruimte-2);margin-bottom:var(--ruimte-4);flex-direction:column;display:flex}.antwoord{background:var(--kaart);border-radius:var(--radius-k);box-shadow:var(--schaduw-kaart);padding:18px 20px}.antwoord-kop{font-family:var(--font-kop);font-size:20px;font-weight:700}.antwoord-regel{color:var(--tekst-zacht);margin-top:6px;font-size:16px;line-height:1.45}.antwoord-bericht{background:var(--kaart-op-kaart);border-radius:var(--radius-k-klein);padding:var(--ruimte-3);margin-top:12px;font-size:16px;line-height:1.45}.antwoord-oke{width:100%;height:var(--raak-min);background:var(--kaart-op-kaart);color:var(--tekst-zacht);border-radius:15px;margin-top:12px;font-size:16px;font-weight:500}.nog-niet{max-width:420px;padding-top:40px}.nog-niet h2{font-family:var(--font-kop);font-weight:800;font-size:var(--tekst-kop);margin:0 0 10px}.nog-niet p{color:var(--tekst-grijs);margin:0;line-height:1.5}.verdelen{max-width:560px}.verdelen-kop{font-family:var(--font-kop);margin:0;font-size:28px;font-weight:700}.verdelen-onder{color:var(--tekst-grijs);margin:8px 0 0;font-size:16px}.verdelen-banen{flex-direction:column;gap:18px;margin-top:22px;display:flex}.verdelen-regel{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.verdelen-naam{font-size:18px;font-weight:500}.verdelen-bedrag{font-family:var(--font-kop);font-size:26px;font-weight:700}.verdelen-stel{background:var(--kaart);border:1px solid var(--rand);border-radius:999px;align-items:center;padding:2px;display:flex}.verdelen-tik{width:44px;height:44px;color:var(--tekst-zacht);font-family:var(--font-kop);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex}.verdelen-tik:active{background:var(--kaart-op-kaart);color:var(--tekst)}.verdelen-tik:disabled{opacity:.25;cursor:default}.verdelen-bedrag{text-align:center;min-width:84px}.verdelen-herstel{margin-top:var(--ruimte-4);width:100%;font:inherit;font-size:var(--tekst-klein);color:var(--tekst-zacht);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:10px;text-decoration:underline}.verdelen-herstel:active{color:var(--tekst)}.verdelen-rest{margin-top:var(--ruimte-4);background:var(--kaart-op-kaart);font-size:var(--tekst-basis);color:var(--tekst-zacht);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.verdelen-rest-bedrag{font-family:var(--font-kop);color:var(--tekst);font-size:22px;font-weight:700}.verdelen-knop{background:var(--knop);width:100%;height:62px;color:var(--knop-tekst);border-radius:20px;margin-top:18px;font-size:18px;font-weight:700}.terug{background:var(--accent-zacht);min-height:48px;color:var(--accent-diep);font-family:var(--font-kop);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:16px;font-weight:700;display:inline-flex}.terug:before{content:"←";font-size:19px;line-height:1}.terug:active{background:color-mix(in oklab, var(--accent-zacht) 82%, var(--accent))}.terug:focus-visible{outline:2px solid var(--groeien);outline-offset:2px}.scherm-kop{font-family:var(--font-kop);margin:16px 0 0;font-size:28px;font-weight:700}.potje-blad,.bedrag-blad{max-width:560px}.potje-titel{margin-top:var(--ruimte-4);color:var(--tekst-zacht);align-items:center;gap:12px;font-size:18px;display:flex}.potje-groot{font-family:var(--font-kop);letter-spacing:-.03em;margin-top:6px;font-size:66px;font-weight:800;line-height:1}.actie-lijst{gap:var(--ruimte-2);flex-direction:column;margin-top:24px;display:flex}.actie{background:var(--kaart);border-radius:var(--radius-k);min-height:var(--raak-min);box-shadow:var(--schaduw-kaart);text-align:left;width:100%;padding:18px 20px}.actie.met-avatar{align-items:center;gap:var(--ruimte-3);padding:16px 18px;display:flex}.actie .letter{background:var(--kaart-op-kaart);width:48px;height:48px;font-family:var(--font-kop);color:var(--tekst-zacht);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.actie-kop{font-size:19px;font-weight:500;display:block}.actie-onder{font-size:var(--tekst-klein);color:var(--tekst-grijs);margin-top:2px;display:block}.bedrag-kop{font-family:var(--font-kop);margin:14px 0 0;font-size:26px;font-weight:700}.bedrag-groot{font-family:var(--font-kop);letter-spacing:-.03em;margin-top:18px;font-size:72px;font-weight:800;line-height:1}.munten{margin-top:var(--ruimte-4);flex-wrap:wrap;gap:7px;display:flex}.munt{background:var(--kaart-op-kaart);border-radius:50%;width:22px;height:22px}.munt.aan{background:var(--muntkleur,var(--uitgeven))}.bedrag-schuif{margin-top:var(--ruimte-4)}.bedrag-rest{color:var(--tekst-grijs);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:16px;display:flex}.bedrag-rest-bedrag{font-family:var(--font-kop);color:var(--tekst);font-size:20px;font-weight:700}.veld-label{color:var(--tekst-grijs);margin-top:18px;font-size:16px;display:block}.veld{border:1.5px solid var(--lijn-sterk);background:var(--kaart);width:100%;height:56px;font-size:var(--tekst-basis);border-radius:17px;margin-top:8px;padding:0 16px}.veld:focus-visible{outline:3px solid var(--tekst);outline-offset:2px}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{border-radius:var(--radius-o);height:44px;font-size:var(--tekst-klein);background:var(--kaart-op-kaart);color:var(--tekst-zacht);align-items:center;padding:0 16px;display:flex}.chip.aan{background:var(--knop);color:var(--knop-tekst)}.bedrag-uitleg{background:var(--kaart-op-kaart);color:var(--tekst-zacht);border-radius:22px;margin:18px 0 0;padding:18px;font-size:16px;line-height:1.5}.hoofdknop{background:var(--knop);width:100%;height:62px;color:var(--knop-tekst);margin-top:var(--ruimte-4);border-radius:20px;font-size:18px;font-weight:700}.hoofdknop:disabled{background:var(--knop-uit);color:var(--knop-uit-tekst);cursor:not-allowed}.mini-label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.1em;color:var(--tekst-grijs);margin-top:var(--ruimte-5);font-size:12px}.rustig{color:var(--tekst-grijs);margin:10px 0 0;font-size:16px}.vraag-lijst{gap:var(--ruimte-2);margin-top:var(--ruimte-2);flex-direction:column;display:flex}.vraag{background:var(--kaart);box-shadow:var(--schaduw-kaart);border-radius:22px;padding:16px 18px}.vraag-regel{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.vraag-kop{font-size:var(--tekst-basis);font-weight:500}.vraag-bedrag{font-family:var(--font-kop);font-size:19px;font-weight:700}.vraag-detail{font-size:var(--tekst-klein);color:var(--tekst-grijs);margin-top:4px}.vraag-status{font-size:var(--tekst-klein);color:var(--tekst-zacht);align-items:center;gap:10px;margin-top:10px;display:flex}.stip,.wachtstip{border-radius:50%;flex-shrink:0;width:9px;height:9px}.wachtstip{background:var(--uitgeven);animation:2.2s ease-in-out infinite wachten}@keyframes wachten{0%,to{opacity:1}50%{opacity:.3}}.weghalen{font-size:var(--tekst-klein);color:var(--tekst-grijs);margin-left:auto}.vraag-bericht{background:var(--kaart-op-kaart);border-radius:var(--radius-o);font-size:var(--tekst-klein);margin-top:10px;padding:12px 14px;line-height:1.45}.uitklap{border-top:1px solid var(--lijn-sterk);width:100%;font-size:var(--tekst-basis);color:var(--tekst-zacht);min-height:var(--raak-min);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:18px;display:flex}.verdiend-onder{color:var(--tekst-grijs);margin-top:10px;font-size:16px}.klusjes{gap:var(--ruimte-2);margin-top:var(--ruimte-5);flex-direction:column;display:flex}.klusje{background:var(--kaart);border-radius:var(--radius-k);box-shadow:var(--schaduw-kaart);align-items:center;gap:12px;padding:14px 16px;display:flex}.klusje-tekst{flex:1;min-width:0}.klusje-naam{font-size:18px;font-weight:500}.klusje-regel{font-size:var(--tekst-klein);color:var(--tekst-grijs);margin-top:2px}.klusje-knop{height:var(--raak-min);background:var(--knop);color:var(--knop-tekst);border-radius:15px;flex-shrink:0;padding:0 20px;font-size:16px;font-weight:700}.klusje-knop.wacht{background:var(--kaart-op-kaart);color:var(--tekst-zacht);cursor:default}.idee{margin-top:var(--ruimte-6);border-top:1px solid var(--lijn-sterk);padding-top:var(--ruimte-5)}.idee-kop{font-family:var(--font-kop);margin:0;font-size:22px;font-weight:700}.idee-onder{font-size:var(--tekst-klein);color:var(--tekst-grijs);margin:6px 0 0;line-height:1.45}.idee-veld{border-radius:var(--radius-k-klein);height:52px;margin-top:12px}.idee-bedragen{gap:8px;margin-top:10px;display:flex}.idee-bedrag{border-radius:var(--radius-k-klein);background:var(--kaart);height:52px;color:var(--tekst-zacht);box-shadow:var(--schaduw-kaart);flex:1;font-size:16px;font-weight:700}.idee-bedrag.aan{background:var(--knop);color:var(--knop-tekst);box-shadow:none}.vrijkaart{background:var(--uitgeven-zacht);border-radius:var(--radius-k);padding:var(--ruimte-5);margin-top:18px}.vrij-kop{font-family:var(--font-kop);color:var(--uitgeven-diep);font-size:21px;font-weight:700}.vrij-tekst{font-size:var(--tekst-basis);color:var(--uitgeven-diep);margin:8px 0 0;line-height:1.5}.rentekaart{background:var(--sparen-zacht);border-radius:var(--radius-k);padding:var(--ruimte-5);margin-top:18px}.rente-kop{font-family:var(--font-kop);color:var(--sparen-diep);font-size:21px;font-weight:700}.rente-tekst{color:var(--sparen-diep);margin:8px 0 0;font-size:16px;line-height:1.5}.rente-historie{margin-top:var(--ruimte-3);flex-direction:column;gap:8px;display:flex}.rente-regel{color:var(--sparen-diep);justify-content:space-between;gap:12px;font-size:16px;display:flex}.rente-bedrag{font-weight:700}.zonder-doel{margin:var(--ruimte-4) 0 0;background:var(--kaart-op-kaart);color:var(--tekst-zacht);border-radius:22px;padding:18px;font-size:16px;line-height:1.5}.doelen{gap:var(--ruimte-2);margin-top:var(--ruimte-4);flex-direction:column;display:flex}.doel{background:var(--kaart);border-radius:var(--radius-k-groot);padding:var(--ruimte-5);box-shadow:var(--schaduw-kaart)}.doel-regel{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.doel-naam{font-size:19px;font-weight:500}.doel-stand{color:var(--tekst-grijs);font-size:16px}.doel-baan{background:var(--sparen-baan);height:14px;margin-top:var(--ruimte-3);border-radius:8px;overflow:hidden}.doel-vul{background:var(--sparen);border-radius:8px;height:100%}.doel-onder{color:var(--sparen-diep);margin-top:10px;font-size:16px}.doel-vragen{background:var(--sparen-diep);width:100%;height:54px;color:var(--sparen-zacht);font-size:var(--tekst-basis);margin-top:var(--ruimte-3);border-radius:17px;font-weight:700}.doel-weg{width:100%;height:44px;font-size:var(--tekst-klein);color:var(--tekst-grijs);margin-top:4px}.doel-veld{border-radius:18px;height:60px;margin-top:18px;font-size:19px}.prijzen{gap:8px;margin-top:10px;display:flex}.prijs{border-radius:var(--radius-k-klein);background:var(--kaart-op-kaart);height:54px;color:var(--tekst-zacht);flex:1;font-size:18px}.prijs.aan{background:var(--knop);color:var(--knop-tekst)}.eigen-prijs{font-size:var(--tekst-basis);color:var(--tekst-grijs);align-items:center;gap:12px;margin-top:12px;display:flex}.eigen-prijs .veld{border-radius:var(--radius-k-klein);flex:1;height:54px;margin-top:0;font-size:18px}.rekensom{background:var(--sparen-zacht);font-size:var(--tekst-basis);color:var(--sparen-diep);border-radius:22px;margin:18px 0 0;padding:18px;line-height:1.5}.groei-inleg{font-size:var(--tekst-basis);color:var(--tekst-zacht);margin-top:10px}.groei-pot{color:var(--tekst-grijs);margin-top:6px;font-size:16px}.grafiek{margin:18px 0 0}.grafiek-banen{align-items:flex-end;gap:8px;height:130px;display:flex}.staaf{background:var(--groeien-zacht);border-radius:8px 8px 0 0;flex:1}.staaf.laatste{background:var(--groeien)}.grafiek-labels{font-family:var(--font-label);color:var(--tekst-grijs);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.grafiek-labels span{text-align:center;flex:1}.grafiek-onder{margin-top:var(--ruimte-3);justify-content:space-between;align-items:center;gap:12px;display:flex}.grafiek-eenheid{font-family:var(--font-label);font-size:var(--tekst-mini);letter-spacing:var(--label-spacing);color:var(--tekst-grijs)}.grafiek-verschil{font-size:var(--tekst-klein);color:var(--tekst-zacht)}.rustige-uitleg{margin:var(--ruimte-4) 0 0;background:var(--kaart-op-kaart);color:var(--tekst-zacht);border-radius:22px;padding:18px;font-size:16px;line-height:1.5}.stippen{align-items:center;gap:4px;display:inline-flex}.stipje{background:var(--groeien-zacht);border-radius:50%;width:7px;height:7px}.stipje.aan{background:var(--groeien)}.vislabel{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bezit-lijst{flex-direction:column;gap:8px;margin-top:18px;display:flex}.bezit{background:var(--kaart);align-items:center;gap:var(--ruimte-3);box-shadow:var(--schaduw-kaart);text-align:left;border-radius:22px;width:100%;padding:14px 16px;display:flex}.bezit-vak{border-radius:var(--radius-o);background:repeating-linear-gradient(45deg, var(--kaart-op-kaart) 0 6px, var(--kaart) 6px 12px);width:46px;height:46px;font-family:var(--font-label);color:var(--tekst-grijs);flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.bezit-vak.groot{width:54px;height:54px;font-size:10px}.bezit-tekst{flex:1;min-width:0}.bezit-naam{font-size:18px;font-weight:500;display:block}.bezit-onder{align-items:center;gap:8px;margin-top:5px;display:flex}.bezit-inleg{font-size:var(--tekst-mini);color:var(--tekst-grijs)}.bezit-waarde{font-family:var(--font-kop);font-size:21px;font-weight:700}.kiezen-pot{color:var(--tekst-grijs);margin:6px 0 0;font-size:16px}.groepen{margin-top:var(--ruimte-3);gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.groep{height:46px;font-size:var(--tekst-klein);background:var(--kaart-op-kaart);color:var(--tekst-zacht);border-radius:15px;flex-shrink:0;padding:0 16px}.groep.aan{background:var(--knop);color:var(--knop-tekst)}.groep-uitleg{margin:var(--ruimte-3) 0 0;font-size:var(--tekst-klein);color:var(--tekst-zacht);line-height:1.5}.keuzes{margin-top:var(--ruimte-4);grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:8px;display:grid}.keuze{background:var(--kaart);padding:var(--ruimte-4);box-shadow:var(--schaduw-kaart);border-radius:24px;flex-direction:column;align-items:center;gap:6px;display:flex}.keuze-vak{border-radius:var(--radius-k-klein);background:repeating-linear-gradient(45deg, var(--kaart-op-kaart) 0 8px, var(--kaart) 8px 16px);width:84px;height:84px;font-family:var(--font-label);color:var(--tekst-grijs);justify-content:center;align-items:center;font-size:11px;display:flex}.keuze-naam{font-family:var(--font-kop);text-align:center;margin-top:6px;font-size:20px;font-weight:700}.keuze .stippen{margin-top:4px}.keuze-beweging{font-size:var(--tekst-klein);color:var(--tekst-grijs)}.keuze-bezit{font-size:var(--tekst-klein);color:var(--tekst-grijs);margin-top:6px}.swipe{font-family:var(--font-label);color:var(--tekst-grijs);text-align:center;margin:4px 0 0;font-size:13px}.belegging-kop{align-items:center;gap:var(--ruimte-3);margin-top:var(--ruimte-3);display:flex}.belegging-naam{font-family:var(--font-kop);font-size:26px;font-weight:700;display:block}.belegging-beweging{font-size:var(--tekst-mini);color:var(--tekst-grijs);align-items:center;gap:8px;margin-top:5px;display:flex}.belegging-verschil{font-family:var(--font-kop);color:var(--tekst-zacht);margin-top:6px;font-size:20px;font-weight:700}.belegging-kaart{background:var(--kaart);border-radius:var(--radius-k);box-shadow:var(--schaduw-kaart);margin-top:18px;padding:18px}.belegging-regel{font-size:var(--tekst-basis);color:var(--tekst-zacht);justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.belegging-bedrag{color:var(--tekst);font-weight:700}.belegging-uitleg{color:var(--tekst-zacht);margin:12px 0 0;font-size:16px;line-height:1.5}.belegging-knoppen{margin-top:var(--ruimte-4);gap:8px;display:flex}.knop-omlijnd,.knop-vol{height:58px;font-size:var(--tekst-basis);border-radius:19px;flex:1}.knop-omlijnd{border:1.5px solid var(--lijn-sterk);color:var(--tekst-zacht)}.knop-vol{background:var(--knop);color:var(--knop-tekst);font-weight:700}.vrij-regel{font-size:var(--tekst-klein);color:var(--uitgeven-diep);margin-top:8px}.melding-kaart{margin-top:var(--ruimte-5);background:var(--kaart);box-shadow:var(--schaduw-kaart);border-radius:22px;padding:16px 18px}.melding-uitleg{font-size:var(--tekst-mini);color:var(--tekst-grijs);margin:10px 0 0;line-height:1.45}.aan-wie-uitleg{font-size:var(--tekst-mini);color:var(--tekst-grijs);margin:8px 0 0;line-height:1.45}.spreiding{margin:var(--ruimte-4) 0 0;font-size:var(--tekst-basis);color:var(--tekst-zacht);line-height:1.5}.spreiding.alleen{color:var(--uitgeven-diep)}.koers-oud{font-family:var(--font-label);font-size:var(--tekst-mini);color:var(--tekst-grijs);margin:6px 0 0}.bezit-duur{font-size:var(--tekst-basis);color:var(--tekst-zacht);margin:8px 0 0}.doel-kaart,.eruit-kaart{margin-top:var(--ruimte-5);background:var(--kaart);border-radius:var(--radius-k);padding:var(--ruimte-5);box-shadow:var(--schaduw-kaart)}.eruit-kaart{background:var(--uitgeven-zacht);box-shadow:none}.doel-kop{font-family:var(--font-kop);font-weight:700;font-size:var(--tekst-pot);line-height:1.2}.doel-uitleg{font-size:var(--tekst-basis);color:var(--tekst-zacht);margin:8px 0 0;line-height:1.5}.doel-keuzes{margin-top:var(--ruimte-4);flex-wrap:wrap;gap:8px;display:flex}.doel-knop{min-height:var(--raak-min);border:1px solid var(--lijn-sterk);color:var(--tekst);font-size:var(--tekst-basis);cursor:pointer;background:0 0;border-radius:999px;padding:0 16px}.doel-knop:active{background:var(--kaart-op-kaart)}.doel-weg{margin-top:var(--ruimte-3);font:inherit;font-size:var(--tekst-klein);color:var(--tekst-grijs);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:8px 0;text-decoration:underline}.eruit-kaart .belegging-knoppen{margin-top:var(--ruimte-4)}.tijd-knop{margin-top:var(--ruimte-3);width:100%;min-height:var(--knop-hoogte);border:1px solid var(--lijn-sterk);color:var(--tekst);font-family:var(--font-kop);font-weight:700;font-size:var(--tekst-basis);cursor:pointer;background:0 0;border-radius:999px}.toekomst-onder{margin:0 0 var(--ruimte-5);font-size:var(--tekst-basis);color:var(--tekst-zacht);line-height:1.5}.toekomst-label{font-family:var(--font-label);font-size:var(--tekst-mini);letter-spacing:var(--label-spacing);text-transform:uppercase;color:var(--tekst-grijs);display:block}.bedrag-veld{margin:4px 0 var(--ruimte-4);align-items:baseline;gap:6px;display:flex}.bedrag-teken,.bedrag-invoer{font-family:var(--font-kop);color:var(--tekst);font-size:44px;font-weight:700;line-height:1.1}.bedrag-invoer{border:none;border-bottom:2px solid var(--lijn-sterk);background:0 0;width:100%;min-width:0;padding:0 0 4px}.bedrag-invoer:focus{border-bottom-color:var(--groeien);outline:none}.bedrag-veld.klein{margin-top:var(--ruimte-3);align-items:center}.bedrag-veld.klein .bedrag-teken,.bedrag-veld.klein .bedrag-invoer{font-size:26px}.bedrag-veld.klein .bedrag-invoer{flex:none;width:5ch}.bedrag-achter{font-size:var(--tekst-basis);color:var(--tekst-zacht)}.ritme-kop{margin-top:var(--ruimte-5)}.ritmes{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.ritme{min-height:var(--raak-min);border:1px solid var(--lijn-sterk);color:var(--tekst);font-size:var(--tekst-basis);cursor:pointer;background:0 0;border-radius:999px;padding:0 16px}.ritme.aan{background:var(--knop);border-color:var(--knop);color:var(--knop-tekst);font-weight:700}.mijlpalen{margin-top:var(--ruimte-6);flex-direction:column;gap:10px;display:flex}.mijlpaal{background:var(--kaart);border-radius:var(--radius-k-klein);box-shadow:var(--schaduw-kaart);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.mijlpaal-links,.mijlpaal-rechts{flex-direction:column;gap:2px;display:flex}.mijlpaal-rechts{align-items:flex-end}.mijlpaal-leeftijd{font-size:var(--tekst-basis)}.mijlpaal-jaren,.mijlpaal-erbij{font-size:var(--tekst-mini);color:var(--tekst-grijs)}.mijlpaal-bedrag{font-family:var(--font-kop);font-weight:700;font-size:var(--tekst-pot)}.toekomst-kaart{margin-top:var(--ruimte-5);background:var(--groeien-zacht);border-radius:var(--radius-k);padding:var(--ruimte-5)}.toekomst-kop{font-family:var(--font-kop);color:var(--groeien-diep);font-size:21px;font-weight:700}.toekomst-tekst{font-size:var(--tekst-basis);color:var(--groeien-diep);margin:8px 0 0;line-height:1.5}.toekomst-eerlijk{margin:var(--ruimte-5) 0 0;font-size:var(--tekst-klein);color:var(--tekst-grijs);line-height:1.6}.groeikaart{margin-top:var(--ruimte-5);background:var(--kaart);border-radius:var(--radius-k);padding:var(--ruimte-5);box-shadow:var(--schaduw-kaart)}.groeikaart-uitleg{margin:var(--ruimte-4) 0 0;font-size:var(--tekst-basis);color:var(--tekst-zacht);line-height:1.5}.groeikaart .koers-oud{margin-top:var(--ruimte-3)}.groeikaart+.bezit-lijst,.spreiding{margin-top:var(--ruimte-5)}.plan-lijst{gap:var(--ruimte-5);margin-top:var(--ruimte-5);flex-direction:column;display:flex}.plan-regel{background:var(--kaart);border-radius:var(--radius-k);padding:var(--ruimte-4);box-shadow:var(--schaduw-kaart)}.plan-kop{align-items:center;gap:10px;margin-bottom:10px;display:flex}.plan-vak{background:repeating-linear-gradient(45deg, var(--kaart-op-kaart) 0 6px, var(--kaart) 6px 12px);width:34px;height:34px;font-family:var(--font-label);color:var(--tekst-grijs);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:9px;display:flex}.plan-naam{font-family:var(--font-kop);font-weight:700;font-size:var(--tekst-groot);flex:1}.plan-deel{font-family:var(--font-kop);font-weight:700;font-size:var(--tekst-pot)}.plan-onder{font-size:var(--tekst-klein);color:var(--tekst-grijs);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.plan-weg{font:inherit;color:var(--tekst-grijs);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:6px 0;text-decoration:underline}.beurt-uitleg{font-size:var(--tekst-klein);color:var(--tekst-zacht);text-align:center;margin:10px 0 0;line-height:1.5}.keuze.aangetikt{outline:3px solid var(--groeien);outline-offset:-3px}.keuze.aangetikt .keuze-bezit{color:var(--groeien);font-weight:700}.kies-balk{margin-top:var(--ruimte-5);padding:var(--ruimte-3) 0 var(--ruimte-4);background:var(--achtergrond);position:sticky;bottom:0}.kies-aantal{text-align:center;font-size:var(--tekst-klein);color:var(--tekst-zacht);margin-bottom:10px;display:block}.kies-balk .hoofdknop:disabled{opacity:.4}.lange-termijn{margin:var(--ruimte-3) 0 0;background:var(--kaart);border-radius:var(--radius-k-klein);font-size:var(--tekst-klein);color:var(--tekst-zacht);padding:14px 16px;line-height:1.5}.afmeld-regel{width:100%;margin-top:var(--ruimte-6);font:inherit;font-size:var(--tekst-klein);color:var(--tekst-grijs);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:12px;text-decoration:underline;display:block}.afmeld-kaart{margin-top:var(--ruimte-6);background:var(--kaart);border-radius:var(--radius-k);padding:var(--ruimte-5);box-shadow:var(--schaduw-kaart)}.afmeld-kaart .belegging-knoppen{margin-top:var(--ruimte-4)}.plan-rest{margin-top:var(--ruimte-5);background:var(--kaart-op-kaart);font-size:var(--tekst-basis);color:var(--tekst-zacht);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.plan-rest.klopt{background:var(--sparen-zacht);color:var(--sparen-diep)}.plan-rest-getal{font-family:var(--font-kop);color:var(--tekst);font-size:22px;font-weight:700}.plan-rest.klopt .plan-rest-getal{color:var(--sparen-diep)}.plan-kop .verdelen-stel{margin-left:auto}.plan-kop .plan-deel{text-align:center;min-width:62px}.hoofdknop:disabled{opacity:.4}.voorstellen{margin-top:var(--ruimte-5);flex-direction:column;gap:12px;display:flex}.voorstel{text-align:left;background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius-k);padding:var(--ruimte-5);cursor:pointer;flex-direction:column;gap:6px;display:flex}.voorstel:active{background:var(--kaart-op-kaart)}.voorstel-kop{align-items:center;gap:10px;display:flex}.voorstel-naam{font-family:var(--font-kop);font-weight:700;font-size:var(--tekst-pot)}.voorstel-regel{font-size:var(--tekst-basis);color:var(--tekst-zacht);line-height:1.45}.voorstel-lijst{font-size:var(--tekst-klein);color:var(--tekst-grijs);line-height:1.5}.voorstel-waarschuwing{margin:var(--ruimte-4) 0 0;font-size:var(--tekst-klein);color:var(--tekst-zacht);text-align:center;line-height:1.5}.kindslot{z-index:10;background:var(--achtergrond);height:100dvh;color:var(--tekst);justify-content:safe center;align-items:center;gap:var(--ruimte-5);padding:24px 28px calc(24px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;inset:0 0 auto;overflow-y:auto}.kindslot-boven{align-items:center;gap:var(--ruimte-3);flex-direction:column;display:flex}.kindslot-muntje{width:64px;height:64px;font-family:var(--font-kop);color:#fff;border-radius:20px;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex}.kindslot-kop{font-family:var(--font-kop);font-weight:700;font-size:var(--tekst-kop);text-align:center;margin:4px 0 0}.kindslot-regel{text-align:center;max-width:30ch;font-size:var(--tekst-basis);color:var(--tekst-zacht);margin:0;line-height:1.5}.kindslot-stippen{margin-top:var(--ruimte-3);gap:16px;display:flex}.kindslot-stip{border:2px solid var(--lijn-sterk);border-radius:50%;width:16px;height:16px}.kindslot-fout{min-height:22px;font-size:var(--tekst-klein);color:var(--let-op);text-align:center}.kindslot-toetsen{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:300px;display:grid}.kindslot-toets{background:var(--kaart);height:64px;box-shadow:var(--schaduw-kaart);color:var(--tekst);font-family:var(--font-kop);cursor:pointer;border:none;border-radius:22px;font-size:26px;font-weight:700}.kindslot-toets:active{background:var(--kaart-op-kaart)}.kindslot-toets.wis{box-shadow:none;color:var(--tekst-zacht);background:0 0;font-size:22px}@media (height<=780px){.kindslot{gap:14px;padding-top:16px}.kindslot-muntje{width:52px;height:52px;font-size:25px}.kindslot-toets{height:56px}.kindslot-fout{min-height:0}}.schuif{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:18px;height:54px;position:relative}.schuif:active{cursor:grabbing}.schuif:focus-visible{outline:3px solid var(--tekst);outline-offset:3px}.schuif-vul{pointer-events:none;border-radius:18px;position:absolute;inset:0 auto 0 0}.schuif-duim{background:var(--kaart);pointer-events:none;border-radius:14px;width:46px;position:absolute;top:4px;bottom:4px;box-shadow:0 2px 8px oklch(40% .02 250/.3)}.onboard{max-width:560px;padding-top:20px}.onboard-merk{width:68px;height:68px;font-family:var(--font-kop);color:oklch(99% .01 158);border-radius:20px;justify-content:center;align-items:center;font-size:30px;font-weight:800;display:flex}.onboard-groot{font-family:var(--font-kop);margin:22px 0 0;font-size:38px;font-weight:800;line-height:1.1}.onboard-kop{font-family:var(--font-kop);font-weight:800;font-size:var(--tekst-kop);margin:0;line-height:1.15}.onboard-onder{font-size:var(--tekst-basis);color:var(--tekst-grijs);margin:10px 0 0;line-height:1.5}.regels{flex-direction:column;gap:12px;margin-top:28px;display:flex}.regels p{background:var(--kaart);font-size:var(--tekst-basis);box-shadow:var(--schaduw-kaart);border-radius:22px;margin:0;padding:18px 20px;line-height:1.4}.onboard-knop{background:var(--knop);width:100%;height:62px;color:var(--knop-tekst);border-radius:20px;margin-top:28px;font-size:19px;font-weight:700}.onboard-overslaan{width:100%;height:50px;color:var(--tekst-grijs);margin-top:4px;font-size:16px}.kleuren{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.kleur{border:4px solid #0000;border-radius:26px;width:88px;height:88px}.kleur.aan{border-color:var(--tekst)}.kleur:focus-visible{outline:3px solid var(--tekst);outline-offset:3px}.onboard-veld{border-radius:18px;height:58px;margin-top:16px}.onboard-label{margin-top:20px}.onboard-banen{flex-direction:column;gap:18px;margin-top:24px;display:flex}.onboard-baanregel{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:18px;display:flex}.onboard-pct{font-family:var(--font-kop);font-weight:700;font-size:var(--tekst-pot)}.chips.groot{gap:10px;margin-top:22px}.chips.groot .chip{height:54px;font-size:var(--tekst-basis);background:var(--kaart);box-shadow:var(--schaduw-kaart);border-radius:27px;padding:0 20px;font-weight:500}.chips.groot .chip.aan{background:var(--knop);color:var(--knop-tekst);box-shadow:none}.klus-keuze{gap:var(--ruimte-2);flex-direction:column;margin-top:22px;display:flex}.klus-optie{background:var(--kaart);box-shadow:var(--schaduw-kaart);text-align:left;min-height:var(--raak-min);border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-size:18px;display:flex}.klus-optie.aan{background:var(--knop);color:var(--knop-tekst);box-shadow:none}.klus-optie-bedrag{font-family:var(--font-kop);font-size:19px;font-weight:700}.stappen{flex-direction:column;gap:12px;margin-top:24px;display:flex}.stapkaart{gap:var(--ruimte-4);background:var(--kaart);font-size:var(--tekst-basis);box-shadow:var(--schaduw-kaart);border-radius:22px;align-items:center;padding:16px 18px;display:flex}.stapteken{border-radius:var(--radius-o);background:var(--kaart-op-kaart);width:46px;height:46px;color:var(--tekst-zacht);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.stapteken.blauw{border:2px solid var(--groeien);color:oklch(55% .11 262);background:0 0}.waarschuwing{background:oklch(94% .04 262);border-radius:22px;margin-top:20px;padding:18px 20px}.waarschuwing-kop{font-family:var(--font-kop);color:oklch(33% .08 262);font-size:19px;font-weight:700}.waarschuwing p{color:oklch(38% .06 262);margin:8px 0 0;font-size:16px;line-height:1.5}.onboard-tip{background:var(--kaart-op-kaart);border-radius:var(--radius-k-klein);margin:var(--ruimte-4) 0 0;color:var(--tekst-zacht);padding:14px 16px;font-size:16px;line-height:1.45}.testbalk{z-index:50;color:oklch(95% .005 250);font-family:var(--font-label);background:oklch(25% .02 250/.92);border-radius:12px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex;position:fixed;bottom:12px;right:12px;box-shadow:0 6px 20px -6px oklch(20% .02 250/.5)}.testbalk-merk{text-transform:uppercase;letter-spacing:.12em;opacity:.5;padding-right:2px}.testbalk button{color:inherit;font:inherit;background:oklch(35% .02 250);border-radius:7px;padding:5px 9px}.testbalk button[aria-pressed=true]{background:oklch(62% .11 250)}.schrijffout{z-index:40;color:oklch(96% .02 60);font-family:var(--font-tekst);background:oklch(32% .06 40);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;max-width:560px;margin:0 auto;padding:12px 14px;font-size:14px;line-height:1.4;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 8px 24px -8px oklch(20% .02 40/.6)}.schrijffout button{min-height:40px;color:inherit;font:inherit;border:1px solid oklch(50% .06 40);border-radius:10px;flex-shrink:0;padding:0 12px;font-weight:700}