@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:11px;--radius-o:14px;--radius-k-klein:16px;--radius-k:24px;--radius-k-groot:26px;--raak-min:48px;--knop-hoogte:52px;--knop-hoogte-groot:68px;--uitgeven:oklch(72% .13 42);--sparen:oklch(72% .13 158);--groeien:oklch(72% .13 262);--uitgeven-baan:oklch(93% .03 42);--sparen-baan:oklch(93% .03 158);--groeien-baan:oklch(93% .03 262)}.thema-kind{--achtergrond:oklch(97% .004 250);--kaart:oklch(98.5% .003 250);--kaart-op-kaart:oklch(93% .008 250);--tekst:oklch(24% .02 250);--tekst-zacht:oklch(45% .01 250);--tekst-grijs:oklch(55% .01 250);--lijn:oklch(91% .005 250);--lijn-sterk:oklch(86% .006 250);--knop:oklch(28% .02 250);--knop-tekst:oklch(98% .003 250);--knop-uit:oklch(91% .005 250);--knop-uit-tekst:oklch(58% .01 250);--schaduw-kaart:0 1px 0 oklch(88% .005 250);--font-basis:var(--font-tekst);background:var(--achtergrond);color:var(--tekst)}.thema-ouder{--achtergrond:oklch(97% .004 250);--kaart:oklch(98.5% .003 250);--kaart-op-kaart:oklch(95% .01 250);--tekst:oklch(22% .02 250);--tekst-zacht:oklch(45% .01 250);--tekst-grijs:oklch(50% .01 250);--lijn:oklch(91% .005 250);--lijn-sterk:oklch(88% .005 250);--accent:oklch(62% .11 250);--slot:oklch(22% .02 250);--knop:oklch(62% .11 250);--knop-tekst:oklch(99% .003 250);--knop-uit:oklch(91% .005 250);--knop-uit-tekst:oklch(50% .01 250);--schaduw-kaart:0 1px 0 oklch(88% .005 250);--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(90% .006 250);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);color:oklch(95% .01 250);justify-content:center;align-items:center;gap:var(--ruimte-5);padding:32px 28px calc(28px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.slot-boven{align-items:center;gap:var(--ruimte-3);flex-direction:column;display:flex}.slot-merk{color:oklch(80% .03 250);border:2px solid oklch(60% .06 250);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex}.slot-naam{text-align:center;font-size:20px;font-weight:700}.slot-regel{font-size:var(--tekst-klein);color:oklch(68% .02 250);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 oklch(55% .05 250);border-radius:50%;width:14px;height:14px}.slot-stip.vol{background:oklch(90% .03 250);border-color:oklch(90% .03 250)}.slot-fout{color:oklch(78% .11 30);text-align:center;min-height:20px;font-size:14px}.toetsen{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:300px;display:grid}.toets{color:oklch(95% .01 250);height:68px;font-family:var(--font-kop);background:oklch(28% .02 250);border-radius:20px;font-size:26px;font-weight:700}.toets:active{background:oklch(34% .03 250)}.toets:focus-visible{outline-offset:2px;outline:2px solid oklch(70% .08 250)}.toets.wis{color:oklch(72% .03 250);background:0 0;font-size:22px}.slot-vergeten{color:oklch(62% .02 250);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);padding-bottom:env(safe-area-inset-bottom);background:oklch(100% 0 0);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:oklch(100% 0 0);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]{color:var(--tekst);background:oklch(95% .01 250)}.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{border:1px solid var(--lijn);border-radius:var(--radius-o);background:oklch(100% 0 0);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{font-size:var(--o-tekst-basis);background:oklch(96.5% .004 250);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]{color:var(--tekst);background:oklch(95% .01 250)}.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{color:oklch(55% .06 250);border:1.5px solid oklch(85% .02 250);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;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{border:1px solid var(--lijn);border-radius:var(--radius-o);background:oklch(100% 0 0);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{border:1px solid var(--lijn);border-radius:var(--radius-o);background:oklch(100% 0 0);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{color:var(--tekst);border-color:var(--accent);background:oklch(95% .01 250);font-weight:500}.o-knop.breed{flex:none;width:100%;margin-top:10px}.o-knop:disabled{opacity:.5;cursor:not-allowed}.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;font-size:var(--o-tekst-basis);background:oklch(94% .012 250);border-radius:12px;padding:12px 14px;line-height:1.45}.order-kaart{margin-top:var(--ruimte-3);border:1px solid var(--lijn);border-radius:var(--radius-o);background:oklch(100% 0 0);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:oklch(50% .15 25);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{color:oklch(40% .09 250);border-color:oklch(75% .06 250);flex:none;width:100%;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:oklch(50% .1 158)}.totaal-regel{margin-top:var(--ruimte-3)}.koers-balk{background:oklch(94% .012 250);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{border:1px solid var(--lijn);border-radius:var(--radius-o);background:oklch(100% 0 0);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{color:oklch(38% .08 158);background:oklch(92% .05 158)}.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{border:1px solid var(--lijn);border-radius:var(--radius-o);background:oklch(100% 0 0);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{border-radius:var(--radius-o);margin-bottom:var(--ruimte-2);background:oklch(94% .012 250);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:oklch(68% .04 250);text-align:center;font-size:12px}.slot-wissel{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.slot-wissel button{min-height:var(--raak-min);color:oklch(82% .03 250);font-size:var(--tekst-klein);border:1px solid oklch(38% .03 250);border-radius:12px;padding:0 16px}.slot-veld{border-radius:var(--radius-o);color:oklch(95% .01 250);text-align:center;background:oklch(26% .02 250);border:1px solid oklch(38% .03 250);width:100%;max-width:420px;height:52px;padding:0 14px;font-size:16px}.slot-veld::placeholder{color:oklch(55% .02 250)}.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{color:oklch(60% .02 250);cursor:not-allowed;background:oklch(32% .02 250)}.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{color:oklch(82% .03 250);background:0 0;border:1px solid oklch(38% .03 250);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);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;background:oklch(100% 0 0);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{font-size:var(--o-tekst-basis);color:oklch(38% .07 55);background:oklch(95% .04 60);border-radius:10px;margin-top:8px;padding:10px 12px;line-height:1.45}.blok-onder.verschil{color:oklch(38% .07 55);background:oklch(95% .04 60);border-radius:10px;padding:10px 12px;font-weight:500}.startnaam .klus-wie{display:block}.slot-klein{color:oklch(60% .02 250);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{color:oklch(95% .01 250);min-height:100dvh;font-family:var(--font-tekst);background:oklch(22% .02 250);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:oklch(72% .02 250);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:oklch(74% .02 250);margin:0;line-height:1.6}.slot-schakel{min-height:var(--raak-min);font-size:var(--tekst-klein);color:oklch(68% .03 250);text-underline-offset:3px;text-decoration:underline}.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:oklch(99% .01 158);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}.nav-vorm.omlijnd{border:3px solid var(--tekst-zacht);border-radius:4px;background:0 0!important}.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:oklch(55% .1 42);margin-top:3px;display:block}.potje-rente{font-size:var(--tekst-mini);color:oklch(50% .08 158);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{border-radius:var(--radius-k-groot);padding:var(--ruimte-5);margin-bottom:var(--ruimte-4);background:oklch(95% .05 158)}.te-verdelen-kop{font-family:var(--font-kop);font-weight:700;font-size:var(--tekst-pot);color:oklch(32% .06 158)}.te-verdelen-bron{color:oklch(42% .05 158);margin-top:6px;font-size:16px}.te-verdelen-knop{color:oklch(98% .02 158);width:100%;height:56px;margin-top:var(--ruimte-3);background:oklch(35% .06 158);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-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}.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{color:var(--tekst-grijs);min-height:32px;padding:4px 0;font-size:16px}.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}.rentekaart{border-radius:var(--radius-k);padding:var(--ruimte-5);background:oklch(95% .045 158);margin-top:18px}.rente-kop{font-family:var(--font-kop);color:oklch(32% .06 158);font-size:21px;font-weight:700}.rente-tekst{color:oklch(38% .05 158);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:oklch(34% .05 158);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:oklch(42% .05 158);margin-top:10px;font-size:16px}.doel-vragen{color:oklch(98% .02 158);width:100%;height:54px;font-size:var(--tekst-basis);margin-top:var(--ruimte-3);background:oklch(35% .06 158);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{font-size:var(--tekst-basis);color:oklch(36% .06 158);background:oklch(95% .045 158);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:oklch(88% .04 262);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{background:var(--knop);height:40px;color:var(--knop-tekst);font-size:var(--tekst-mini);border-radius:13px;align-items:center;padding:0 16px;font-weight:700;display:inline-flex}.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:oklch(90% .01 262);border-radius:50%;width:7px;height:7px}.stipje.aan{background:oklch(60% .05 262)}.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);width:46px;height:46px;font-family:var(--font-label);color:var(--tekst-grijs);background:repeating-linear-gradient(45deg,oklch(93% .008 250) 0 6px,oklch(98% .004 250) 6px 12px);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)}.keuzes{margin-top:var(--ruimte-4);scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.keuze{scroll-snap-align:start;background:var(--kaart);width:236px;padding:var(--ruimte-5);box-shadow:var(--schaduw-kaart);border-radius:28px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.keuze-vak{border-radius:var(--radius-k);width:136px;height:136px;font-family:var(--font-label);color:var(--tekst-grijs);background:repeating-linear-gradient(45deg,oklch(93% .008 250) 0 8px,oklch(98% .004 250) 8px 16px);justify-content:center;align-items:center;font-size:11px;display:flex}.keuze-naam{font-family:var(--font-kop);text-align:center;margin-top:8px;font-size:26px;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:oklch(55% .1 42);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}.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}