@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-opsz-normal-oos9povj.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-opsz-normal-Bf69Tn_J.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.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}:root{--bg:#fbf7f0;--surface:#fff;--ink:#2b2420;--muted:#7d7168;--line:#e8dfd1;--sand:#f3ece1;--accent:#c4552f;--accent-hover:#ad4826;--accent-soft:#f6e3da;--on-accent:#fff;--sage:#5e7553;--sage-soft:#e5ecdf;--night:#1e1a17;--night-2:#312b27;--danger:#b3261e;--scrim:#2b24208c;--font-sans:"DM Sans Variable", system-ui, -apple-system, sans-serif;--font-serif:"Fraunces Variable", Georgia, serif;--r-sm:11px;--r-md:14px;--r-lg:16px;--r-xl:18px;--r-2xl:22px;--r-sheet:28px;--r-pill:999px;--gutter:24px;--tabbar-h:84px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-variation-settings:"opsz" 14;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:22px}#root{min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.t-display{font-family:var(--font-serif);letter-spacing:-.32px;font-variation-settings:"SOFT" 0, "WONK" 1;margin:0;font-size:32px;font-weight:600;line-height:38px}.t-titel{font-family:var(--font-serif);letter-spacing:-.12px;font-variation-settings:"SOFT" 0, "WONK" 1;margin:0;font-size:24px;font-weight:600;line-height:30px}.t-kop{margin:0;font-size:17px;font-weight:600;line-height:22px}.t-label{font-size:15px;font-weight:600;line-height:20px}.t-tekst{margin:0;font-size:15px;line-height:22px}.t-tekst-groot{margin:0;font-size:22px;line-height:32px}.t-klein{margin:0;font-size:13px;font-weight:500;line-height:18px}.t-overline{letter-spacing:.88px;text-transform:uppercase;margin:0;font-size:11px;font-weight:700;line-height:14px}.muted{color:var(--muted)}.accent{color:var(--accent)}.icon{background-color:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.btn{border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;padding:0 20px;font-size:15px;font-weight:600;line-height:20px;transition:background-color .15s,opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.55;cursor:default}.btn-primair{background:var(--accent);color:var(--on-accent)}.btn-primair:not(:disabled):hover{background:var(--accent-hover)}.btn-secundair{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-donker{background:var(--ink);color:var(--on-accent)}.btn-nacht{background:var(--night-2);color:var(--on-accent)}.btn-klein{border-radius:12px;width:auto;height:auto;padding:12px 18px}.btn-tekst{width:auto;height:auto;color:var(--accent);background:0 0;border:none;gap:6px;padding:0;font-size:13px;font-weight:500;line-height:18px}.btn-gevaar{color:var(--danger)}.rond{border-radius:var(--r-pill);cursor:pointer;background:var(--surface);width:44px;height:44px;color:var(--ink);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.rond-48{width:48px;height:48px}.rond-40{width:40px;height:40px}.rond-52{width:52px;height:52px}.rond.accent-bg{background:var(--accent);color:var(--on-accent)}.rond.zand{background:var(--sand)}.rond.nacht{background:var(--night-2);color:var(--on-accent)}.rond:disabled{opacity:.5;cursor:default}.chip{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:nowrap;cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.chip[aria-pressed=true],.chip.actief{background:var(--ink);border-color:var(--ink);color:var(--on-accent)}.chip-rij{scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);gap:8px;display:flex;overflow-x:auto}.chip-rij::-webkit-scrollbar{display:none}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.rol{border-radius:var(--r-pill);white-space:nowrap;border:none;padding:4px 10px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.rol-owner{background:var(--accent-soft);color:var(--accent)}.rol-editor{background:var(--sage-soft);color:var(--sage)}.rol-viewer{background:var(--sand);color:var(--muted)}.veld{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.veld>label,.veld-label{font-size:13px;font-weight:500;line-height:18px}.invoer{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);align-items:center;gap:10px;width:100%;min-height:52px;padding:0 16px;display:flex}.invoer:focus-within{border:1.5px solid var(--accent);padding:0 15.5px}.invoer input,.invoer textarea,.invoer select{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:14px 0;font-size:15px;line-height:22px}.invoer textarea{resize:vertical;min-height:88px}.invoer input::placeholder,.invoer textarea::placeholder{color:var(--muted)}.hulptekst{color:var(--muted);margin:0;font-size:13px;font-weight:500;line-height:18px}.fout{color:var(--danger);margin:0;font-size:13px;font-weight:500;line-height:18px}.segment{border-radius:var(--r-md);background:var(--sand);width:100%;padding:4px;display:flex}.segment button{border-radius:var(--r-sm);color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 0;font-size:15px;font-weight:600;line-height:20px}.segment button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.schakelaar{appearance:none;border-radius:var(--r-pill);background:var(--line);cursor:pointer;flex-shrink:0;width:44px;height:26px;margin:0;transition:background-color .15s;position:relative}.schakelaar:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.schakelaar:checked{background:var(--sage)}.schakelaar:checked:after{transform:translate(18px)}.kaart{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl)}.zand-blok{background:var(--sand);border-radius:var(--r-md);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.receptkaart{flex-direction:column;gap:8px;min-width:0;display:flex}.receptkaart .foto{aspect-ratio:165/132;border-radius:var(--r-lg);background:var(--sand);overflow:hidden}.receptkaart .foto img{object-fit:cover;width:100%;height:100%}.receptkaart .meta{color:var(--muted);align-items:center;gap:4px;display:flex}.raster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px 12px;display:grid}.foto-leeg{width:100%;height:100%;color:var(--accent);background:linear-gradient(135deg, var(--accent-soft), var(--sand));place-items:center;display:grid}.regels{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);margin:0;padding:0 16px;list-style:none}.regels li{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:12px 0;display:flex}.regels li:last-child{border-bottom:none}.regels .hoeveelheid{flex-shrink:0;width:64px;font-weight:600;line-height:20px}.scherm{flex-direction:column;min-height:100dvh;display:flex}.inhoud{width:100%;max-width:640px;padding:12px var(--gutter) calc(var(--tabbar-h) + 32px + env(safe-area-inset-bottom));padding-top:calc(12px + env(safe-area-inset-top));flex-direction:column;gap:20px;margin:0 auto;display:flex}.inhoud.breed{max-width:1040px}.kop{justify-content:space-between;align-items:center;gap:12px;display:flex}.kop>div{flex-direction:column;gap:2px;min-width:0;display:flex}.topbalk{text-align:center;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;display:grid}.sectiekop{justify-content:space-between;align-items:center;display:flex}.stapel{flex-direction:column;gap:16px;display:flex}.rij{align-items:center;gap:12px;display:flex}.tabbalk{z-index:20;background:var(--surface);border-top:1px solid var(--line);padding:10px 28px env(safe-area-inset-bottom);min-height:var(--tabbar-h);position:fixed;bottom:0;left:0;right:0}.tabbalk ul{justify-content:space-between;max-width:560px;margin:0 auto;padding:0;list-style:none;display:flex}.tabbalk a{color:var(--muted);flex-direction:column;align-items:center;gap:4px;min-width:56px;font-size:13px;font-weight:500;line-height:18px;display:flex}.tabbalk a[aria-current=page]{color:var(--accent)}.actiebalk{z-index:20;background:var(--surface);border-top:1px solid var(--line);padding:14px var(--gutter) calc(30px + env(safe-area-inset-bottom) * .5);position:fixed;bottom:0;left:0;right:0}.actiebalk>div{gap:12px;max-width:640px;margin:0 auto;display:flex}.scrim{z-index:40;background:var(--scrim);justify-content:center;align-items:flex-end;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border-radius:var(--r-sheet) var(--r-sheet) 0 0;width:100%;max-width:560px;max-height:calc(100dvh - 48px);padding:12px var(--gutter) calc(34px + env(safe-area-inset-bottom));flex-direction:column;gap:22px;animation:.2s ease-out omhoog;display:flex;overflow-y:auto}.sheet .greep{background:var(--line);border-radius:3px;align-self:center;width:40px;height:5px}@media (width>=720px){.scrim{align-items:center}.sheet{border-radius:var(--r-sheet);padding-bottom:28px}.sheet .greep{display:none}}@keyframes fade{0%{opacity:0}}@keyframes omhoog{0%{transform:translateY(40px)}}.avatar{border-radius:var(--r-pill);background:var(--sand);flex-shrink:0;place-items:center;width:40px;height:40px;font-size:15px;font-weight:600;display:grid}.toast{left:50%;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom));z-index:60;background:var(--ink);color:var(--on-accent);border-radius:var(--r-md);max-width:calc(100vw - 48px);padding:12px 18px;font-size:13px;font-weight:500;animation:.15s fade;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0000002e}.offline-balk{background:var(--sand);color:var(--muted);text-align:center;padding:6px 12px;padding-top:calc(6px + env(safe-area-inset-top));font-size:13px;font-weight:500}.laden{color:var(--muted);place-items:center;padding:48px 0;display:grid}.leeg{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.stappen{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.stappen li{align-items:flex-start;gap:14px;display:flex}.stapnummer{border-radius:var(--r-pill);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);flex-shrink:0;place-items:center;font-size:13px;font-weight:500;display:grid}.kookmodus{background:var(--night);color:var(--on-accent);min-height:100dvh}.kookmodus .inhoud{padding-bottom:calc(120px + env(safe-area-inset-bottom));gap:28px}.voortgang{gap:6px;display:flex}.voortgang span{background:var(--night-2);border-radius:2px;flex:1;height:4px}.voortgang span.klaar{background:var(--accent)}.nacht-blok{background:var(--night-2);border-radius:var(--r-xl);padding:16px 18px}@media (width>=900px){:root{--gutter:32px}.raster{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.rij>div,.veld,.invoer,.invoer input,.invoer textarea{min-width:0}