:root{color-scheme:light;--paper: #f7f3ea;--paper-raised: #fffdf7;--paper-sunken: #efe9db;--ink: #14100f;--ink-soft: #4a4342;--ink-faint: #6e6564;--line: #e8e2d6;--line-strong: #928a7c;--accent: #8e1f32;--accent-fill: #a02142;--accent-wash: #fbf0f2;--warn: #7d5210;--warn-wash: #fbf3e4;--danger: #8e1f32;--danger-wash: #fbf0f2;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.9rem;--text-statement: clamp(2.6rem, 13vw, 5.5rem);--leading-tight: 1.2;--leading-statement: .92;--leading-normal: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 6px;--radius: 12px;--radius-lg: 14px;--shadow: 0 12px 40px -12px rgb(20 16 15 / .28);--glas: color-mix(in srgb, var(--paper) 84%, transparent);--glas-blur: saturate(180%) blur(16px);--glas-glans: inset 0 1px 0 rgb(255 255 255 / .65);--glas-rand: 1px solid rgb(20 16 15 / .08);--touch: 44px;--content-width: 40rem;--duur-kort: .15s;--duur-normaal: .3s;--soepel: cubic-bezier(.2, 0, .2, 1)}:root[data-thema=olijf]{--accent: #3e5a2a;--accent-fill: #45652f;--accent-wash: #f5f9f3}:root[data-thema=aubergine]{--accent: #7c388a;--accent-fill: #893e98;--accent-wash: #f8f3f9}@media (prefers-reduced-transparency: reduce){:root{--glas: var(--paper);--glas-blur: none;--glas-glans: none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);padding-bottom:calc(var(--touch) + var(--space-6) + env(safe-area-inset-bottom))}body:has(.actionbar){padding-bottom:calc(var(--touch) * 2 + var(--space-6) + env(safe-area-inset-bottom))}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:var(--leading-tight);margin:0;letter-spacing:-.015em}h1{font-size:var(--text-2xl);letter-spacing:-.025em}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent-fill);outline-offset:2px;border-radius:var(--radius-sm)}.page{max-width:var(--content-width);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-tight{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:600}.page>section+section{border-top:1px solid var(--line);padding-top:var(--space-5)}.muted{color:var(--ink-soft);font-size:var(--text-sm)}.card{background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:var(--space-4)}.btn{font:inherit;font-weight:600;min-height:var(--touch);padding:0 var(--space-5);border-radius:999px;border:1px solid transparent;background:var(--accent-fill);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn,.allergen,.tab,details.step>summary{transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .12s ease,filter .15s ease}.btn:hover{filter:brightness(1.06)}.btn:not(.btn-secondary):not(.btn-quiet){box-shadow:inset 0 1px #ffffff38,0 1px 2px #14100f24}.btn:active,.allergen:active{transform:scale(.97)}.tab:active{background:var(--paper-sunken)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn-secondary{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-quiet{background:transparent;color:var(--accent);border-color:transparent;padding:0 var(--space-3)}.btn-block{width:100%}label{font-size:var(--text-sm);font-weight:600;color:var(--ink-soft)}input[type=text],input[type=url],textarea,select{font:inherit;width:100%;min-height:var(--touch);padding:var(--space-2) var(--space-3);background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius)}textarea{min-height:6rem;resize:vertical;line-height:var(--leading-normal)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-hint{font-size:var(--text-xs);color:var(--ink-faint);font-weight:400}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--paper-sunken);color:var(--ink-soft);border:1px solid var(--line)}.badge-done{background:var(--paper-sunken);color:var(--ink-soft);border-color:var(--line-strong)}.badge-open{background:var(--accent-wash);color:var(--accent);border-color:transparent}.visibility-note{background:var(--paper-sunken);color:var(--ink);border-left:3px solid var(--accent-fill);border-radius:var(--radius-sm);padding:var(--space-4);font-size:var(--text-base)}.alert{border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border:1px solid transparent}.alert-warn{background:var(--warn-wash);color:var(--warn);border-color:currentColor}.alert-danger{background:var(--accent-fill);color:#fff;border-color:transparent;font-weight:500}.alert-danger .btn{background:var(--paper-raised);color:var(--accent)}.allergen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--space-2)}.allergen{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);font-size:var(--text-sm);cursor:pointer}.allergen input{width:1.15rem;height:1.15rem;accent-color:var(--accent-fill)}.allergen[data-checked=true]{background:var(--accent-wash);border-color:var(--accent-fill);font-weight:600}.axis{display:grid;grid-template-columns:7.5rem 1fr 2.5rem;align-items:center;gap:var(--space-3);min-height:var(--touch)}.axis input[type=range]{width:100%;accent-color:var(--accent-fill);min-height:var(--touch)}.axis output{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:var(--text-sm);text-align:right}details.step{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);padding:0}details.step>summary{cursor:pointer;min-height:var(--touch);flex-wrap:nowrap;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-weight:600;list-style:none}details.step>summary::-webkit-details-marker{display:none}details.step>summary>.badge{flex:none}details.step[open]>summary{border-bottom:1px solid var(--line)}details.step>.step-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.actionbar{position:fixed;inset:auto 0 0 0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--glas);-webkit-backdrop-filter:var(--glas-blur);backdrop-filter:var(--glas-blur);border-top:var(--glas-rand);box-shadow:var(--glas-glans);display:flex;gap:var(--space-3);justify-content:center}.actionbar>*{max-width:var(--content-width);flex:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tabbar{position:fixed;inset:auto 0 0 0;display:flex;background:var(--glas);-webkit-backdrop-filter:var(--glas-blur);backdrop-filter:var(--glas-blur);border-top:var(--glas-rand);box-shadow:var(--glas-glans);padding-bottom:env(safe-area-inset-bottom)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.tabbar,.actionbar{background:var(--paper)}}.tab{flex:1;font:inherit;font-size:var(--text-xs);font-weight:600;min-height:var(--touch);border:0;background:transparent;color:var(--ink-soft);cursor:pointer}.tab-actief{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent-fill)}.actionbar{bottom:calc(var(--touch) + env(safe-area-inset-bottom))}.axis meter{width:100%;height:.6rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:var(--paper-sunken)}.axis meter::-webkit-meter-bar{background:var(--paper-sunken);border:1px solid var(--line);border-radius:999px;height:.6rem}.axis meter::-webkit-meter-optimum-value,.axis meter::-webkit-meter-suboptimum-value,.axis meter::-webkit-meter-even-less-good-value{background:var(--accent-fill);border-radius:999px}.axis meter::-moz-meter-bar{background:var(--accent-fill);border-radius:999px}.dialoog{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--paper-raised);color:var(--ink);padding:0;width:min(100% - 2rem,26rem);max-height:calc(100dvh - 4rem);box-shadow:var(--shadow)}.dialoog::backdrop{background:#14100c8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialoog-inhoud{padding:var(--space-5) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));overflow-y:auto}.dialoog-acties{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.dialoog-acties>.btn{flex:1}.dialoog-lijst{margin:0;padding-left:1.1rem;color:var(--ink-soft);font-size:var(--text-sm)}.dialoog-keuze{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.keuze{display:flex;align-items:start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;font-size:var(--text-sm);transition:background-color .15s ease,border-color .15s ease}.keuze input{margin-top:.2rem;width:1.15rem;height:1.15rem;accent-color:var(--accent-fill);flex:none}.keuze[data-checked=true]{background:var(--accent-wash);border-color:var(--accent-fill)}.btn-ernstig{background:var(--danger);color:#fff}.statement{font-family:var(--font-display);font-weight:300;font-size:var(--text-statement);line-height:var(--leading-statement);letter-spacing:-.035em;margin:0;text-wrap:balance}.statement em{font-style:italic;color:var(--accent)}.statement-boven{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:var(--ink-faint);margin-bottom:var(--space-4)}.statement-regel{height:1px;background:var(--line-strong);margin:var(--space-5) 0}.menukaart{display:grid}.menukaart-gang{padding:var(--space-6) 0;border-top:1px solid var(--line-strong)}.menukaart-gang:first-child{border-top:0;padding-top:var(--space-4)}.menukaart-gangnaam{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:var(--ink-faint);margin-bottom:var(--space-3)}.menukaart-gerecht{font-family:var(--font-display);font-weight:300;font-size:clamp(1.9rem,8vw,3rem);line-height:1.05;letter-spacing:-.025em;text-wrap:balance;margin:0}.menukaart-zin{margin-top:var(--space-3);color:var(--ink-soft);font-size:var(--text-lg);line-height:var(--leading-normal);text-wrap:pretty}.menukaart-voet{margin-top:var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint)}.menukaart-voet:empty{display:none}.icoon{flex:none;vertical-align:-.15em}.badge .icoon,.btn .icoon{margin-right:.15em}.skelet{background:linear-gradient(90deg,var(--paper-sunken) 0%,color-mix(in srgb,var(--paper-sunken) 60%,var(--paper-raised)) 50%,var(--paper-sunken) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skelet-golf 1.4s ease-in-out infinite}@keyframes skelet-golf{0%{background-position:200% 0}to{background-position:-200% 0}}.skelet-regel{height:1em}.skelet-kop{height:1.6em;width:60%}.skelet-knop{height:var(--touch);border-radius:999px}.nadruk{font-family:var(--font-display);font-style:italic;color:var(--accent)}.gang-regel{padding-top:var(--space-3);border-top:1px solid var(--line)}.gang-regel:first-of-type{padding-top:0;border-top:0}.knop-klein{min-width:var(--touch);padding:0;font-size:var(--text-lg)}.knop-badge{font:inherit;font-size:var(--text-xs);font-weight:600;min-height:var(--touch);cursor:pointer}.keuzerij{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:var(--space-2)}.stemknop{display:flex;align-items:center;justify-content:center;gap:.3em;white-space:nowrap;font:inherit;font-size:var(--text-sm);font-weight:600;min-height:var(--touch);padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink-soft);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.stemknop:active{transform:scale(.97)}.stemknop[data-gekozen=true]{border-width:2px;border-color:var(--accent);font-weight:700;color:var(--ink)}.stemknop[data-gekozen=true][data-soort=yes]{background:var(--accent-wash);color:var(--accent)}.stemknop[data-gekozen=true][data-soort=maybe]{background:var(--paper-sunken)}.stemknop[data-gekozen=true][data-soort=no]{background:var(--paper-sunken);border-color:var(--ink-faint);color:var(--ink-soft)}.notitie-meer{display:inline}.notitie-meer>summary{display:inline;font-weight:600;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.notitie-meer>summary::-webkit-details-marker{display:none}.notitie-meer>.notitie-lang{display:block;margin-top:var(--space-2)}.prikker-regel{display:grid;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--line)}.prikker-regel:first-of-type{border-top:0}.prikker-kop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.prikker-telling{font-size:var(--text-sm);color:var(--ink-soft);white-space:nowrap}.prikker-balk{display:flex;height:8px;border-radius:999px;background:var(--paper-sunken);overflow:hidden}.prikker-balk span{display:block;transition:width var(--duur-normaal) var(--soepel)}.prikker-balk .zeker{background:var(--accent-fill)}.prikker-balk .mss{background:repeating-linear-gradient(135deg,var(--accent-fill) 0 3px,transparent 3px 6px)}.prikker-beste{font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}@keyframes opkomst{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page>*{animation:opkomst var(--duur-normaal) var(--soepel) both}.page>*:nth-child(1){animation-delay:0ms}.page>*:nth-child(2){animation-delay:40ms}.page>*:nth-child(3){animation-delay:80ms}.page>*:nth-child(4){animation-delay:.12s}.page>*:nth-child(5){animation-delay:.16s}.page>*:nth-child(n+6){animation-delay:.2s}@keyframes tik{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.allergen[data-checked=true] input,.keuze[data-gekozen=true],.badge-done{animation:tik .26s var(--soepel)}@keyframes getal-wissel{0%{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:none}}.getal{display:inline-block;font-variant-numeric:tabular-nums}.getal[data-veranderd=true]{animation:getal-wissel var(--duur-kort) var(--soepel)}.logo-rij{display:flex;gap:var(--space-4);align-items:center}.logo-beeld,.logo-leeg{width:72px;height:72px;flex:0 0 auto;border-radius:var(--radius);background:var(--paper-sunken)}.logo-beeld{object-fit:contain;border:1px solid var(--line)}.logo-leeg{display:grid;place-items:center;color:var(--ink-faint);border:1px dashed var(--line-strong)}.logo-kop{width:44px;height:44px;object-fit:contain;border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.logo-mini{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-sm);flex:0 0 auto}