:root{--papier: #f8f3e9;--papier-diep: #f1ebde;--kaart: #fffdfa;--kaart-rand: #ece4d3;--rand: #ebe2d2;--rand-zacht: #f3ecdc;--inkt: #1f1b15;--inkt-zacht: #6e6352;--inkt-zachter: #968a78;--accent: #1e6b6b;--accent-licht: #e3eded;--accent-zachter: #f0f6f6;--accent-donker: #155555;--accent-contrast: #ffffff;--ok: #4d7a4a;--ok-licht: #e9f0e1;--waarschuwing: #b3801a;--waarschuwing-licht: #fbf2dc;--fout: #aa3d2a;--fout-licht: #f8e6e0;--bonus: #c75a3d;--bonus-licht: #fbe7df;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--schaduw-xs: 0 1px 2px rgba(31, 27, 21, .04);--schaduw-sm: 0 1px 3px rgba(31, 27, 21, .06), 0 1px 2px rgba(31, 27, 21, .04);--schaduw-md: 0 4px 14px rgba(31, 27, 21, .06), 0 2px 4px rgba(31, 27, 21, .04);--schaduw-lg: 0 12px 30px rgba(31, 27, 21, .1), 0 4px 12px rgba(31, 27, 21, .06);--t-snel: .12s cubic-bezier(.4, 0, .2, 1);--t-rustig: .22s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--papier);color:var(--inkt);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern","liga","ss01"}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at 90% -10%,rgba(199,90,61,.05),transparent 60%),radial-gradient(900px 500px at -10% 100%,rgba(30,107,107,.06),transparent 60%);pointer-events:none;z-index:-1}.app{max-width:1280px;margin:0 auto;padding:20px 24px 96px}@supports (padding: max(0px)){.app{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(96px,env(safe-area-inset-bottom))}}@media(max-width:600px){body{font-size:16px}.app{padding:14px 14px 72px}}.centrum{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-xl)}.kop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-xs) var(--space-xl)}.kop-titel{display:flex;align-items:baseline;gap:var(--space-md);flex-wrap:wrap}.kop h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,36px);letter-spacing:-.02em;color:var(--accent);font-variation-settings:"opsz" 80}.kop-rechts{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.week-chip{background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-pill);padding:4px 14px;font-size:14px;font-weight:600;letter-spacing:.02em;box-shadow:var(--schaduw-xs)}.status-chip{border-radius:var(--radius-pill);padding:4px 14px;font-size:14px;font-weight:600;letter-spacing:.01em}.status-planning{background:var(--waarschuwing-licht);color:#8a6300}.status-bevestigd{background:var(--ok-licht);color:var(--ok)}.modus-badge{font-size:12px;font-weight:500;border-radius:var(--radius-pill);padding:4px 11px 4px 9px;border:1px solid var(--rand);color:var(--inkt-zacht);background:var(--kaart);display:inline-flex;align-items:center;gap:6px}.modus-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px #4d7a4a2e}.modus-badge.modus-fixture{color:#8a6300;border-color:#ecd8a0;background:var(--waarschuwing-licht)}.modus-badge.modus-fixture:before{background:var(--waarschuwing);box-shadow:0 0 0 2px #b3801a2e}.modus-badge.modus-uit{color:var(--fout);border-color:#e6c0b6;background:var(--fout-licht)}.modus-badge.modus-uit:before{background:var(--fout);box-shadow:0 0 0 2px #aa3d2a2e}.modi-tip{position:relative}.modi-tip>summary{list-style:none;cursor:pointer}.modi-tip>summary::-webkit-details-marker{display:none}.modi-knop{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--kaart);border:1px solid var(--rand);font-size:13px;font-weight:500;color:var(--inkt-zacht);-webkit-user-select:none;user-select:none}.modi-knop:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 2px #4d7a4a2e}.modi-let-op:before{background:var(--waarschuwing);box-shadow:0 0 0 2px #b3801a2e}.modi-popover{position:absolute;right:0;top:calc(100% + 6px);display:flex;flex-direction:column;gap:4px;padding:var(--space-sm);background:var(--kaart);border:1px solid var(--kaart-rand);border-radius:var(--radius-md);box-shadow:var(--schaduw-md);z-index:20;white-space:nowrap}.tabbar{display:flex;gap:var(--space-xs);padding:5px;margin:0 -5px var(--space-lg);background:var(--kaart);border:1px solid var(--kaart-rand);border-radius:var(--radius-lg);position:sticky;top:8px;z-index:10;box-shadow:var(--schaduw-sm);-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:48px;padding:10px var(--space-md);border-radius:var(--radius-md);border:none;background:transparent;color:var(--inkt-zacht);font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--t-snel),color var(--t-snel),transform var(--t-snel)}.tab:hover{color:var(--inkt);background:var(--accent-zachter)}.tab:active{transform:scale(.98)}.tab-actief{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--schaduw-sm)}.tab-actief:hover{background:var(--accent-donker);color:var(--accent-contrast)}.tab-icoon{font-size:18px}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:#ffffff38;color:inherit;border-radius:var(--radius-pill);font-size:12px;font-weight:700}.tab:not(.tab-actief) .tab-badge{background:var(--accent);color:var(--accent-contrast)}@media(max-width:600px){.tabbar{padding:4px;gap:3px;border-radius:var(--radius-md)}.tab{flex-direction:column;gap:2px;padding:6px 4px;font-size:12px;min-height:56px;line-height:1.1}.tab-icoon{font-size:18px}.tab-label,.tab-badge{display:inline}.tab-badge{min-width:18px;height:18px;font-size:11px;padding:0 5px}}.panelen{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(440px,1fr));align-items:start}@media(max-width:600px){.panelen{grid-template-columns:1fr;gap:var(--space-lg)}}.paneel{background:var(--kaart);border:1px solid var(--kaart-rand);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--schaduw-sm);transition:box-shadow var(--t-rustig),transform var(--t-rustig)}@media(hover:hover){.paneel:hover{box-shadow:var(--schaduw-md)}}.paneel-breed{grid-column:1 / -1}.paneel h2{margin:0 0 var(--space-xs);font-family:var(--font-display);font-size:22px;font-weight:600;font-variation-settings:"opsz" 24;color:var(--inkt);letter-spacing:-.01em}.paneel .sub,.sub{margin:0 0 var(--space-lg);color:var(--inkt-zacht);font-size:14px;line-height:1.45}.paneel .sub:last-child{margin-bottom:0}.knop{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:44px;padding:10px var(--space-lg);border-radius:var(--radius-md);border:1px solid transparent;background:var(--accent);color:var(--accent-contrast);font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:.01em;cursor:pointer;text-decoration:none;box-shadow:var(--schaduw-xs);transition:background var(--t-snel),color var(--t-snel),transform var(--t-snel),box-shadow var(--t-snel)}.knop:hover{background:var(--accent-donker);box-shadow:var(--schaduw-sm)}.knop:active{transform:translateY(1px);box-shadow:var(--schaduw-xs)}.knop:disabled{opacity:.4;cursor:default;box-shadow:none}.knop:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-licht),0 0 0 5px var(--accent)}.knop-licht{background:var(--accent-zachter);color:var(--accent-donker);border-color:var(--accent-licht)}.knop-licht:hover{background:var(--accent-licht);color:var(--accent-donker)}.knop-klein{min-height:36px;padding:6px 14px;font-size:14px;border-radius:var(--radius-sm)}.knop-gevaar{background:var(--fout-licht);color:var(--fout);border-color:#f1d4cb}.knop-gevaar:hover{background:#f4dad1;color:var(--fout)}input[type=text],input[type=password],input[type=search],select,textarea{font:inherit;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--rand);background:var(--kaart);color:var(--inkt);min-height:44px;width:100%;transition:border-color var(--t-snel),box-shadow var(--t-snel)}input:hover,select:hover,textarea:hover{border-color:var(--inkt-zachter)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-licht)}.rij{display:flex;gap:var(--space-sm);align-items:center}.rij>input,.rij>select,.rij>textarea{flex:1}.voortgang{background:var(--rand-zacht);border-radius:var(--radius-pill);height:8px;overflow:hidden;margin-top:var(--space-xs)}.voortgang-balk{height:100%;background:linear-gradient(90deg,var(--accent),#2a8585);transition:width var(--t-rustig);border-radius:var(--radius-pill)}.maaltijd{border:1px solid var(--rand);background:linear-gradient(0deg,var(--papier-diep),var(--kaart));border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-top:var(--space-md);transition:border-color var(--t-snel),box-shadow var(--t-snel)}.maaltijd:hover{border-color:var(--accent-licht);box-shadow:var(--schaduw-xs)}.maaltijd-kop{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.maaltijd-kop strong{font-family:var(--font-display);font-weight:600;font-size:18px;font-variation-settings:"opsz" 18}.maaltijd-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-sm)}.stepper{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--rand);border-radius:var(--radius-sm);background:var(--kaart);overflow:hidden}.stepper button{width:38px;height:38px;border:none;background:none;font-size:18px;font-weight:500;cursor:pointer;color:var(--accent);transition:background var(--t-snel)}.stepper button:hover:not(:disabled){background:var(--accent-zachter)}.stepper button:disabled{color:var(--inkt-zachter);cursor:default}.stepper span{min-width:60px;text-align:center;font-weight:600;font-size:14px;padding:0 var(--space-sm)}.chip{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:4px 12px;font-size:13px;font-weight:500;background:var(--accent-licht);color:var(--accent-donker);border:1px solid transparent;cursor:pointer;transition:background var(--t-snel),color var(--t-snel),border-color var(--t-snel)}.chip:hover{background:var(--accent-zachter)}.chip.uit{background:var(--rand-zacht);color:var(--inkt-zacht);border-color:var(--rand)}.chip.uit:hover{background:var(--papier-diep);color:var(--inkt)}.chip.statisch{cursor:default}.chip.statisch:hover{background:var(--accent-licht)}.chip-bonus{background:var(--bonus-licht);color:var(--bonus);font-weight:600}.suggestie-form{display:flex;gap:var(--space-sm);align-items:stretch}.suggestie-form input{flex:1;min-width:0}@media(max-width:600px){.suggestie-form{flex-direction:column}.suggestie-form .knop{width:100%}}.suggestie{border:1px solid #ead8a8;background:linear-gradient(135deg,#fdf8e7,#faefca);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);transition:box-shadow var(--t-snel)}.suggestie:hover{box-shadow:var(--schaduw-sm)}@media(max-width:600px){.suggestie{padding:var(--space-sm) var(--space-md)}.suggestie strong{font-size:16px}.suggestie .sub{font-size:13px}.suggestie .reden{font-size:12px}.suggestie .rij{flex-wrap:wrap}}.suggestie strong{font-family:var(--font-display);font-weight:600;font-size:17px;font-variation-settings:"opsz" 18;color:var(--inkt)}.suggestie .reden{font-size:14px;color:#78600d;line-height:1.4}.gerecht-rij{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-xs);border-bottom:1px solid var(--rand-zacht);transition:background var(--t-snel)}.gerecht-rij:hover{background:var(--papier)}.gerecht-rij:last-child{border-bottom:none}.gerecht-info{flex:1;min-width:0}.gerecht-info>div{font-size:15px}.gerecht-info .notitie{font-size:13px;color:var(--inkt-zacht);margin-top:2px}.bakje-lijst{max-height:520px;overflow-y:auto;margin-top:var(--space-sm)}.voorbeelden{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm)}.bonus-rij{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xs);border-bottom:1px solid var(--rand-zacht);transition:background var(--t-snel)}.bonus-rij:hover{background:var(--papier)}.bonus-rij:last-child{border-bottom:none}.bonus-rij .reden{font-size:13px;color:var(--inkt-zacht);margin-top:2px}@media(max-width:600px){.bonus-rij{flex-direction:column;align-items:stretch;gap:6px;padding:var(--space-sm) var(--space-xs)}.bonus-rij>.rij{justify-content:space-between;flex-wrap:wrap}.bonus-rij .stepper button{width:32px;height:32px;font-size:16px}.bonus-rij .stepper span{min-width:36px;font-size:13px;padding:0 4px}.bonus-rij .knop-klein{min-height:32px;padding:4px 12px;font-size:13px}}.lijst-tabel{width:100%;margin-top:var(--space-md)}.lijst-sectie{margin-top:var(--space-lg)}.lijst-sectie-kop{font-family:var(--font-body);font-size:12px;font-weight:700;margin:0 0 var(--space-xs);padding-bottom:var(--space-xs);color:var(--inkt-zacht);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--rand)}.lijst-sectie-kop .sub{text-transform:none;letter-spacing:0;font-weight:400;color:var(--inkt-zachter);margin-left:4px}.lijst-regel{display:grid;grid-template-columns:48px 1.2fr 1.4fr auto auto;gap:var(--space-md);align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--rand-zacht);transition:background var(--t-snel)}.lijst-regel:hover{background:var(--papier)}.lijst-regel:last-child{border-bottom:none}@media(max-width:760px){.lijst-regel{grid-template-columns:40px 1fr auto;grid-template-areas:"av ing step" "av prod act";gap:4px var(--space-sm);padding:var(--space-sm) 0}.lijst-regel .avatar{grid-area:av;width:40px;height:40px;font-size:13px}.lijst-ingredient{grid-area:ing;min-width:0}.lijst-ingredient strong{font-size:14px}.lijst-ingredient .sub2{font-size:11px}.lijst-product{grid-area:prod;font-size:12px;line-height:1.3;color:var(--inkt-zacht)}.lijst-product .prijs{font-weight:600;color:var(--inkt)}.lijst-product .ah-link{font-size:10px}.lijst-product .opmerking-mobiel{display:none}.lijst-regel>.stepper{grid-area:step;justify-self:end}.lijst-regel>.stepper button{width:32px;height:32px;font-size:16px}.lijst-regel>.stepper span{min-width:40px;font-size:13px;padding:0 4px}.regel-acties{grid-area:act;justify-self:end}.regel-acties .knop-klein{min-height:30px;padding:4px 10px;font-size:12px}.status-vlag{font-size:10px;padding:1px 6px}}.avatar{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-licht),var(--accent-zachter));color:var(--accent-donker);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:.02em;border:1px solid var(--accent-licht)}.product-mini{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-md);border:1px solid var(--rand);background:var(--kaart);overflow:hidden;cursor:zoom-in;transition:transform var(--t-snel),box-shadow var(--t-snel);flex-shrink:0}.product-mini:hover{transform:scale(1.05);box-shadow:var(--schaduw-sm)}.product-mini img{width:100%;height:100%;object-fit:contain}.product-modaal{background:var(--kaart);border-radius:var(--radius-xl);padding:var(--space-md);max-width:min(90vw,560px);box-shadow:var(--schaduw-lg);animation:pop var(--t-rustig)}.product-modaal img{width:100%;height:auto;max-height:70vh;object-fit:contain}.product-modaal-voet{text-align:center;padding:var(--space-sm) 0;font-weight:600}.lijst-ingredient strong{display:block;font-size:15px;font-weight:600;color:var(--inkt)}.lijst-ingredient .sub2{font-size:12px;color:var(--inkt-zacht);margin-top:2px}.lijst-product{font-size:14px;color:var(--inkt);line-height:1.5}.lijst-product .prijs{font-weight:700;color:var(--inkt)}.status-vlag{font-size:11px;border-radius:var(--radius-sm);padding:2px 8px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.vlag-bekend{background:var(--ok-licht);color:var(--ok)}.vlag-nieuw{background:var(--waarschuwing-licht);color:#8a6300}.vlag-geen_match{background:var(--fout-licht);color:var(--fout)}.vlag-vrij{background:var(--accent-licht);color:var(--accent-donker)}.regel-acties{display:flex;gap:var(--space-xs);align-items:center}.alternatieven{grid-column:1 / -1;background:linear-gradient(0deg,var(--papier-diep),var(--papier));border:1px dashed var(--rand);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-xs)}.alternatief{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xs);border-radius:var(--radius-sm);transition:background var(--t-snel)}.alternatief:hover{background:var(--kaart)}.bron-banner{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid transparent;font-size:14px}.bron-banner-icoon{font-size:22px;line-height:1}.bron-banner strong{font-family:var(--font-body);font-weight:600;color:var(--inkt)}.bron-banner .sub{font-size:13px}.bron-doc{background:var(--accent-zachter);border-color:var(--accent-licht)}.bron-allerhande{background:var(--ok-licht);border-color:#c8d8ba}.bron-llm{background:var(--waarschuwing-licht);border-color:#f0dba6}.bron-handmatig{background:var(--rand-zacht);border-color:var(--rand)}.bron-onbekend{background:var(--fout-licht);border-color:#e6c0b6}.vernieuw-banner{position:sticky;top:0;z-index:30;width:calc(100% + 48px);margin:-20px -24px var(--space-md);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--accent),var(--accent-donker));color:var(--accent-contrast);border:none;font-family:var(--font-body);font-size:15px;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;box-shadow:var(--schaduw-md);animation:slideDown var(--t-rustig)}.vernieuw-banner:hover{background:linear-gradient(135deg,var(--accent-donker),var(--accent))}.vernieuw-banner strong{color:var(--accent-contrast);text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.vernieuw-banner{margin:-14px -14px var(--space-md);font-size:14px}}.export-balk{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0;background:linear-gradient(135deg,var(--ok-licht),#d9e6cb);border:1px solid #b5c9a4;border-radius:var(--radius-md);color:var(--ok)}.export-balk strong{color:var(--inkt);font-size:16px}.export-balk .sub{font-size:14px;color:var(--inkt-zacht)}.bonus-banner{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0;background:linear-gradient(135deg,var(--bonus-licht),#fdd7c9);border:1px solid #f0b9a4;border-radius:var(--radius-md);color:var(--bonus);font-family:var(--font-body);font-size:15px;cursor:pointer;text-align:left;transition:transform var(--t-snel),box-shadow var(--t-snel)}.bonus-banner:hover{box-shadow:var(--schaduw-sm);transform:translateY(-1px)}.bonus-banner strong{font-weight:700}.bonus-banner-icoon{font-size:22px;line-height:1}.bonus-banner-actie{margin-left:auto;font-weight:700;opacity:.7}.banner{border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0;font-size:14px;line-height:1.5;border:1px solid transparent}.banner-info{background:var(--accent-zachter);color:var(--accent-donker);border-color:var(--accent-licht)}.banner-waarschuwing{background:var(--waarschuwing-licht);color:#8a6300;border-color:#f0dba6}.banner-fout{background:var(--fout-licht);color:var(--fout);border-color:#e6c0b6}.banner-ok{background:var(--ok-licht);color:var(--ok);border-color:#c8d8ba}.resultaat-regel{display:flex;gap:var(--space-sm);align-items:baseline;padding:2px 0;font-size:14px}.resultaat-regel a{color:var(--accent);font-weight:600}.vaste-prik details{margin:var(--space-md) 0;background:var(--papier);border:1px solid var(--rand);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.vaste-prik summary{font-size:15px;font-weight:600;padding:4px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.vaste-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;flex-wrap:wrap;border-top:1px solid var(--rand-zacht)}.vaste-item:first-of-type{border-top:none}.vaste-item .uitgevinkt{color:var(--inkt-zachter);text-decoration:line-through}.weggelaten-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xs);border-bottom:1px solid var(--rand-zacht)}.weggelaten-item:last-child{border-bottom:none}.modaal-achtergrond{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b156b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-lg);animation:fadeIn var(--t-rustig)}.modaal{background:var(--kaart);border:1px solid var(--kaart-rand);border-radius:var(--radius-xl);padding:var(--space-xl);width:min(580px,100%);max-height:90vh;overflow-y:auto;box-shadow:var(--schaduw-lg);animation:pop var(--t-rustig)}.modaal-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.modaal-kop h3{font-family:var(--font-display);font-size:22px;font-weight:600;font-variation-settings:"opsz" 22;margin:0;letter-spacing:-.01em}@media(max-width:600px){.modaal-achtergrond{align-items:flex-end;padding:0}.modaal{width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh;animation:slideUp var(--t-rustig)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ah-link{display:inline-block;margin-left:4px;opacity:.4;text-decoration:none;font-size:12px;vertical-align:super;transition:opacity var(--t-snel),transform var(--t-snel)}.ah-link:hover,.ah-link:focus{opacity:1;transform:translateY(-1px)}.beheer-kolommen{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--space-md)}.beheer-kolommen h3{font-family:var(--font-display);font-size:17px;font-weight:600;margin:0 0 var(--space-sm)}.beheer-item{display:flex;align-items:center;gap:var(--space-sm);padding:6px 0}.beheer-item .naam{flex:1;font-size:14px}.beheer-item .naam.inactief{color:var(--inkt-zacht);text-decoration:line-through}details summary{cursor:pointer;font-family:var(--font-display);font-size:17px;font-weight:600;padding:var(--space-sm) 0}.leeg{color:var(--inkt-zacht);font-style:italic;padding:var(--space-md) 0}.login-kaart{background:var(--kaart);border:1px solid var(--kaart-rand);border-radius:var(--radius-xl);padding:40px;width:min(420px,92vw);display:flex;flex-direction:column;gap:var(--space-lg);box-shadow:var(--schaduw-lg)}.login-kaart h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:36px;color:var(--accent);letter-spacing:-.02em;font-variation-settings:"opsz" 80}.chat-venster{height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-xs);margin-bottom:var(--space-md)}.ballon{max-width:88%;padding:10px 14px;border-radius:var(--radius-md);font-size:15px;white-space:pre-wrap;line-height:1.5}.ballon.gebruiker{align-self:flex-end;background:var(--accent);color:var(--accent-contrast);border-bottom-right-radius:4px}.ballon.assistent{align-self:flex-start;background:var(--papier-diep);border-bottom-left-radius:4px}.ballon.notitie{align-self:center;background:var(--ok-licht);color:var(--ok);font-size:13px}.ballon.fout{align-self:center;background:var(--fout-licht);color:var(--fout);font-size:13px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.bakje-lijst::-webkit-scrollbar,.modaal::-webkit-scrollbar,.chat-venster::-webkit-scrollbar{width:8px}.bakje-lijst::-webkit-scrollbar-thumb,.modaal::-webkit-scrollbar-thumb,.chat-venster::-webkit-scrollbar-thumb{background:var(--rand);border-radius:var(--radius-pill)}.bakje-lijst::-webkit-scrollbar-thumb:hover,.modaal::-webkit-scrollbar-thumb:hover,.chat-venster::-webkit-scrollbar-thumb:hover{background:var(--inkt-zachter)}