@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Manrope:wght@500;600;700;800&family=Inter:wght@400;600;700;800&display=swap");*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--vlak:#fdf6e9;--vlak-zebra:#f9efda;--zacht:#f5e9d3;--groen-zacht:#e7f0dd;--invoer:#fff2c0;--invoer-tekst:#16361f;--tekst:#16361f;--tekst-zacht:#6e5d42;--rand:#e6d5b0;--schaduw:rgba(0,0,0,0.45);--goud-vlak:#fff6d6;--goud-vlak-zacht:#fff9e3;--goud-tekst:#b07a12;--goud-knop:#b07a12;--fout-vlak:#fdedec;--fout-tekst:#d9483b;--goud-rand:#cbbf8a;--goud-rand-zacht:#e0d9a8;--knop-uit:#b8c4bc;--knop-bezig:#7fae8f;--knop-bezig-goud:#c9a940;--schakel-uit:#cbd6cf;--kop-1:rgba(0,168,79,0.16);--kop-2:rgba(0,168,79,0.05);--kop-tekst:#0b6b39;--kop-rand:rgba(0,168,79,0.22);--kop-gloed:rgba(0,168,79,0.18);--kop-blad:rgba(0,168,79,0.55);--merk-1:#fff3d2;--merk-2:#f8dfa6;--merk-3:#f0cd74;--merk-tekst:#16361f;--merk-subtekst:rgba(22,54,31,0.7);--merk-chip:rgba(22,54,31,0.09);--merk-chip-actief:rgba(22,54,31,0.18);--merk-rand:rgba(22,54,31,0.25);--merk-leaf:rgba(22,54,31,0.16);--header-bg:linear-gradient(120deg,var(--merk-1) 0%,var(--merk-2) 55%,var(--merk-3) 130%);--t-bg:#34241a;--t-paneel:rgba(255,235,200,0.08);--t-rand:rgba(245,197,24,0.2);--t-wit:rgba(255,250,240,0.95);--t-grey:rgba(255,235,210,0.6);--t-zacht:rgba(245,197,24,0.13);--t-achtergrond:radial-gradient(1100px 500px at 85% -80px,rgba(245,197,24,0.24),transparent),radial-gradient(800px 420px at -60px 108%,rgba(217,120,40,0.14),transparent),#34241a;--goed:#00a84f;--fout:#d9483b;--let-op:#f08a1e;--info:#3fa9e0;--teal:#0e9594;--op-groen:#ffffff;--op-goud:#16361f;--op-donker:#ffffff;--fout-vol:#d9483b;--fout-vol-diep:#b03528;--gor-licht:#e8b60f;--gor-mid:#d9a50b;--gor-diep:#c99a08;--vlak-op-donker-1:rgba(22,54,31,0.06);--vlak-op-donker-2:rgba(22,54,31,0.1);--vlak-op-donker-3:rgba(22,54,31,0.16);--cat-ontbijt:#f08a1e;--cat-lunch:#3fa9e0;--cat-diner:#1565c0;--cat-snack:#0e9594;--cat-shake:#ecba0a;--schaduw-1:0 1px 2px rgba(0,0,0,0.04),0 4px 12px -8px var(--schaduw);--schaduw-2:0 6px 18px -10px var(--schaduw);--schaduw-3:0 24px 60px -20px var(--schaduw);--r1:4px;--r2:8px;--r3:12px;--r4:16px;--r5:24px;--r6:32px;--r7:48px;--rand-scherm:var(--r4);--veilig-boven:env(safe-area-inset-top,0px);--veilig-onder:env(safe-area-inset-bottom,0px);--veilig-links:env(safe-area-inset-left,0px);--veilig-rechts:env(safe-area-inset-right,0px);--onderbalk-ruimte:calc(var(--r7) * 2 + var(--veilig-onder));--laag-achtergrond:0;--laag-kaart:1;--laag-plakker:20;--laag-balk:40;--laag-kopbalk:50;--laag-melding:60;--laag-venster:80;--laag-viering:100;--laag-bevestiging:200;--maat-mini:10px;--maat-label:11px;--maat-klein:12px;--maat-body:13px;--maat-groot:15px;--maat-invoer:16px;--maat-kop:20px;--maat-titel:26px;--maat-hero:34px;--maat-cijfer:44px;--font-kop:"Archivo Black",system-ui,sans-serif;--font-tekst:"Manrope","Inter",system-ui,sans-serif;--rond-mini:6px;--rond-1:8px;--rond-2:12px;--rond-3:16px;--rond-4:22px;--rond-tegel:32%;--rond-vol:999px;--rand-dun:1px solid var(--rand);--rand-normaal:1.5px solid var(--rand);--rand-nadruk:2px solid var(--merk-groen);--gloed-goud:0 0 0 8px rgba(245,197,24,0.25);--gloed-groen:0 0 0 8px rgba(0,168,79,0.22);--gloed-gor:0 0 22px var(--goud-tint-4);--gloed-kop:0 10px 24px -16px var(--kop-gloed);--merk-groen:#00a84f;--merk-groen-licht:#4db85f;--merk-groen-diep:#16361f;--merk-goud:#f5c518;--waas:rgba(22,54,31,0.72);--t-rood:#ff6b5e;--t-blauw:#3fa9e0;--t-oranje:#f08a1e;--t-paars:#7b5ea7;--t-teal:#0e9594;--t-roze:#e85d75;--t-mint:#5bc0be;--t-mos:#2b6039;--t-actief:#ffffff;--t-uit:rgba(255,255,255,0.3);--t-vlak-1:rgba(255,255,255,0.06);--t-vlak-2:rgba(255,255,255,0.1);--t-vlak-3:rgba(255,255,255,0.15);--t-vlak-4:rgba(255,255,255,0.3);--op-donker-zacht:rgba(255,255,255,0.9);--op-donker-sub:rgba(255,255,255,0.75);--op-donker-stil:rgba(255,255,255,0.55);--goud-tint-1:rgba(245,197,24,0.1);--goud-tint-2:rgba(245,197,24,0.16);--goud-tint-3:rgba(245,197,24,0.22);--goud-tint-4:rgba(245,197,24,0.35);--goud-tint-5:rgba(245,197,24,0.5);--groen-tint-1:rgba(0,168,79,0.14);--groen-tint-2:rgba(0,168,79,0.22);--groen-tint-3:rgba(0,168,79,0.45);--zwart-1:rgba(0,0,0,0.2);--zwart-2:rgba(0,0,0,0.4);--zwart-3:rgba(0,0,0,0.6);--t-rood-vlak:rgba(255,107,94,0.15);--t-oranje-vlak:rgba(240,138,30,0.22);--t-oranje-rand:rgba(240,138,30,0.55);--t-blauw-vlak:rgba(63,169,224,0.16);--t-blauw-rand:rgba(63,169,224,0.5);--beeld-waas-1:rgba(6,15,10,0.55);--beeld-waas-2:rgba(6,15,10,0.82);--beeld-waas-3:rgba(6,15,10,0.9);--t-goed-tekst:#7fd69b;--t-fout-tekst:#ffb3ac;--t-let-op-tekst:#ffb84d;--t-info-tekst:#7cc4e8;--merk-diep-vlak:#1c2b21;--merk-groen-mid:#1e4a2b;--media-vlak:#000000;--kal-plan-vlak:#a8d8f0;--kal-plan-rand:#2288c4;--kal-plan-tekst:#0e4a6e;--kal-top-vlak:#ffdf66;--kal-top-rand:#c79a00;--kal-top-tekst:#5c4700;--kal-goed-vlak:#8fdca4;--kal-goed-tekst:#0f4a24;--kal-mis-vlak:#f6a297;--kal-mis-rand:#c23325;--kal-mis-tekst:#6e1a10;--goud-chip:#ffe070;--goud-glans:#ffde6b;--blauw-chip:#e3f1fa;--blauw-chip-rand:#3fa9e0;--fase-build-vlak:rgba(0,168,79,0.18);--fase-build-tekst:var(--t-goed-tekst);--fase-peak-vlak:rgba(245,197,24,0.18);--fase-peak-tekst:var(--merk-goud);--fase-deload-vlak:rgba(63,169,224,0.18);--fase-deload-tekst:#7fc9ec;--fase-test-vlak:rgba(255,255,255,0.9);--fase-test-tekst:var(--op-goud);--fase-taper-vlak:rgba(123,94,167,0.25);--fase-taper-tekst:#c3aee0;--type-mu:var(--merk-goud);--type-pull:var(--merk-groen);--type-push:var(--t-blauw);--type-legs:var(--t-oranje);--type-skill:var(--t-paars);--type-accessory:var(--t-teal);--type-core:var(--t-roze);--type-cardio:var(--t-mint);--prog-kg:var(--t-mos);--prog-rpe:var(--t-teal);--prog-reps:var(--t-oranje);--prog-sec:var(--t-paars);--duur-micro:150ms;--duur-klein:250ms;--duur-normaal:350ms;--duur-groot:500ms;--duur-micro-uit:100ms;--duur-klein-uit:180ms;--duur-normaal-uit:250ms;--duur-groot-uit:350ms;--curve-in:cubic-bezier(0.22,1,0.36,1);--curve-uit:cubic-bezier(0.4,0,1,1);--curve-veer:cubic-bezier(0.34,1.5,0.64,1);--tik-stap:40ms}:root[data-thema=donker]{--vlak:#17251b;--vlak-zebra:#1b2b20;--zacht:#0f1d14;--groen-zacht:rgba(0,168,79,0.16);--invoer:rgba(245,197,24,0.14);--invoer-tekst:#f3e9c8;--tekst:#edf4ee;--tekst-zacht:#9db3a5;--rand:rgba(255,255,255,0.14);--schaduw:rgba(0,0,0,0.75);--goud-vlak:rgba(245,197,24,0.15);--goud-vlak-zacht:rgba(245,197,24,0.1);--goud-tekst:#ecc76c;--goud-knop:#a06d0e;--fout-vlak:rgba(217,72,59,0.18);--fout-tekst:#ff9186;--goud-rand:rgba(245,197,24,0.38);--goud-rand-zacht:rgba(245,197,24,0.24);--knop-uit:#4a5952;--knop-bezig:#4e7a60;--knop-bezig-goud:#967d2c;--schakel-uit:#44514a;--kop-1:rgba(77,184,95,0.18);--kop-2:rgba(77,184,95,0.04);--kop-tekst:#8ede9f;--kop-rand:rgba(77,184,95,0.24);--kop-gloed:rgba(0,168,79,0.22);--kop-blad:rgba(143,222,159,0.62);--merk-1:#16361f;--merk-2:#1e4a2b;--merk-3:#2bc96b;--merk-tekst:#ffffff;--merk-subtekst:rgba(255,255,255,0.75);--merk-chip:rgba(255,255,255,0.14);--merk-chip-actief:rgba(255,255,255,0.3);--merk-rand:rgba(255,255,255,0.4);--merk-leaf:rgba(255,255,255,0.35);--header-bg:linear-gradient(120deg,var(--merk-1) 0%,var(--merk-2) 55%,var(--merk-3) 130%);--t-bg:#0e1f14;--t-paneel:rgba(255,255,255,0.055);--t-rand:rgba(255,255,255,0.09);--t-wit:rgba(255,255,255,0.92);--t-grey:rgba(255,255,255,0.55);--t-zacht:rgba(255,255,255,0.1);--t-achtergrond:radial-gradient(1100px 500px at 85% -80px,rgba(0,168,79,0.16),transparent),radial-gradient(800px 420px at -60px 108%,rgba(245,197,24,0.08),transparent),#0e1f14;--goed:#4db85f;--fout:#ff9186;--let-op:#ffb84d;--info:#6fc3ee;--teal:#38b2b1;--op-groen:#ffffff;--op-goud:#16361f;--op-donker:#ffffff;--vlak-op-donker-1:rgba(255,255,255,0.055);--vlak-op-donker-2:rgba(255,255,255,0.1);--vlak-op-donker-3:rgba(255,255,255,0.16);--cat-ontbijt:#ffb84d;--cat-lunch:#6fc3ee;--cat-diner:#5d9cec;--cat-snack:#38b2b1;--cat-shake:#ecc76c;--schaduw-1:0 1px 2px rgba(0,0,0,0.3),0 4px 14px -8px var(--schaduw);--schaduw-2:0 8px 22px -10px var(--schaduw);--schaduw-3:0 26px 64px -18px var(--schaduw)}:root[data-thema=donker] input::placeholder,:root[data-thema=donker] textarea::placeholder{color:#7d8f84}:root[data-thema=donker] input[type=date]{color-scheme:dark}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;max-width:100%}body,html{margin:0;padding:0;font-weight:500;background:#1c2b21;overscroll-behavior-y:none}body,button,html,input,select,textarea{font-family:Manrope,Inter,system-ui,sans-serif}input::placeholder,textarea::placeholder{color:#9AA79F}:root .gorVeld::placeholder,:root[data-thema=donker] .gorVeld::placeholder{color:rgba(255,255,255,.55)}[data-tap],a,button{touch-action:manipulation}[data-tap],a[role=button],button{transition:transform .12s var(--curve-veer),background var(--duur-klein-uit) ease,border-color var(--duur-klein-uit) ease,color var(--duur-klein-uit) ease,opacity var(--duur-klein-uit) ease}[data-tap]:active,a[role=button]:active,button:active{transform:scale(.97)}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(77,184,95,.25);border-top-color:#4db85f;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.floaty{animation:floaty 2.2s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.appHoogte{height:100vh;height:100dvh}.valblad{animation:valblad 2s ease-in forwards}@keyframes valblad{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:1}to{transform:translateY(150px) rotate(220deg);opacity:0}}.popIn{animation:popIn var(--duur-klein) var(--curve-veer) both}@keyframes popIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.vinkBounce{animation:vinkBounce var(--duur-groot) var(--curve-veer) both}@keyframes vinkBounce{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.15) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0deg)}}.gorZwaai{animation:gorZwaai 2.6s ease-in-out infinite}@keyframes gorZwaai{0%,to{transform:rotate(0deg)}10%{transform:rotate(-8deg)}20%{transform:rotate(6deg)}30%{transform:rotate(0deg)}}.gorWerkt{animation:gorWerkt 2.4s ease-in-out infinite;border-radius:var(--rond-vol)}@keyframes gorWerkt{0%,to{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(245,197,24,.35)}50%{transform:translateY(-7px) scale(1.04);box-shadow:0 0 0 12px rgba(245,197,24,0)}}.fadeWeg{animation:fadeWeg var(--duur-groot-uit) var(--curve-uit) both}@keyframes fadeWeg{0%{opacity:1}to{opacity:0}}.schuifOp{animation:schuifOp var(--duur-klein) var(--curve-veer) both}@keyframes schuifOp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.schud{animation:schud .45s ease-in-out 2}@keyframes schud{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.goudPuls{animation:goudPuls 1.2s ease-in-out 3}@keyframes goudPuls{0%,to{box-shadow:0 0 0 0 rgba(245,197,24,0)}50%{box-shadow:0 0 0 10px rgba(245,197,24,.4),0 0 30px rgba(245,197,24,.45)}}.perfectPuls{animation:perfectPuls 1.4s ease-in-out 2}@keyframes perfectPuls{0%,to{box-shadow:0 0 0 0 rgba(0,168,79,0)}50%{box-shadow:0 0 0 8px rgba(0,168,79,.28)}}.overPuls{animation:overPuls 1s ease-in-out 3}@keyframes overPuls{0%,to{box-shadow:0 0 0 0 rgba(217,72,59,0)}50%{box-shadow:0 0 0 7px rgba(217,72,59,.32)}}.voetGloed{animation:voetGloed 3.6s ease-in-out infinite}@keyframes voetGloed{0%,to{box-shadow:0 -2px 0 rgba(245,197,24,0)}50%{box-shadow:0 -10px 26px rgba(245,197,24,.32)}}.voetTekstGloed{animation:voetTekstGloed 3.6s ease-in-out infinite}@keyframes voetTekstGloed{0%,to{text-shadow:0 0 0 rgba(245,197,24,0)}50%{text-shadow:0 0 10px rgba(245,197,24,.75)}}.koptGloed{animation:koptGloed 3.6s ease-in-out infinite}@keyframes koptGloed{0%,to{box-shadow:0 2px 0 rgba(245,197,24,0)}50%{box-shadow:0 10px 26px rgba(245,197,24,.32)}}.perfecteDagKaart{background:#FFF9E3;border-color:#F5C518;box-shadow:0 20px 60px rgba(0,0,0,.35)}:root[data-thema=donker] .perfecteDagKaart{background:linear-gradient(160deg,#1c2e1f,#16220f);border-color:rgba(245,197,24,.6);box-shadow:0 0 50px rgba(245,197,24,.28),0 20px 60px rgba(0,0,0,.55)}.logoPopFloat{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both,floaty 2.6s ease-in-out .5s infinite}@media (max-width:640px){.verbergSmal{display:none!important}}@media (min-width:700px){:root{--rand-scherm:var(--r5)}}.koptLogo svg{height:30px;width:auto}@media (max-width:420px){.koptLogo svg{height:24px}}.gaDieper{animation:gaDieper var(--duur-normaal) var(--curve-in) both}@keyframes gaDieper{0%{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}.gaDieperWeg{animation:gaDieperWeg var(--duur-normaal-uit) var(--curve-uit) both}@keyframes gaDieperWeg{0%{opacity:1;transform:none}to{opacity:.6;transform:translateX(-24px)}}.gaTerug{animation:gaTerug var(--duur-normaal) var(--curve-in) both}@keyframes gaTerug{0%{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:none}}.gaTerugWeg{animation:gaTerugWeg var(--duur-normaal-uit) var(--curve-uit) both}@keyframes gaTerugWeg{0%{opacity:1;transform:none}to{opacity:0;transform:translateX(34px)}}.vraagtBeslissing{animation:vraagtBeslissing var(--duur-normaal) var(--curve-in) both}@keyframes vraagtBeslissing{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.vraagtBeslissingWeg{animation:vraagtBeslissingWeg var(--duur-normaal-uit) var(--curve-uit) both}@keyframes vraagtBeslissingWeg{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(100%)}}.achtergrondWaas,.waasLaag{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.achtergrondWaas{animation:achtergrondWaas var(--duur-normaal) var(--curve-in) both}@keyframes achtergrondWaas{0%{opacity:0}to{opacity:1}}.achtergrondWaasWeg{animation:achtergrondWaasWeg var(--duur-normaal-uit) var(--curve-uit) both}@keyframes achtergrondWaasWeg{0%{opacity:1}to{opacity:0}}.bevestiging{animation:bevestiging var(--duur-klein) var(--curve-veer) both}@keyframes bevestiging{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.bevestigingWeg{animation:bevestigingWeg var(--duur-klein-uit) var(--curve-uit) both}@keyframes bevestigingWeg{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(24px)}}.tabWissel{animation:vervaagIn .2s var(--curve-in) both}.vervaagIn{animation:vervaagIn var(--duur-klein) var(--curve-in) both}.vervaagUit{animation:vervaagUit var(--duur-klein-uit) var(--curve-uit) both}@keyframes vervaagIn{0%{opacity:0}to{opacity:1}}@keyframes vervaagUit{0%{opacity:1}to{opacity:0}}.opIn{animation:opIn var(--duur-normaal) var(--curve-in) both}@keyframes opIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.opUit{animation:opUit var(--duur-normaal-uit) var(--curve-uit) both}@keyframes opUit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px)}}.lijst>*{animation:opInKlein var(--duur-klein) var(--curve-in) both}@keyframes opInKlein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.lijst>:first-child{animation-delay:0s}.lijst>:nth-child(2){animation-delay:40ms}.lijst>:nth-child(3){animation-delay:80ms}.lijst>:nth-child(4){animation-delay:.12s}.lijst>:nth-child(5){animation-delay:.16s}.lijst>:nth-child(6){animation-delay:.2s}.lijst>:nth-child(7){animation-delay:.24s}.lijst>:nth-child(8){animation-delay:.28s}.lijst>:nth-child(n+9){animation:none}.glans{position:relative;overflow:hidden}.glans:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--vlak-op-donker-2),transparent);animation:glans 1.5s ease-in-out infinite}@keyframes glans{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loopBalk{position:relative;overflow:hidden}.loopBalk:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:var(--rond-vol);background:linear-gradient(90deg,var(--gor-diep),var(--gor-licht));animation:loopBalk 1.6s ease-in-out infinite}@keyframes loopBalk{0%{transform:translateX(-105%)}to{transform:translateX(255%)}}.adem{animation:adem 3.5s ease-in-out infinite}@keyframes adem{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.puls{animation:puls 1.2s ease-in-out infinite}@keyframes puls{0%,to{opacity:1}50%{opacity:.5}}.ademRustig{animation:ademRustig 4.5s ease-in-out infinite}@keyframes ademRustig{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.018);opacity:.92}}.gorReageert{animation:gorReageert .56s cubic-bezier(.34,1.5,.64,1) 1}@keyframes gorReageert{0%{transform:scale(1) rotate(0deg)}35%{transform:scale(1.14) rotate(-7deg)}65%{transform:scale(.98) rotate(4deg)}to{transform:scale(1) rotate(0deg)}}.groeiOp{animation:groeiOp var(--duur-normaal) var(--curve-in) both}@keyframes groeiOp{0%{opacity:0;transform:scale(.965) translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:root{--duur-micro:100ms;--duur-klein:100ms;--duur-normaal:100ms;--duur-groot:100ms;--duur-micro-uit:100ms;--duur-klein-uit:100ms;--duur-normaal-uit:100ms;--duur-groot-uit:100ms;--curve-in:ease;--curve-uit:ease;--curve-veer:ease;--tik-stap:0ms}.bevestiging,.gaDieper,.gaTerug,.groeiOp,.lijst>*,.opIn,.popIn,.schuifOp,.tabWissel,.vinkBounce,.vraagtBeslissing{animation:vervaagIn .1s ease both!important}.bevestigingWeg,.fadeWeg,.gaDieperWeg,.gaTerugWeg,.opUit,.vraagtBeslissingWeg{animation:vervaagUit .1s ease both!important}.schud{animation:none!important}.lijst>*{animation-delay:0s!important}[data-tap]:active,a[role=button]:active,button:active{transform:none}.adem,.ademRustig,.floaty,.glans:after,.gorReageert,.gorWerkt,.gorZwaai,.goudPuls,.koptGloed,.logoPopFloat,.overPuls,.perfectPuls,.puls,.spinner,.valblad,.voetGloed,.voetTekstGloed{animation:none!important}.puls{opacity:.6}}