@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--groen: #1f5c45;--groen-donker: #17432f;--inkt: #1e3d2f;--grijs: #66736b;--rand: #e4e2d8;--rand-keuze: #d5d6cc;--creme: #fbf7ec;--creme-rand: #ece8da;--groen-zacht: #e3edd9;--groen-nav: #ddebd5;--groen-label: #2a5a40;--perzik: #fbe3d6;--terra: #a83a22;--geel: #f2c94c;--terra-balk: #b8442a;--kop: "Outfit Variable", "Outfit", system-ui, sans-serif;--tekst: "Lexend Variable", "Lexend", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#f3f1ea;color:var(--inkt);font:400 15px/1.45 var(--tekst)}button,input,textarea{font:inherit;color:inherit}a{color:var(--groen)}a:hover{color:var(--groen-donker)}h1,h2,h3,p,ul{margin:0}:focus-visible{outline:3px solid var(--geel);outline-offset:2px}.app{max-width:480px;min-height:100dvh;margin:0 auto;background:#fff;display:flex;flex-direction:column}.scherm{flex:1;display:flex;flex-direction:column;gap:16px;padding:28px 20px 24px}.met-nav{padding-bottom:104px}.met-voet{padding-bottom:180px}.merk{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--groen)}h1{font:700 32px/1.1 var(--kop);letter-spacing:-.02em}h1.groot{font-size:36px;line-height:1.05}h2{font:700 19px/1.2 var(--kop)}.sub,.hint{color:var(--grijs)}.hint{font-size:14px}.klein{font-size:13px;color:var(--grijs)}.midden{text-align:center}.kopblok{display:flex;flex-direction:column;gap:6px}.blok{display:flex;flex-direction:column;gap:10px}.rij{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tussen{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.sectie{font:600 14px var(--tekst);color:var(--grijs);margin-top:8px}.terug{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-12px 0 -8px;font-weight:600;text-decoration:none}.keuze{min-height:44px;padding:0 16px;border-radius:22px;border:1px solid var(--rand-keuze);background:#fff;font-weight:500;cursor:pointer}.keuze[aria-pressed=true]{background:var(--groen);border-color:var(--groen);color:#fff}.kaart{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--rand);border-radius:22px;background:#fff;color:var(--inkt);text-decoration:none}a.kaart:hover{color:var(--inkt);border-color:var(--rand-keuze)}.kaart.balk{border-top-width:5px}.kaart.perzik{background:var(--perzik);border-color:var(--perzik)}.kaart.perzik h2{color:var(--terra)}.kaart.zacht{background:var(--groen-zacht);border-color:var(--groen-zacht)}.kaart.grijs{background:#efede4;border-color:#efede4}.kaart ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}.label{padding:4px 10px;border-radius:12px;font-size:13px;font-weight:500;white-space:nowrap}.label.groen{background:var(--groen-zacht);color:var(--groen-label)}.label.perzik{background:var(--perzik);color:var(--terra)}.label.geel{background:#fbefc4;color:#6a4d00}.dagdeel{padding:6px 12px;border-radius:12px;background:var(--groen-zacht);font-size:14px;font-weight:500}.knop{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;border:1px solid var(--groen);background:#fff;color:var(--groen);font-weight:600;text-decoration:none;text-align:center;cursor:pointer}.knop:hover{color:var(--groen-donker)}.knop.vol{background:var(--groen);color:#fff}.knop.vol:hover{background:var(--groen-donker);color:#fff}.knop.groot{min-height:52px;font-size:17px}.knop.stil{border-color:var(--rand-keuze);color:var(--inkt)}.knop.breed{width:100%}.knop:disabled{opacity:.55;cursor:default}.twee{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tekstknop{background:none;border:0;padding:0;min-height:44px;color:var(--grijs);text-decoration:underline;cursor:pointer}.melding{padding:12px 14px;border-radius:14px;background:var(--groen-zacht)}.melding.fout{background:var(--perzik);color:var(--terra)}.veld{display:flex;flex-direction:column;gap:6px}.veld>label,.veldnaam{font-weight:600}.invoer{width:100%;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--rand-keuze);background:#fff}textarea.invoer{resize:vertical}.suggesties{list-style:none;padding:0;border:1px solid var(--rand);border-radius:12px;overflow:hidden}.suggesties button{width:100%;min-height:44px;padding:8px 14px;border:0;border-bottom:1px solid var(--rand);background:#fff;text-align:left;cursor:pointer}.suggesties li:last-child button{border-bottom:0}.suggesties button:hover{background:var(--creme)}.iconen{display:flex;justify-content:center;gap:16px;padding:12px;border-radius:18px;background:var(--groen-zacht);color:var(--groen)}.iconen span{width:48px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center}.voet,.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--creme);border-top:1px solid var(--creme-rand)}.voet{display:flex;flex-direction:column;gap:10px;padding:16px 20px calc(20px + env(safe-area-inset-bottom))}.nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.nav a{position:relative;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:16px;color:var(--grijs);font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap}.nav a.active{background:var(--groen-nav);color:var(--groen);font-weight:600}.stip{position:absolute;top:6px;left:calc(50% + 8px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--terra-balk);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}.gesprek{flex:1;display:flex;flex-direction:column;gap:8px}.ballon{max-width:82%;padding:10px 14px;border-radius:18px;background:var(--groen-zacht);align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere}.ballon.mij{background:var(--groen);color:#fff;align-self:flex-end}.ballon small{display:block;margin-top:2px;font-size:11px;opacity:.75}.schrijf{display:flex;gap:8px;align-items:flex-end}.schrijf textarea{flex:1}.past{padding-top:10px;border-top:1px solid var(--rand);font-size:14px;color:var(--groen-label)}.tip{padding:10px 12px;border-radius:12px;background:#fbefc4;color:#5a4100;font-size:14px}details.kaart>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px}details.kaart>summary::-webkit-details-marker{display:none}details.kaart>summary:after{content:"Aanpassen";flex-shrink:0;color:var(--groen);font-weight:600;font-size:14px}details.kaart[open]>summary:after{content:"Dichtklappen"}.schakel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:22px;background:#efede4}.schakel a{min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:18px;color:#40524a;font-weight:500;text-decoration:none}.schakel a.active{background:#fff;color:var(--inkt);font-weight:600;box-shadow:0 1px 2px #1e3d2f26}.wanneer{font-size:14px;font-weight:600;color:var(--groen-label)}.cijfers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px;border-radius:22px;background:var(--groen-zacht);text-align:center}.cijfers strong{display:block;font:700 24px var(--kop)}.cijfers span{font-size:13px;color:#40524a}.stem{flex-shrink:0;width:52px;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;border:1px solid var(--rand-keuze);background:#fff;font-weight:600;cursor:pointer}.stem[aria-pressed=true]{background:var(--groen);border-color:var(--groen);color:#fff}.reactie{padding:10px 12px;border-radius:12px;background:var(--creme)}.rooster{display:grid;grid-template-columns:36px repeat(3,minmax(0,1fr));gap:6px;align-items:center}.rooster .keuze{padding:0;border-radius:12px}.roosterkop{font-size:13px;color:var(--grijs);text-align:center;text-transform:capitalize}.roosterdag{font-weight:600}