:root{--dur:.15s;--dur-pulse:.32s;--dur-veer:.28s;--dur-veer-bar:.24s;--dur-teken:.24s;--dur-telsprong:.26s;--fs-eyebrow:.72rem;--fs-section:.78rem;--fs-hint:.85rem;--fs-name:1.12rem;--fs-price:.92rem;--fs-count:.85rem;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--ronding-klein:4px;--ronding-basis:10px;--ronding-groot:16px;--ronding-kaart:20px;--ronding-vol:999px;--ronding-toestel:30px;--ruimte-1:.2rem;--ruimte-2:.3rem;--ruimte-3:.4rem;--ruimte-4:.5rem;--ruimte-5:.6rem;--ruimte-6:.8rem;--ruimte-7:1rem;--ruimte-8:1.4rem;--ruimte-9:2rem;--paginamarge:clamp(.75rem, 3vw, 2rem);--kolommarge:clamp(1rem, 5vw, 2.5rem);--schaduw-licht:0 1px 3px var(--shadow);--schaduw-paneel:0 18px 40px -20px var(--shadow);--schaduw-kaart:0 22px 50px -22px var(--shadow), 0 2px 8px -2px var(--shadow)}:root,:root[data-thema=donker]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#0b1410;--bg:#142219;--panel:#1b2d22;--ink:#e9f1e7;--ink-muted:#9fb3a6;--accent:#6fbe97;--accent-strong:#8ed2ac;--accent-contrast:#0e1d16;--accent-fris:#b7e34a;--accent-fris-contrast:#14210a;--gast:#8fb4ee;--gast-contrast:#101c2e;--line:#2a3f33;--warn:#dda94f;--danger:#e08a72;--grid:#e9f1e71f;--shadow:#00000080;--scrim:#0000009e;--groep-leisteen:#8fb4ee;--groep-oker:#d7b25c;--groep-dennen:#5cbcbd;--groep-baksteen:#e79b83;--groep-pruim:#c99ad2}:root[data-thema=auto]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root[data-thema=auto]{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root[data-thema=auto]{--page-bg:#dce6d6;--bg:#f7f8f2;--panel:#eef2e9;--ink:#17241c;--ink-muted:#56654f;--accent:#1e4b39;--accent-strong:#143627;--accent-contrast:#f3f7ef;--accent-fris:#5f7d17;--accent-fris-contrast:#f7fbee;--gast:#26456e;--gast-contrast:#f2f6fd;--line:#c7d3be;--warn:#a8761c;--danger:#9c3a29;--grid:#17241c1a;--shadow:#17241c24;--scrim:#09100c73;--groep-leisteen:#26456e;--groep-oker:#6a4a10;--groep-dennen:#17494f;--groep-baksteen:#7c3626;--groep-pruim:#5a2f5e}}:root[data-thema=licht]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#dce6d6;--bg:#f7f8f2;--panel:#eef2e9;--ink:#17241c;--ink-muted:#56654f;--accent:#1e4b39;--accent-strong:#143627;--accent-contrast:#f3f7ef;--accent-fris:#5f7d17;--accent-fris-contrast:#f7fbee;--gast:#26456e;--gast-contrast:#f2f6fd;--line:#c7d3be;--warn:#a8761c;--danger:#9c3a29;--grid:#17241c1a;--shadow:#17241c24;--scrim:#09100c73;--groep-leisteen:#26456e;--groep-oker:#6a4a10;--groep-dennen:#17494f;--groep-baksteen:#7c3626;--groep-pruim:#5a2f5e}@media (prefers-reduced-motion:reduce){:root{--dur:0s;--dur-pulse:0s;--dur-veer:0s;--dur-veer-bar:0s;--dur-teken:0s;--dur-telsprong:0s}}*{box-sizing:border-box}[hidden]{display:none!important}body{min-height:100svh;padding:var(--paginamarge);padding-top:max(var(--paginamarge), env(safe-area-inset-top));padding-left:max(var(--paginamarge), env(safe-area-inset-left));padding-right:max(var(--paginamarge), env(safe-area-inset-right));padding-bottom:max(var(--paginamarge), env(safe-area-inset-bottom));background:var(--page-bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen,.schermkaart{background:var(--bg);border-radius:var(--ronding-kaart);width:100%;max-width:420px;box-shadow:var(--schaduw-kaart);padding:1.6rem var(--ruimte-8) var(--ruimte-8);flex-direction:column;gap:1.5rem;margin:0 auto;display:flex;position:relative;overflow:hidden}.schermkaart{border:1px solid var(--line)}.screen--formulier,.schermkaart--formulier{gap:var(--ruimte-7)}.screen--tekst-gecentreerd{text-align:center}.livewire-root{display:contents}.screen--tekst-gecentreerd .brand{justify-content:center}.screen h1,.schermkaart h1{color:var(--ink);margin:0;font-size:1.25rem}.screen--document{gap:var(--ruimte-7);max-width:46rem}.document__versie{color:var(--ink-muted);margin:-.4rem 0 0;font-size:.8rem}.document{color:var(--ink);line-height:1.65}.document>:first-child{margin-top:0}.document>:last-child{margin-bottom:0}.document h2{margin:var(--ruimte-9) 0 var(--ruimte-5);color:var(--accent);font-size:1.05rem}.document h3{margin:var(--ruimte-8) 0 var(--ruimte-4);color:var(--ink);font-size:.95rem}.document p,.document ul,.document ol{margin:0 0 .9rem}.document ul,.document ol{padding-left:1.2rem}.document li{margin-bottom:.35rem}.document li>ul,.document li>ol{margin-top:.35rem}.document strong{color:var(--ink)}.document a{color:var(--accent)}.document blockquote{padding:var(--ruimte-1) 0 var(--ruimte-1) .9rem;border-left:3px solid var(--line);color:var(--ink-muted);margin:0 0 .9rem}.document hr{border:none;border-top:1px dashed var(--line);margin:1.6rem 0}.document__tabel{border:1px solid var(--line);border-radius:var(--ronding-groot);margin:0 0 .9rem;overflow-x:auto}.document__tabel table{border-collapse:collapse;width:100%;font-size:.85rem}.document__tabel th{background:var(--panel);text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted);padding:var(--ruimte-5) var(--ruimte-6);border-bottom:1px solid var(--line);font-size:.72rem}.document__tabel td{padding:var(--ruimte-5) var(--ruimte-6);border-bottom:1px solid var(--line);vertical-align:top;min-width:8rem}.document__tabel tbody tr:last-child td{border-bottom:none}.document__verwant{gap:var(--ruimte-3) 1.2rem;padding-top:var(--ruimte-7);border-top:1px dashed var(--line);flex-wrap:wrap;font-size:.85rem;display:flex}.document__verwant a{color:var(--accent);align-items:center;min-height:44px;display:inline-flex}.juridischelinks{justify-content:center;gap:0 var(--ruimte-7);flex-wrap:wrap;font-size:.8rem;display:flex}.juridischelinks a{min-height:44px;color:var(--ink-muted);align-items:center;display:inline-flex}.juridischelinks a:hover{color:var(--accent)}.header{gap:var(--ruimte-3);padding-bottom:var(--ruimte-7);border-bottom:1px dashed var(--line);flex-direction:column;display:flex}.header__top{justify-content:space-between;align-items:center;gap:var(--ruimte-5);display:flex;position:relative}.brand{align-items:center;gap:.35rem var(--ruimte-4);flex-wrap:wrap;display:flex}.brand__teken{stroke:var(--accent);stroke-width:3px;stroke-linecap:round;fill:none;flex-shrink:0}.brand__teken .brand__vijfde{stroke:var(--accent-fris)}.woordmerk{fill:currentColor;flex-shrink:0;width:auto;display:block}.brand__word{height:1.371em;color:var(--accent);font-size:1.3rem}.brand__tag{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-contrast);background:var(--accent);border-radius:var(--ronding-vol);padding:.18rem var(--ruimte-4);font-size:.68rem;font-weight:700}.impersonatiebanner{z-index:60;margin:calc(-1 * var(--paginamarge));margin-top:calc(-1 * max(var(--paginamarge), env(safe-area-inset-top)));margin-bottom:var(--paginamarge);justify-content:space-between;align-items:center;gap:var(--ruimte-5);padding:.7rem var(--paginamarge);padding-top:max(.7rem, env(safe-area-inset-top));background:var(--danger);color:var(--accent-contrast);flex-wrap:wrap;display:flex;position:sticky;top:0}.impersonatiebanner__tekst{margin:0;font-size:.88rem;font-weight:600;line-height:1.4}.impersonatiebanner__knop{min-height:44px;padding:var(--ruimte-3) .9rem;border:1px solid var(--accent-contrast);border-radius:var(--ronding-vol);color:inherit;font:inherit;cursor:pointer;background:0 0;font-size:.82rem;font-weight:600}.impersonatiebanner__knop:hover{background:var(--accent-contrast);color:var(--danger)}.brand__tag--platform{background:var(--warn)}.brand__groep{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--accent-contrast);background:var(--groepskleur,var(--accent));border-radius:var(--ronding-vol);padding:.18rem var(--ruimte-4);font-size:.68rem;font-weight:700;overflow:hidden}.groepsregel{border:0;border-bottom:2px solid var(--groepskleur,var(--accent));max-width:100%;color:var(--ink);font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;transition:border-color var(--dur) ease;background:0 0;align-self:flex-start;margin-top:.45rem;padding:0 0 4px;font-size:1.02rem;font-weight:600;text-decoration:none;overflow:hidden}a.groepsregel{cursor:pointer}a.groepsregel:hover{border-bottom-color:var(--ink)}.groepsregel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.groepskleur--leisteen{--groepskleur:var(--groep-leisteen)}.groepskleur--oker{--groepskleur:var(--groep-oker)}.groepskleur--dennen{--groepskleur:var(--groep-dennen)}.groepskleur--baksteen{--groepskleur:var(--groep-baksteen)}.groepskleur--pruim{--groepskleur:var(--groep-pruim)}.groepen{gap:var(--ruimte-4);flex-direction:column;display:flex}.groepsrij{width:100%;min-height:56px;padding:var(--ruimte-5) .75rem;border:1px solid var(--line);border-radius:var(--ronding-groot);background:var(--bg);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur) ease, background-color var(--dur) ease;align-items:center;gap:.7rem;display:flex}.groepsrij:hover{border-color:var(--groepskleur,var(--accent))}.groepsrij:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.groepsrij[aria-current=true]{border-color:var(--groepskleur,var(--accent));box-shadow:inset 3px 0 0 var(--groepskleur,var(--accent))}.groepsrondje{border-radius:var(--ronding-vol);background:var(--groepskleur,var(--accent));width:34px;height:34px;color:var(--accent-contrast);flex:none;place-items:center;font-weight:700;display:grid}.groepsrij__naam{flex:1;min-width:0}.groepsrij__naam strong{font-size:var(--fs-name);font-weight:600;display:block}.groepsrij__rol{font-size:var(--fs-hint);color:var(--ink-muted);display:block}.groepsrij__bedrag{text-align:right;font-variant-numeric:tabular-nums;min-width:4.5rem;color:var(--ink-muted);flex:none}.groepsrij__vink{color:var(--groepskleur,var(--accent));flex:none;font-weight:700}.greeting{color:var(--ink-muted);margin:.1rem 0 0;font-size:.95rem}.greeting strong{color:var(--ink)}.menu-btn{border:1px solid var(--line);border-radius:var(--ronding-basis);width:36px;height:36px;color:var(--ink-muted);cursor:pointer;transition:color var(--dur) ease, border-color var(--dur) ease;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.menu-btn:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-btn:hover,.menu-btn[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.menu-btn svg{display:block}.menu-btn__icon{stroke:currentColor;stroke-width:2px;stroke-linecap:round;fill:none}.menu{z-index:25;background:var(--bg);border:1px solid var(--line);border-radius:var(--ronding-groot);min-width:200px;box-shadow:var(--schaduw-paneel);flex-direction:column;padding:.35rem;display:flex;position:absolute;top:calc(100% + .45rem);right:0}.menu__item{justify-content:space-between;align-items:baseline;gap:var(--ruimte-5);text-align:left;width:100%;color:var(--ink);padding:.55rem var(--ruimte-5);border-radius:var(--ronding-basis);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.menu__item:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.menu__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.menu__value{font-size:var(--fs-hint);color:var(--ink-muted);font-variant-numeric:tabular-nums;font-weight:600}.menu__sep{height:1px;margin:var(--ruimte-2) .35rem;background:var(--line)}.menu form{margin:0}.balance{gap:var(--ruimte-2);flex-direction:column;margin:.55rem 0 0;display:flex}.balance__label{font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin:0}.balance__row{justify-content:space-between;align-items:baseline;gap:var(--ruimte-5);display:flex}.balance__amount{letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;transform-origin:0;animation:pulse var(--dur-pulse) ease;font-size:1.3rem;font-weight:700}.balance__limit{color:var(--ink-muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.78rem}.balance__meter{border-radius:var(--ronding-vol);background:color-mix(in srgb, var(--ink-muted) 20%, transparent);height:6px;overflow:hidden}.balance__meter-fill{border-radius:var(--ronding-vol);background:var(--accent);height:100%;transition:width var(--dur-pulse) ease, background-color var(--dur) ease;display:block}.balance[data-state=warn] .balance__meter-fill{background:var(--warn)}.balance[data-state=warn] .balance__limit{color:var(--warn);font-weight:600}.balance[data-state=over] .balance__meter-fill{background:var(--danger)}.balance[data-state=over] .balance__limit{color:var(--danger);font-weight:700}@keyframes pulse{0%{transform:scale(1.08)}to{transform:scale(1)}}.section{flex-direction:column;gap:.7rem;display:flex}.section__label{font-size:var(--fs-section);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin:0}.section__head{align-items:center;gap:.45rem;display:flex}.info-btn{border:1px solid var(--line);border-radius:var(--ronding-vol);width:18px;height:18px;color:var(--ink-muted);cursor:pointer;transition:background-color var(--dur) ease, color var(--dur) ease, border-color var(--dur) ease;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.info-btn:hover{border-color:var(--accent);color:var(--accent)}.info-btn[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.section__info{padding:.65rem var(--ruimte-6);background:color-mix(in srgb, var(--accent) 7%, var(--bg));border:1px solid var(--line);border-radius:var(--ronding-basis);color:var(--ink-muted);margin:0;font-size:.8rem;line-height:1.45}.footer{justify-content:space-between;align-items:center;gap:var(--ruimte-5);padding-top:var(--ruimte-1);border-top:1px dashed var(--line);display:flex}.footer form{margin:0}.footer__link,.footer button{color:var(--ink-muted);font-family:inherit;font-size:var(--fs-hint);text-underline-offset:2px;cursor:pointer;padding:var(--ruimte-2) 0;background:0 0;border:none;text-decoration:underline}.footer__link:hover,.footer button:hover{color:var(--ink)}.app{background:var(--bg);border-radius:var(--ronding-kaart);max-width:1180px;box-shadow:var(--schaduw-paneel);grid-template-columns:210px 1fr;min-height:640px;margin:0 auto;display:grid;overflow:hidden}.side{background:var(--panel);border-right:1px solid var(--line);padding:1.1rem var(--ruimte-6);flex-direction:column;gap:1.2rem;display:flex}.side__kop{justify-content:space-between;align-items:center;gap:var(--ruimte-5);padding:0 .35rem;display:flex}.side__sluiten{color:var(--ink-muted);padding:.1rem var(--ruimte-2);cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1;display:none}.side__sluiten:hover{color:var(--ink)}.nav{gap:var(--ruimte-1);flex-direction:column;display:flex}.nav__btn{justify-content:space-between;align-items:center;gap:var(--ruimte-3);text-align:left;width:100%;color:var(--ink-muted);padding:var(--ruimte-5) .7rem;border-radius:var(--ronding-basis);cursor:pointer;transition:background-color var(--dur) ease, color var(--dur) ease;background:0 0;border:none;font-family:inherit;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.nav__btn:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--ink)}.nav__btn.is-active{background:var(--accent);color:var(--accent-contrast)}.nav__badge{min-width:20px;height:20px;margin-left:var(--ruimte-3);border-radius:var(--ronding-vol);background:var(--warn);color:var(--bg);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 .35rem;font-size:.72rem;font-weight:700;display:inline-flex}.nav__btn.is-active .nav__badge{background:var(--accent-contrast);color:var(--accent)}.side__foot{gap:var(--ruimte-4);flex-direction:column;align-items:flex-start;margin-top:auto;padding:0 .35rem;display:flex}.side__foot form{margin:0}.side__uitloggen{padding:var(--ruimte-2) 0;color:var(--ink-muted);font-family:inherit;font-size:var(--fs-hint);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;text-decoration:underline}.side__uitloggen:hover{color:var(--ink)}.main{min-width:0;padding:1.3rem 1.5rem 1.6rem}.view__head{justify-content:space-between;align-items:flex-end;gap:var(--ruimte-7);flex-wrap:wrap;margin-bottom:1.1rem;display:flex}.view__title{margin:0;font-size:1.3rem;font-weight:700}.view__sub{margin:var(--ruimte-1) 0 0;color:var(--ink-muted);font-size:.85rem}.main>.statusmelding,.main>.foutmelding{margin-bottom:var(--ruimte-7)}.main>.juridischelinks{margin-top:1.6rem}.main .section+.divider,.main .divider+.section,.main .section+.meer-opties,.main .divider+.meer-opties,.main .empty+.meer-opties{margin-top:1.5rem}.app__balk{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:.7rem;padding:.7rem .9rem;display:none}.hamburger{border:1px solid var(--line);border-radius:var(--ronding-basis);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:none}.hamburger:hover{border-color:var(--accent);color:var(--accent)}.hamburger__icon{stroke:currentColor;stroke-width:2px;stroke-linecap:round;fill:none}.app__scrim{background:var(--scrim);z-index:30;display:none;position:fixed;inset:0}@media (width<=900px){.app{grid-template-columns:1fr;min-height:0}.main{padding:1.1rem var(--ruimte-7) var(--ruimte-8)}.nav{flex-flow:wrap}.js .app__balk{display:flex}.js .hamburger{display:inline-flex}.js .side{z-index:31;width:min(280px,82vw);padding-top:max(1.1rem, env(safe-area-inset-top));padding-bottom:max(1.1rem, env(safe-area-inset-bottom));border-right:1px solid var(--line);visibility:hidden;transition:transform var(--dur) ease, visibility 0s linear var(--dur);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.js .nav{flex-flow:column}.js .side__sluiten{display:block}.js .app.is-menu-open .side{visibility:visible;transition:transform var(--dur) ease, visibility 0s;transform:none}.js .app.is-menu-open .app__scrim{display:block}}.terug{margin-bottom:var(--ruimte-1);padding:var(--ruimte-3) var(--ruimte-5) var(--ruimte-3) var(--ruimte-3);border-radius:var(--ronding-basis);color:var(--ink-muted);font-family:inherit;font-size:var(--fs-hint);cursor:pointer;transition:background-color var(--dur) ease, color var(--dur) ease;background:0 0;border:0;align-self:flex-start;align-items:center;gap:.35rem;font-weight:600;text-decoration:none;display:inline-flex}.terug:hover{background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent)}.terug__pijl{font-size:1.1rem;line-height:1}.btn{background:var(--accent);color:var(--accent-contrast);border-radius:var(--ronding-basis);cursor:pointer;transition:background-color var(--dur) ease, border-color var(--dur) ease, color var(--dur) ease;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .9rem;font-family:inherit;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-strong)}.btn--ghost{border-color:var(--line);color:var(--ink-muted);background:0 0}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);background:0 0}.btn--small{padding:.35rem var(--ruimte-5);border-radius:var(--ronding-basis);font-size:.8rem}.btn--danger:hover{border-color:var(--danger);color:var(--danger)}.btn--breed{width:100%;padding:.75rem var(--ruimte-7);font-size:1rem}.acties{align-items:center;gap:var(--ruimte-4);flex-wrap:wrap;display:flex}.acties form{margin:0}.form{gap:var(--ruimte-7);flex-direction:column;max-width:420px;margin:0;display:flex}.form--filters{max-width:none;margin-bottom:1.25rem}@media (width>=640px){.form--filters{flex-flow:wrap;align-items:flex-end;gap:.75rem}.form--filters .field{flex:12rem}}.field{gap:var(--ruimte-2);flex-direction:column;display:flex}.field__label{font-size:.8rem;font-weight:600}.field__hint{color:var(--ink-muted);margin:0;font-size:.76rem;line-height:1.5}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--ronding-basis);width:100%;padding:.55rem .75rem;font-family:inherit;font-size:.92rem}.field textarea{resize:vertical;min-height:4.5rem}.field input:focus-visible,.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.field input:disabled,.field select:disabled{opacity:.6;cursor:not-allowed}.checkbox{cursor:pointer;align-items:center;gap:.55rem;font-size:.88rem;display:flex}.checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.checkbox:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--ronding-klein)}.setting{justify-content:space-between;align-items:flex-start;gap:.9rem;display:flex}.setting__label{margin:0;font-size:.95rem;font-weight:600}.setting__hint{color:var(--ink-muted);margin:.25rem 0 0;font-size:.78rem;line-height:1.45}.switch{flex-shrink:0;width:44px;height:26px;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch__track{border-radius:var(--ronding-vol);background:color-mix(in srgb, var(--ink-muted) 35%, transparent);width:100%;height:100%;transition:background-color var(--dur) ease;pointer-events:none;display:block}.switch__track:after{content:"";border-radius:var(--ronding-vol);background:var(--bg);width:20px;height:20px;box-shadow:var(--schaduw-licht);transition:transform var(--dur) ease;position:absolute;top:3px;left:3px}.switch input:checked+.switch__track{background:var(--accent)}.switch input:checked+.switch__track:after{transform:translate(18px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}.divider{background:var(--line);height:1px}.keuzegroep{border:1px solid var(--line);border-radius:var(--ronding-groot);background:var(--panel);grid-template-columns:repeat(3,1fr);gap:.25rem;margin:0;padding:.25rem;display:grid}.keuze{display:block;position:relative}.keuze input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.keuze__vlak{justify-content:center;align-items:center;gap:var(--ruimte-2);min-height:56px;padding:var(--ruimte-4) .25rem;border-radius:var(--ronding-basis);color:var(--ink-muted);text-align:center;transition:background-color var(--dur) ease, color var(--dur) ease;pointer-events:none;flex-direction:column;font-size:.82rem;font-weight:600;display:flex}.keuze__vlak svg{width:20px;height:20px;display:block}.keuze input:checked+.keuze__vlak{background:var(--accent);color:var(--accent-contrast)}.keuze input:focus-visible+.keuze__vlak{outline:2px solid var(--accent);outline-offset:2px}.keuze:hover input:not(:checked)+.keuze__vlak{color:var(--ink)}.keuzegroep__uitleg{color:var(--ink-muted);margin:0;font-size:.78rem;line-height:1.45}.js .zonder-js{display:none}.settings-section{max-width:420px;margin-top:var(--ruimte-9);border-top:1px solid var(--line);padding-top:1.6rem}.settings-section__intro{margin:.35rem 0 var(--ruimte-7);color:var(--ink-muted);font-size:.82rem;line-height:1.5}.betaalweg-later{justify-content:space-between;align-items:flex-start;gap:var(--ruimte-6);padding:.7rem var(--ruimte-6);border:1px dashed var(--line);border-radius:var(--ronding-basis);display:flex}.betaalweg-later__tekst{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.45}.voorbeeld{padding:.9rem var(--ruimte-7);border:1px solid var(--line);border-radius:var(--ronding-groot);background:var(--panel);gap:var(--ruimte-5);flex-direction:column;display:flex}.voorbeeld__bedrag{font-variant-numeric:tabular-nums;margin:0;font-size:1.15rem;font-weight:700}.voorbeeld__tekst{color:var(--ink-muted);white-space:pre-line;margin:0;font-size:.82rem;line-height:1.5}.voorbeeld__knop{padding:var(--ruimte-5) var(--ruimte-7);border-radius:var(--ronding-basis);background:var(--accent);color:var(--accent-contrast);text-align:center;flex-direction:column;align-items:center;gap:.1rem;font-size:.92rem;font-weight:700;display:flex}.voorbeeld__methoden{opacity:.8;font-size:.74rem;font-weight:600}.voorbeeld__methoden:empty{display:none}.toolbar{align-items:center;gap:var(--ruimte-5);flex-wrap:wrap;margin-bottom:.9rem;display:flex}.table-wrap{border:1px solid var(--line);border-radius:var(--ronding-groot);max-height:440px;overflow:auto}table.grid-table{border-collapse:collapse;width:100%;font-size:.88rem}.grid-table thead th{background:var(--panel);text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted);padding:var(--ruimte-5) var(--ruimte-6);border-bottom:1px solid var(--line);white-space:nowrap;font-size:.72rem;position:sticky;top:0}.grid-table td{padding:var(--ruimte-5) var(--ruimte-6);border-bottom:1px solid var(--line);vertical-align:middle}.grid-table tbody tr:last-child td{border-bottom:none}.grid-table tbody tr:hover td{background:color-mix(in srgb, var(--accent) 5%, transparent)}.cell--num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cell--actions{text-align:right;white-space:nowrap}.cell--actions form{display:inline}.cell--actions .btn{margin-left:var(--ruimte-2)}.name-cell{flex-direction:column;display:flex}.cell--num .name-cell{align-items:flex-end}.name-cell__mail{color:var(--ink-muted);font-size:.76rem}.stack{gap:var(--ruimte-4);flex-direction:column;margin:0;padding:0;list-style:none;display:none}.stack__item{border:1px solid var(--line);border-radius:var(--ronding-basis);background:var(--panel);overflow:hidden}.stack__head{align-items:center;gap:var(--ruimte-5);width:100%;color:var(--ink);text-align:left;cursor:pointer;padding:.85rem .9rem;font-family:inherit;font-size:.95rem;font-weight:600;list-style:none;display:flex}.stack__naam{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.stack__waarde{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:5.5rem}.stack__head::-webkit-details-marker{display:none}.stack__chevron{color:var(--ink-muted);transition:transform var(--dur) ease;flex-shrink:0;font-size:1.1rem;line-height:1}.stack__item[open] .stack__chevron{transform:rotate(90deg)}.stack__body{gap:var(--ruimte-6);flex-direction:column;padding:0 .9rem .9rem;display:flex}.stack__actions{gap:var(--ruimte-3);flex-wrap:wrap;display:flex}.pairs{gap:var(--ruimte-3);flex-direction:column;margin:0;display:flex}.pairs__row{justify-content:space-between;align-items:baseline;gap:var(--ruimte-5);display:flex}.pairs dt{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted);font-size:.76rem}.pairs dd{margin:0;font-size:.88rem}@media (width<=640px){.table-wrap--uitklapbaar{display:none}.stack{display:flex}}.tabel-scroll{overflow-x:auto}.pill{align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-1) .55rem;border-radius:var(--ronding-vol);border:1px solid var(--line);color:var(--ink-muted);white-space:nowrap;font-size:.74rem;font-weight:600;display:inline-flex}.pill:before{content:"";border-radius:var(--ronding-vol);background:currentColor;width:7px;height:7px}.pill--actief{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.pill--uitgenodigd,.pill--wacht{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.pill--inactief{color:var(--ink-muted)}.pill--rol{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.pill--rol:before{display:none}.pill--link{cursor:pointer;text-decoration:none}.pill--link:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.saldo-warn{color:var(--warn);font-weight:600}.saldo-over{color:var(--danger);font-weight:700}.foutmelding{color:var(--danger);font-size:var(--fs-hint);margin:0}.statusmelding{padding:var(--ruimte-5) var(--ruimte-6);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--ronding-basis);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent);font-size:var(--fs-hint);margin:0}.toelichting{font-size:var(--fs-hint);color:var(--ink-muted);margin:0;line-height:1.5}.notice{padding:.65rem var(--ruimte-6);border:1px solid color-mix(in srgb, var(--warn) 45%, transparent);border-radius:var(--ronding-basis);color:var(--warn);margin:0;font-size:.8rem;line-height:1.45}.notice--danger{border-color:color-mix(in srgb, var(--danger) 50%, transparent);background:color-mix(in srgb, var(--danger) 8%, transparent);color:var(--danger);font-weight:600}.card>*+.notice{margin-top:var(--ruimte-6)}.bevestiging{gap:var(--ruimte-7);flex-direction:column;max-width:640px;display:flex}.empty{border:1px dashed var(--line);border-radius:var(--ronding-basis);flex-direction:column;align-items:flex-start;gap:.85rem;padding:1.1rem;display:flex}.empty__text{font-size:var(--fs-hint);color:var(--ink-muted);margin:0;line-height:1.5}.referentiecel{letter-spacing:.08em;color:var(--ink-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem}.statusregel{align-items:center;gap:var(--ruimte-4);font-size:var(--fs-hint);color:var(--ink-muted);flex-wrap:wrap;display:flex}.referentie{gap:var(--ruimte-4);padding:.7rem var(--ruimte-6);border:1px dashed var(--line);border-radius:var(--ronding-basis);flex-direction:column;display:flex}.referentie__label{font-size:var(--fs-hint);color:var(--ink-muted);margin:0;line-height:1.4}.referentie__rij{justify-content:space-between;align-items:center;gap:var(--ruimte-5);display:flex}.referentie__code{letter-spacing:.14em;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem;font-weight:700}.referentie__kopieer{border:1px solid var(--line);border-radius:var(--ronding-basis);min-height:44px;color:var(--ink-muted);padding:var(--ruimte-3) var(--ruimte-6);cursor:pointer;transition:border-color var(--dur) ease, color var(--dur) ease;background:0 0;flex-shrink:0;font-family:inherit;font-size:.82rem;font-weight:600}.referentie__kopieer:hover{border-color:var(--accent);color:var(--accent)}.referentie__kopieer:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.beheerdertekst{padding:var(--ruimte-6);border:1px solid var(--line);border-radius:var(--ronding-basis);font-size:var(--fs-hint);white-space:pre-line;margin:0;line-height:1.55}.beheerdertekst a{color:var(--accent)}.betaalvak{gap:var(--ruimte-6);flex-direction:column;align-items:stretch;display:flex}.betaalknop{align-items:center;gap:var(--ruimte-1);background:var(--accent);width:100%;color:var(--accent-contrast);padding:var(--ruimte-6) var(--ruimte-7);border-radius:var(--ronding-basis);text-align:center;cursor:pointer;transition:background-color var(--dur) ease;border:1px solid #0000;flex-direction:column;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.betaalknop:hover{background:var(--accent-strong)}.betaalknop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.betaalknop__methoden{opacity:.8;font-size:.78rem;font-weight:600}.betaalknop__methoden:empty{display:none}.loglijst{max-width:720px}.logdag{justify-content:space-between;align-items:baseline;gap:var(--ruimte-5);margin:var(--ruimte-8) 0 0;padding-bottom:var(--ruimte-2);border-bottom:1px solid var(--line);font-size:var(--fs-section);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);display:flex}.logdag:first-child{margin-top:0}.logdag__totaal{font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.logboek{margin:0;padding:0;list-style:none}.logregel{align-items:center;column-gap:var(--ruimte-4);min-height:44px;margin-inline:calc(var(--ruimte-2) * -1);padding:var(--ruimte-2);border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);grid-template-columns:auto 1fr auto 5.4rem;row-gap:0;display:grid}.logboek>.logregel:last-child{border-bottom:0}.logregel__tijd{font-size:var(--fs-hint);color:var(--ink-muted);font-variant-numeric:tabular-nums;grid-area:1/1}.logregel__item{grid-area:1/2;min-width:0;font-weight:600}.logregel__prijs{text-align:right;font-variant-numeric:tabular-nums;grid-area:1/3;min-width:4rem;font-weight:600}.logregel__acties{justify-content:flex-end;align-self:start;align-items:center;gap:var(--ruimte-2);grid-area:1/4/span 2;min-width:4.8rem;display:flex}.logregel__meta{align-items:center;gap:var(--ruimte-2);font-size:var(--fs-hint);color:var(--ink-muted);flex-wrap:wrap;grid-area:2/2/auto/4;line-height:1.35;display:flex}.logregel__knop{min-height:44px;padding:0 var(--ruimte-1);font:inherit;font-size:var(--fs-hint);color:var(--ink-muted);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--ink-muted) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--ink-muted) 45%, transparent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:flex-start;display:inline-flex}.logregel__knop:hover,.logregel__knop:focus-visible{color:var(--danger);text-decoration-color:currentColor}.logregel__knop:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--ronding-klein)}.logstaat{text-align:right;font-size:var(--fs-hint);flex-direction:column;align-items:flex-end;gap:.05rem;line-height:1.3;display:flex}.logstaat__woord{font-weight:600}.logstaat--afgewezen .logstaat__woord{color:var(--danger)}.logstaat__door{color:var(--ink-muted)}.logregel__wacht{color:var(--warn);text-align:right;margin-left:auto;font-weight:600}.logregel[data-staat=wacht] .logregel__acties{grid-row:1;align-self:center}.logregel[data-staat=wacht] .logregel__knop{align-items:center}.logregel[data-staat=wacht] .logregel__meta{grid-column:2/-1}.logregel[data-staat=geannuleerd]{color:var(--ink-muted);border-bottom-style:dashed}.logregel[data-staat=geannuleerd] .logregel__item{font-weight:500}.logregel[data-staat=geannuleerd] .logregel__prijs{font-weight:500;text-decoration:line-through}.logregel[data-staat=wacht]{background:color-mix(in srgb, var(--warn) 10%, transparent);border-bottom-color:color-mix(in srgb, var(--warn) 45%, transparent)}.loggrens{gap:var(--ruimte-1);margin:var(--ruimte-4) calc(var(--ruimte-2) * -1);padding:var(--ruimte-5) var(--ruimte-2);border-top:1px dashed color-mix(in srgb, var(--warn) 55%, transparent);border-bottom:1px dashed color-mix(in srgb, var(--warn) 55%, transparent);flex-direction:column;display:flex}.loggrens__kop{justify-content:space-between;align-items:baseline;gap:var(--ruimte-5);font-size:var(--fs-section);text-transform:uppercase;letter-spacing:.08em;color:var(--warn);margin:0;font-weight:600;display:flex}.loggrens__bedrag{font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.loggrens__uitleg{font-size:var(--fs-hint);color:var(--ink-muted);margin:0;line-height:1.45}.tiles{gap:var(--ruimte-6);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.2rem;display:grid}.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--ronding-groot);color:inherit;transition:border-color var(--dur) ease;padding:.85rem .95rem;text-decoration:none;display:block}a.tile:hover{border-color:var(--accent)}.tile__label{text-transform:uppercase;letter-spacing:.08em;min-height:2.4em;color:var(--ink-muted);margin:0;font-size:.72rem}.tile__value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin:.35rem 0 0;font-size:1.5rem;font-weight:700}.tile__note{margin:var(--ruimte-1) 0 0;color:var(--ink-muted);font-size:.76rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--ronding-groot);padding:var(--ruimte-7)}.card__head{justify-content:space-between;align-items:baseline;gap:var(--ruimte-5);margin-bottom:.9rem;display:flex}.card__title{margin:0;font-size:.95rem;font-weight:700}.card+.card{margin-top:.9rem}.amount-box{justify-content:space-between;align-items:baseline;gap:var(--ruimte-5);border:1px solid var(--line);border-radius:var(--ronding-basis);background:var(--panel);padding:.75rem .85rem;display:flex}.amount-box__label{font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin:0}.amount-box__value{font-variant-numeric:tabular-nums;margin:0;font-size:1.3rem;font-weight:700}.items{gap:var(--ruimte-6);flex-direction:column;display:flex}.item{align-items:center;gap:var(--ruimte-1) var(--ruimte-6);background:color-mix(in srgb, var(--accent) 6%, var(--bg));border:1px solid var(--line);border-radius:var(--ronding-groot);grid-template-rows:auto auto;grid-template-columns:1fr auto;width:100%;padding:.85rem .9rem;display:grid}.item__info{grid-area:1/1;align-items:center;gap:.7rem;min-width:0;display:flex}.item__text{flex-direction:column;min-width:0;display:flex}.item__name{font-size:var(--fs-name);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.item__price{font-size:var(--fs-price);color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-top:.05rem}.item__button{border-radius:var(--ronding-vol);background:var(--accent);width:56px;height:56px;color:var(--accent-contrast);cursor:pointer;transition:transform var(--dur) ease, background-color var(--dur) ease;border:none;grid-area:1/2/span 2;justify-content:center;align-items:center;display:flex}.item__button:hover{background:var(--accent-strong)}.item__button:active{transform:scale(.92)}.item__button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.item__button{--veer-duur:var(--dur-veer);--veer-in:.9;--veer-uit:1.1;--veer-easing:cubic-bezier(.22, 1.15, .35, 1)}.item__button-icon{stroke:var(--accent-contrast);stroke-width:2.5px;stroke-linecap:round;fill:none}.item__tally-wrap{align-items:center;gap:var(--ruimte-4);grid-area:2/1;min-height:40px;display:flex;overflow-x:auto}.tally-stroke{stroke:var(--accent);stroke-width:3px;stroke-linecap:round;fill:none;--teken-duur:var(--dur-teken);--teken-easing:cubic-bezier(.3, .8, .4, 1)}.item__count{font-size:var(--fs-count);color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap;transform-origin:0;display:inline-block}.item__count,.stepper__count{--sprong-duur:var(--dur-telsprong);--sprong-schaal:1.22;--sprong-kleur:var(--accent);--sprong-easing:cubic-bezier(.22, 1.15, .35, 1)}.people__search{border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 5%, var(--bg));width:100%;color:var(--ink);border-radius:var(--ronding-basis);padding:var(--ruimte-5) var(--ruimte-6);font-family:inherit;font-size:.95rem}.people__search:focus-visible,.people__search:focus{outline:2px solid var(--accent);outline-offset:1px}.people__list{border:1px solid var(--line);border-radius:var(--ronding-groot);max-height:260px;margin:0;padding:0;list-style:none;overflow-y:auto}.people__list li+li .people__row{border-top:1px solid var(--line)}.people__row{justify-content:space-between;align-items:center;gap:var(--ruimte-5);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;padding:.75rem .85rem;font-family:inherit;font-size:.95rem;display:flex}.people__row:hover{background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.people__row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.people__chevron{color:var(--ink-muted);flex-shrink:0;font-size:1rem}.people__empty{padding:var(--ruimte-7) .85rem;color:var(--ink-muted);font-size:.9rem;font-style:italic}.screen--breed{max-width:none;height:calc(100svh - max(var(--paginamarge), env(safe-area-inset-top)) - max(var(--paginamarge), env(safe-area-inset-bottom)));border-radius:var(--ronding-kaart);gap:0;min-height:520px;padding:0}.topbar{justify-content:space-between;align-items:center;gap:var(--ruimte-7);row-gap:var(--ruimte-5);border-bottom:1px dashed var(--line);flex-wrap:wrap;flex-shrink:0;padding:.9rem 1.2rem;display:flex}.topbar__links{align-items:center;gap:.35rem;display:flex}.topbar__logout{width:44px;height:44px;border-radius:var(--ronding-basis);color:var(--ink-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:calc(var(--ruimte-4) * -1);padding:0;display:flex}.topbar__logout:hover{border-color:var(--danger);color:var(--danger)}.topbar__logout:focus-visible{outline-color:var(--danger)}.topbar__logout-icoon{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;fill:none}.topbar__new-member{border:1px solid var(--line);min-height:44px;color:var(--ink-muted);padding:var(--ruimte-4) .9rem;border-radius:var(--ronding-basis);white-space:nowrap;cursor:pointer;background:0 0;align-items:center;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.topbar__acties{align-items:center;gap:var(--ruimte-4);display:flex}.knoplabel--smal{display:none}.topbar__gast:hover{border-color:var(--gast);color:var(--gast)}.topbar__gast:focus-visible{outline-color:var(--gast)}.topbar__new-member:hover{border-color:var(--accent);color:var(--accent)}.panes{flex:1;grid-template-columns:1fr 340px;min-height:0;display:grid}.people{flex-direction:column;gap:.7rem;min-height:0;padding:.9rem 1.1rem 1.1rem;display:flex}.search{border-radius:var(--ronding-basis);border:1px solid var(--line);background:var(--page-bg);width:100%;color:var(--ink);flex-shrink:0;padding:.65rem .85rem;font-family:inherit;font-size:1rem}.search:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.alphabet{flex-wrap:wrap;flex-shrink:0;gap:.25rem;display:flex}.alphabet__btn{border:1px solid var(--line);border-radius:var(--ronding-basis);min-width:34px;height:34px;color:var(--ink-muted);cursor:pointer;transition:background-color var(--dur) ease, color var(--dur) ease, border-color var(--dur) ease;background:0 0;font-family:inherit;font-size:.85rem;font-weight:600}.alphabet__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.alphabet__btn:disabled{opacity:.3;cursor:default}.alphabet__btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.grid{gap:var(--ruimte-5);min-height:0;padding-right:var(--ruimte-1);flex:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-content:start;display:grid;overflow-y:auto}.grid__empty{color:var(--ink-muted);grid-column:1/-1;font-size:.9rem}.person{min-height:72px;padding:.7rem var(--ruimte-6);border:1px solid var(--line);border-radius:var(--ronding-groot);background:color-mix(in srgb, var(--accent) 6%, var(--bg));color:var(--ink);text-align:left;cursor:pointer;transition:transform var(--dur) ease, border-color var(--dur) ease, background-color var(--dur) ease;flex-direction:column;justify-content:center;gap:.15rem;font-family:inherit;display:flex;position:relative}.person__badge{padding:.1rem var(--ruimte-3);border-radius:var(--ronding-vol);background:var(--accent);color:var(--accent-contrast);letter-spacing:.02em;font-size:.68rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.person.is-selected .person__badge{background:var(--accent-contrast);color:var(--accent)}.person__flag{border-radius:var(--ronding-vol);background:var(--warn);width:9px;height:9px;position:absolute;top:.5rem;right:.6rem}.person:hover{border-color:var(--accent)}.person:active{transform:scale(.98)}.person:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.person.is-selected{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.person__first{font-size:1.05rem;font-weight:700;line-height:1.2}.person__last{color:var(--ink-muted);font-size:.82rem;line-height:1.2}.person.is-selected .person__last{color:color-mix(in srgb, var(--accent-contrast) 75%, transparent)}.pill.pil--gast{background:color-mix(in srgb, var(--gast) 22%, transparent);border-color:color-mix(in srgb, var(--gast) 45%, transparent);color:var(--gast)}.gastnaam{align-items:center;gap:var(--ruimte-4);display:flex}.checkbox--geblokkeerd{opacity:.55;cursor:not-allowed}.field__hint--let-op{color:var(--warn)}.field__hint--fout{color:var(--danger);font-weight:600}.person--gast{border-color:color-mix(in srgb, var(--gast) 55%, transparent);background:color-mix(in srgb, var(--gast) 10%, var(--panel))}.person--gast:hover{border-color:var(--gast)}.person--gast:focus-visible{outline-color:var(--gast)}.person--gast.is-selected{background:var(--gast);border-color:var(--gast);color:var(--gast-contrast)}.person--gast.is-selected .person__last{color:color-mix(in srgb, var(--gast-contrast) 75%, transparent)}.person--gast.is-selected .person__badge{background:var(--gast-contrast);color:var(--gast)}.person__onder{align-items:center;gap:var(--ruimte-3);min-height:1.05rem;display:flex}.pil--gast{border-radius:var(--ronding-vol);background:var(--gast);color:var(--gast-contrast);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:.05rem .45rem;font-size:.64rem;font-weight:700}.person--gast.is-selected .pil--gast{background:var(--gast-contrast);color:var(--gast)}.panel{border-left:1px solid var(--line);background:var(--panel);padding:var(--ruimte-7) var(--ruimte-7) 0;flex-direction:column;gap:.9rem;min-height:0;display:flex;overflow-y:auto}.panel__empty{text-align:center;color:var(--ink-muted);margin:auto 0;font-size:.95rem;line-height:1.5}.panel__eyebrow{font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin:0}.panel__name{margin:.1rem 0 0;font-size:1.35rem;font-weight:700;line-height:1.2}.panel__naamrij{align-items:center;gap:var(--ruimte-4);flex-wrap:wrap;display:flex}.panel__naamrij .pil--gast{margin-top:.1rem;padding:.15rem .55rem;font-size:.7rem}.gastacties{gap:var(--ruimte-4);margin-top:.1rem;display:flex}.gastactie{border:1px solid color-mix(in srgb, var(--gast) 45%, transparent);color:var(--gast);padding:var(--ruimte-3) .7rem;border-radius:var(--ronding-basis);cursor:pointer;transition:border-color var(--dur) ease;background:0 0;font-family:inherit;font-size:.8rem;font-weight:600}.gastactie:hover{border-color:var(--gast)}.gastactie:focus-visible{outline:2px solid var(--gast);outline-offset:2px}.row{gap:var(--ruimte-4) .7rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--ronding-groot);grid-template-columns:1fr auto;padding:.75rem;display:grid}.row__info{align-items:center;gap:var(--ruimte-5);grid-column:1/-1;display:flex}.row__swatch{border-radius:var(--ronding-vol);border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 25%, var(--bg));flex-shrink:0;width:26px;height:26px}.row__name{margin:0;font-size:1rem;font-weight:600}.row__price{color:var(--ink-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.82rem}.stepper{align-items:center;gap:var(--ruimte-5);grid-column:1/-1;display:flex}.stepper__btn{border-radius:var(--ronding-groot);cursor:pointer;width:54px;height:54px;transition:transform var(--dur) ease, background-color var(--dur) ease;border:none;font-family:inherit;font-size:1.7rem;line-height:1}.stepper__btn:active{transform:scale(.94)}.stepper__btn{--veer-duur:var(--dur-veer-bar);--veer-in:.97;--veer-uit:1.03;--veer-easing:cubic-bezier(.22, 1.1, .35, 1)}.stepper__btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.stepper__btn--plus{background:var(--accent);color:var(--accent-contrast);flex:1}.stepper__btn--plus:hover{background:var(--accent-strong)}.stepper__btn--minus{border:1px solid var(--line);color:var(--ink-muted);background:0 0}.stepper__btn--minus:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.stepper__btn--minus:disabled{opacity:.35;cursor:default}.stepper__count{text-align:center;font-variant-numeric:tabular-nums;--sprong-easing:cubic-bezier(.22, 1.1, .35, 1);min-width:3ch;font-size:1.35rem;font-weight:700;display:inline-block}.settle{margin-bottom:var(--ruimte-5)}.settle__row{justify-content:space-between;align-items:baseline;gap:var(--ruimte-5);display:flex}.settle__label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted);margin:0;font-size:.78rem}.settle__amount{font-variant-numeric:tabular-nums;margin:0;font-size:1.35rem;font-weight:700}.settle__btn{border:1px solid var(--line);border-radius:var(--ronding-basis);color:var(--ink-muted);padding:var(--ruimte-4) var(--ruimte-6);white-space:nowrap;cursor:pointer;min-height:44px;transition:border-color var(--dur) ease, color var(--dur) ease;background:0 0;flex:1 1 0;font-family:inherit;font-size:.95rem;font-weight:600}.settle__btn:hover{border-color:var(--accent);color:var(--accent)}.panel__footer{z-index:1;margin-top:auto;margin-inline:calc(-1 * var(--ruimte-7));padding:var(--ruimte-6) var(--ruimte-7) calc(var(--ruimte-7) + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--line);position:sticky;bottom:0}.panel__knoppen{align-items:stretch;gap:var(--ruimte-4);display:flex}.panel__done{border:1px solid var(--line);color:var(--ink);padding:var(--ruimte-4) var(--ruimte-6);border-radius:var(--ronding-basis);cursor:pointer;min-height:44px;transition:border-color var(--dur) ease, color var(--dur) ease;background:0 0;flex:2 1 0;font-family:inherit;font-size:.95rem;font-weight:700}.panel__done:hover{border-color:var(--accent);color:var(--accent)}.panel__done:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.keuzemodal__knoppen{gap:var(--ruimte-5);flex-direction:column;display:flex}.keuzemodal__knop{align-items:flex-start;gap:var(--ruimte-1);border:1px solid var(--line);border-radius:var(--ronding-groot);background:var(--panel);width:100%;min-height:56px;color:var(--ink);text-align:left;padding:var(--ruimte-6) var(--ruimte-7);cursor:pointer;transition:border-color var(--dur) ease;flex-direction:column;font-family:inherit;font-size:1rem;font-weight:700;display:flex}.keuzemodal__knop:hover{border-color:var(--accent)}.keuzemodal__knop:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.keuzemodal__hint{color:var(--ink-muted);font-size:.82rem;font-weight:600}.qr-modal__bedrag{font-variant-numeric:tabular-nums;margin:0;font-size:1.6rem;font-weight:700}.qr-modal__acties{gap:var(--ruimte-4);flex-direction:column;width:100%;display:flex}.qr-modal__secundair{border:1px solid var(--line);border-radius:var(--ronding-basis);width:100%;color:var(--ink-muted);padding:.65rem var(--ruimte-7);cursor:pointer;transition:border-color var(--dur) ease, color var(--dur) ease;background:0 0;font-family:inherit;font-size:.9rem;font-weight:600}.qr-modal__secundair:hover{border-color:var(--accent);color:var(--accent)}.qr-modal__secundair:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code-modal{background:var(--bg);border:1px solid var(--line);border-radius:var(--ronding-kaart);width:100%;max-width:340px;max-height:100%;box-shadow:var(--schaduw-paneel);flex-direction:column;gap:.9rem;padding:1.3rem;display:flex;overflow-y:auto}.code-modal__head{justify-content:space-between;align-items:flex-start;gap:var(--ruimte-5);display:flex}.code-modal__title{margin:0;font-size:1.1rem;font-weight:700}.code-modal__amount{font-variant-numeric:tabular-nums;margin:0;font-size:1.6rem;font-weight:700}.code-modal__text{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.code-modal__gast{border:1px solid color-mix(in srgb, var(--gast) 45%, transparent);border-radius:var(--ronding-basis);background:color-mix(in srgb, var(--gast) 12%, transparent);color:var(--ink);margin:0;padding:.7rem .85rem;font-size:.88rem;line-height:1.5}.gast-modal,.bevestig-modal{background:var(--bg);border:1px solid var(--line);border-radius:var(--ronding-kaart);width:100%;max-width:340px;box-shadow:var(--schaduw-paneel);flex-direction:column;gap:.9rem;padding:1.3rem;display:flex}.gast-modal__veld{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);border-radius:var(--ronding-basis);padding:.75rem .85rem;font-family:inherit;font-size:1.05rem}.gast-modal__veld:focus{border-color:var(--gast);outline:2px solid var(--gast);outline-offset:1px}.gast-modal__acties,.bevestig-modal__acties{gap:var(--ruimte-5);display:flex}.bevestig-modal__acties>*{flex:1;display:flex}.gast-modal__knop,.bevestig-modal__knop{border:1px solid var(--line);min-height:44px;color:var(--ink-muted);padding:.75rem var(--ruimte-7);border-radius:var(--ronding-basis);cursor:pointer;background:0 0;flex:1;font-family:inherit;font-size:.95rem;font-weight:600}.gast-modal__knop--bevestig{border-color:var(--gast);background:var(--gast);color:var(--gast-contrast);font-weight:700}.gast-modal__knop:focus-visible{outline:2px solid var(--gast);outline-offset:2px}.bevestig-modal__knop--bevestig{border-color:var(--danger);color:var(--danger);font-weight:700}.bevestig-modal__knop--bevestig:focus-visible{outline-color:var(--danger)}.code-modal__input{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);border-radius:var(--ronding-basis);font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;padding:.7rem .85rem;font-family:inherit;font-size:1.4rem}.numpad{gap:var(--ruimte-4);grid-template-columns:repeat(3,1fr);display:grid}.numpad__btn{border:1px solid var(--line);border-radius:var(--ronding-basis);background:var(--panel);min-height:56px;color:var(--ink);font-variant-numeric:tabular-nums;cursor:pointer;transition:transform var(--dur) ease, background-color var(--dur) ease, border-color var(--dur) ease;font-family:inherit;font-size:1.4rem;font-weight:600}.numpad__btn:hover{border-color:var(--accent)}.numpad__btn:active{transform:scale(.94)}.numpad__btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.numpad__btn--wissen{color:var(--ink-muted);background:0 0;font-size:1.2rem}.numpad__btn--wissen:hover{border-color:var(--danger);color:var(--danger)}.numpad__btn--bevestig{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.numpad__btn--bevestig:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.numpad__btn--bevestig:disabled{opacity:.4;cursor:default}.numpad__btn--bevestig:disabled:hover{background:var(--accent);border-color:var(--accent)}.toast{background:var(--accent);color:var(--accent-contrast);border-radius:var(--ronding-vol);box-shadow:var(--schaduw-paneel);z-index:30;padding:.7rem 1.1rem;font-size:.95rem;font-weight:600;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast[data-kind=undo]{background:var(--danger);color:var(--accent-contrast)}@media (width<=860px){.panes{grid-template-rows:1fr auto;grid-template-columns:1fr}.panel{border-left:none;border-top:1px solid var(--line);padding:var(--ruimte-6) var(--ruimte-6) 0;gap:.7rem;max-height:45vh}.panel__name{font-size:1.15rem}.row{align-items:center;gap:var(--ruimte-4);padding:.55rem .65rem}.row__info{grid-column:1;min-width:0}.row__swatch{width:22px;height:22px}.row__name{font-size:.95rem}.stepper{grid-column:2;gap:.35rem}.stepper__btn{border-radius:var(--ronding-basis);width:44px;height:44px;font-size:1.4rem}.stepper__btn--plus{flex:0 0 44px}.stepper__count{min-width:2.5ch;font-size:1.1rem}.toast{top:.9rem;bottom:auto}.panel__footer{margin-inline:calc(-1 * var(--ruimte-6));padding:.7rem var(--ruimte-6) calc(var(--ruimte-6) + env(safe-area-inset-bottom,0px))}.alphabet{gap:var(--ruimte-1)}.alphabet__btn{min-width:30px;height:32px;font-size:.82rem}.person{min-height:56px;padding:var(--ruimte-4) .7rem}.person__first{font-size:1rem}}@media (width<=560px){.knoplabel--breed{display:none}.knoplabel--smal{display:inline}}@media (width<=430px){.topbar .brand__tag{display:none}}@media (width<=380px){.topbar{gap:var(--ruimte-5);padding:.75rem .7rem}.topbar__acties{gap:var(--ruimte-3)}}.modal-backdrop{background:var(--scrim);padding:var(--ruimte-7);z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{background:var(--bg);border:1px solid var(--line);border-radius:var(--ronding-kaart);width:100%;max-width:340px;max-height:100%;box-shadow:var(--schaduw-paneel);padding:1.1rem var(--ruimte-7) var(--ruimte-7);flex-direction:column;gap:.9rem;display:flex;overflow-y:auto}.modal__header{justify-content:space-between;align-self:stretch;align-items:flex-start;gap:var(--ruimte-5);display:flex}.modal__eyebrow{font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin:0}.modal__name{margin:.15rem 0 0;font-size:1.15rem;font-weight:700}.modal__close{color:var(--ink-muted);cursor:pointer;padding:.1rem var(--ruimte-2);background:0 0;border:none;flex-shrink:0;font-size:1.5rem;line-height:1}.modal__close:hover{color:var(--ink)}.modal__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--ronding-klein)}.modal__done{background:var(--accent);color:var(--accent-contrast);padding:.7rem var(--ruimte-7);border-radius:var(--ronding-basis);cursor:pointer;border:none;font-family:inherit;font-size:.95rem;font-weight:600}.modal__done:hover{background:var(--accent-strong)}.modal form{gap:var(--ruimte-5);flex-direction:column;display:flex}.modal form label{color:var(--ink-muted);font-size:.85rem}.modal form input{border-radius:var(--ronding-basis);border:1px solid var(--line);background:var(--page-bg);width:100%;color:var(--ink);letter-spacing:.2em;padding:.65rem .75rem;font-size:1.1rem}.qr-modal__head{justify-content:space-between;align-items:flex-start;gap:var(--ruimte-5);width:100%;display:flex}.qr-modal__title{text-align:left;margin:0;font-size:1.1rem;font-weight:700}.qr-modal{text-align:center;flex-direction:column;align-items:center;gap:.9rem;display:flex}.qr-modal__hint{font-size:var(--fs-hint);color:var(--ink-muted);margin:0}.qr-modal__code,.qr-modal__expired,.qr-modal__success{border-radius:var(--ronding-groot);justify-content:center;align-self:center;align-items:center;width:220px;height:220px;margin:0;display:flex}.qr-modal__code{padding:var(--ruimte-7);background:#fff}.qr-modal__code svg{width:100%;height:100%;display:block}.qr-modal__expired,.qr-modal__success{border:1px dashed var(--line);color:var(--ink-muted);padding:var(--ruimte-7);font-size:.9rem}.qr-modal__success{border-style:solid;border-color:var(--accent);color:var(--accent);font-weight:600}.qr-modal__timer{justify-content:center;align-items:baseline;gap:var(--ruimte-3);display:flex}.qr-modal__timer-value{font-variant-numeric:tabular-nums;color:var(--accent);font-size:1.5rem;font-weight:700}.qr-modal__timer.is-warn .qr-modal__timer-value{color:var(--danger)}.qr-modal__timer-label{color:var(--ink-muted);font-size:.8rem}.qr-modal__regenerate{background:var(--accent);width:100%;color:var(--accent-contrast);padding:.65rem var(--ruimte-7);border-radius:var(--ronding-basis);cursor:pointer;border:none;font-family:inherit;font-size:.9rem;font-weight:700}.qr-modal__regenerate:hover{background:var(--accent-strong)}.meer-opties{padding-top:var(--ruimte-7);border-top:1px dashed var(--line);font-size:var(--fs-hint);text-align:center;margin:0}.linklijst,.linklijst .card{flex-direction:column;gap:.75rem;display:flex}.deel-link{gap:var(--ruimte-4);display:flex}.deel-link input{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--ronding-basis);flex:1;min-width:0;padding:.55rem .75rem;font-family:inherit;font-size:.92rem}.landing{flex-direction:column;display:flex}.kolom{width:100%;max-width:1100px;padding-inline:var(--kolommarge);margin-inline:auto}.sectie{padding-block:clamp(3rem,9vw,5.5rem)}main>.sectie:first-of-type{padding-block-start:clamp(1.75rem,5vw,3rem)}.sectie+.sectie{border-top:1px solid var(--line)}.sectie__kop{flex-direction:column;gap:.55rem;max-width:34rem;margin-bottom:clamp(1.75rem,4vw,2.75rem);display:flex}.oogje{align-items:center;gap:var(--ruimte-4);font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-fris);flex-wrap:wrap;font-weight:600;display:flex}.oogje__teken{stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;fill:none;flex-shrink:0}.sectie__titel{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(1.6rem,3.6vw,2.1rem);font-weight:600;line-height:1.2}.sectie__lead{color:var(--ink-muted);max-width:60ch;margin:0;font-size:1rem}.landing__nav{z-index:10;background:color-mix(in srgb, var(--page-bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);position:sticky;top:0}.nav__binnen{justify-content:space-between;align-items:center;gap:var(--ruimte-7);min-height:64px;padding-block:var(--ruimte-5);display:flex}@media (width<=560px){.nav__binnen{min-height:58px}}.nav__acties{align-items:center;gap:var(--ruimte-4);display:flex;position:relative}.navlinks{align-items:center;gap:var(--ruimte-2);margin:0;padding:0;list-style:none;display:flex}.navlink{min-height:44px;padding-inline:var(--ruimte-5);border-radius:var(--ronding-basis);color:var(--ink-muted);font-size:var(--fs-hint);align-items:center;text-decoration:none;display:inline-flex}.navlink:hover{color:var(--ink);background:color-mix(in srgb, var(--accent) 10%, transparent)}.navlink:focus-visible{outline:2px solid var(--accent-fris);outline-offset:2px}.navlink.is-actief{color:var(--accent-fris)}.navknop{width:44px;height:44px;margin-right:calc(var(--ruimte-4) * -1);border-radius:var(--ronding-basis);color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:none}.navknop:hover{border-color:var(--line)}.navknop:focus-visible{outline:2px solid var(--accent-fris);outline-offset:2px}.navknop__teken{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;fill:none}@media (width<=800px){.nav__binnen{flex-wrap:wrap}.navlinks{width:100%;margin-left:calc(var(--ruimte-5) * -1);flex-wrap:wrap;order:3;justify-content:flex-start}.js .navknop{display:inline-flex}.js .navlinks{top:calc(100% + var(--ruimte-4));z-index:20;width:max-content;min-width:11rem;padding:var(--ruimte-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--ronding-groot);box-shadow:var(--schaduw-paneel);flex-direction:column;order:0;align-items:stretch;gap:0;margin-left:0;position:absolute;right:0}.js .navlink{justify-content:flex-start}}.merk{color:var(--ink);border-radius:var(--ronding-basis);align-items:center;gap:.55rem;text-decoration:none;display:flex}.merk:focus-visible,.footer__links a:focus-visible,.beta__mail:focus-visible{outline:2px solid var(--accent-fris);outline-offset:3px}.merk__teken{stroke:var(--accent);stroke-width:3px;stroke-linecap:round;fill:none;flex-shrink:0}.merk__teken .merk__vijfde{stroke:var(--accent-fris)}.merk__woord{height:1.371em;color:var(--accent);font-size:1.35rem}.landing .btn{border-radius:var(--ronding-basis);min-height:44px;padding:.7rem 1.1rem;font-size:.95rem}.landing .btn:focus-visible{outline:2px solid var(--accent-fris);outline-offset:3px}.landing .btn--ghost{color:var(--ink);background:0 0}.landing .btn--ghost:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:var(--accent);color:var(--ink)}.landing .btn--groot{min-height:52px;padding:.9rem 1.5rem;font-size:1.02rem}.landing .btn--small{font-size:var(--fs-hint);padding:.45rem var(--ruimte-6);min-height:44px}.landing .acties{gap:.7rem}.hero{background:color-mix(in srgb, var(--accent) 7%, var(--page-bg));border-bottom:1px solid var(--line);padding-block:clamp(2rem,5vw,3.5rem) clamp(3rem,8vw,4.5rem);position:relative;overflow:hidden}.hero__grid{align-items:center;gap:clamp(2.5rem,7vw,3.5rem);display:grid;position:relative}@media (width>=960px){.hero__grid{grid-template-columns:minmax(0,1fr) max-content;gap:clamp(3rem,7vw,5rem)}}.hero__binnen{flex-direction:column;align-items:flex-start;gap:1.1rem;max-width:44rem;display:flex;position:relative}.hero__toestel{justify-content:center;display:flex}.toestel{--toestel-rand:var(--ruimte-4);padding:var(--toestel-rand);background:color-mix(in srgb, var(--line) 55%, var(--page-bg));border:1px solid var(--line);border-radius:var(--ronding-toestel);box-shadow:var(--schaduw-kaart);position:relative}.toestel--telefoon{zoom:.9;width:fit-content;max-width:100%}.toestel--telefoon:before,.toestel--telefoon:after{content:"";color:color-mix(in srgb, var(--ink-muted) 40%, var(--line));border-radius:var(--ronding-vol);background:currentColor;width:3px;position:absolute}.toestel--telefoon:before{background:linear-gradient(currentColor 0 45%,#0000 45% 55%,currentColor 55% 100%);height:11%;top:16%;left:-3px}.toestel--telefoon:after{height:7%;top:23%;right:-3px}.toestel--tablet{--ronding-toestel:clamp(10px, 2.8vw, 30px);--toestel-rand:var(--ruimte-2);width:100%}.toestel__scherm{border-radius:calc(var(--ronding-toestel) - var(--toestel-rand));background:var(--bg);position:relative;overflow:hidden}.toestel--telefoon .toestel__scherm{aspect-ratio:9/18;overscroll-behavior:contain;width:auto;height:clamp(22rem,100svh - 8rem,54rem);overflow-y:auto;container-type:size}.toestel--telefoon .modal-backdrop{height:100cqh;bottom:auto}.toestel--telefoon .toestel__scherm{scrollbar-width:none}.toestel--telefoon .toestel__scherm::-webkit-scrollbar{display:none}.toestel__start{display:none}@media (width<=639px){.toestel--telefoon:not(.toestel--voorproefje):before,.toestel--telefoon:not(.toestel--voorproefje):after{display:none}.toestel--telefoon:not(.toestel--voorproefje){zoom:1;width:100%;max-width:none;box-shadow:none;background:0 0;border:0;padding:0}.toestel--telefoon:not(.toestel--voorproefje) .toestel__scherm{aspect-ratio:auto;border-radius:var(--ronding-kaart);width:100%;height:auto;overflow:visible;container-type:normal}.toestel--telefoon:not(.toestel--voorproefje) .modal-backdrop{height:auto;bottom:0}.toestel--telefoon:not(.toestel--voorproefje) .schermkaart{border:1px solid var(--line);border-radius:var(--ronding-kaart);box-shadow:var(--schaduw-kaart)}}@media (width<=959px){.toestel--voorproefje{width:100%;max-width:420px}.toestel--voorproefje .toestel__scherm{aspect-ratio:auto;width:100%;height:24rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 100%)}.toestel--voorproefje .toestel__start{z-index:5;padding:var(--ruimte-8);border-radius:var(--ronding-toestel);justify-content:center;align-items:flex-end;text-decoration:none;display:flex;position:absolute;inset:0}.toestel--voorproefje .toestel__start:focus-visible{outline:2px solid var(--accent-fris);outline-offset:3px}.toestel__start-label{min-height:44px;padding:var(--ruimte-5) var(--ruimte-8);border-radius:var(--ronding-vol);background:var(--accent);color:var(--accent-contrast);font-size:var(--fs-hint);box-shadow:var(--schaduw-paneel);align-items:center;font-weight:600;display:inline-flex}}.toestel .schermkaart{max-width:none;min-height:100%;box-shadow:none;border:0;border-radius:0}.badge{font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-fris);border:1px solid color-mix(in srgb, var(--accent-fris) 45%, transparent);background:color-mix(in srgb, var(--accent-fris) 10%, transparent);border-radius:var(--ronding-vol);padding:var(--ruimte-2) .75rem;align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.badge__stip{border-radius:var(--ronding-vol);background:var(--accent-fris);width:7px;height:7px}.hero__titel{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(2.3rem,7vw,4rem);font-weight:600;line-height:1.06}.hero__nadruk{color:var(--accent-fris);white-space:nowrap;font-style:normal;display:inline-block;position:relative}.hero__nadruk:after{content:"";border-radius:var(--ronding-vol);background:color-mix(in srgb, var(--accent-fris) 55%, transparent);height:.09em;position:absolute;bottom:.04em;left:0;right:0;transform:rotate(-.6deg)}.hero__lead{color:var(--ink-muted);max-width:46ch;margin:0;font-size:clamp(1.02rem,2.2vw,1.18rem)}.hero__acties{margin-top:var(--ruimte-5)}.hero__hint{font-size:var(--fs-hint);color:var(--ink-muted);margin:0}.proef__grid{gap:clamp(1.75rem,4vw,2.5rem);display:grid}@media (width>=900px){.proef__grid{grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:clamp(2.5rem,6vw,4.5rem)}}.proef__intro{flex-direction:column;gap:1.6rem;display:flex}.proef__intro .sectie__kop{margin-bottom:0}.proef__meer{text-align:center;flex-direction:column;align-items:center;gap:.7rem;margin-top:clamp(2rem,5vw,3rem);display:flex}.proef__meer-tekst{font-size:var(--fs-hint);color:var(--ink-muted);margin:0}.proef__meer .acties{justify-content:center}.uitleg{gap:var(--ruimte-6);flex-direction:column;max-width:46ch;margin:0;padding:0;list-style:none;display:flex}.uitleg li{color:var(--ink-muted);gap:.7rem;font-size:.96rem;display:flex}.uitleg__teken{width:18px;height:18px;stroke:var(--accent-fris);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0;margin-top:.35rem}.uitleg--rij{gap:var(--ruimte-6) var(--ruimte-9);max-width:none;margin-bottom:clamp(1.75rem,4vw,2.5rem);display:grid}@media (width>=760px){.uitleg--rij{grid-template-columns:repeat(3,1fr)}}.proefvenster{align-items:center;gap:var(--ruimte-7);flex-direction:column;display:flex}.proefvenster__voet{justify-content:center;align-items:center;gap:var(--ruimte-5) var(--ruimte-7);text-align:center;flex-wrap:wrap;display:flex}.proefvenster__notitie{font-size:var(--fs-hint);color:var(--ink-muted);margin:0}.kenmerken{gap:var(--ruimte-7);display:grid}@media (width>=760px){.kenmerken{grid-template-columns:repeat(2,1fr);gap:1.2rem}}.kenmerk{gap:var(--ruimte-5);background:var(--panel);border:1px solid var(--line);border-radius:var(--ronding-kaart);padding:var(--ruimte-8) 1.3rem;flex-direction:column;display:flex}.kenmerk__icoon{border-radius:var(--ronding-basis);background:color-mix(in srgb, var(--accent-fris) 16%, transparent);width:40px;height:40px;color:var(--accent-fris);justify-content:center;align-items:center;display:flex}.kenmerk__icoon svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;fill:none}.kenmerk__titel{letter-spacing:-.01em;margin:0;font-size:1.12rem;font-weight:600}.kenmerk__tekst{color:var(--ink-muted);margin:0;font-size:.96rem}.tekstblok{gap:var(--ruimte-7);flex-direction:column;max-width:68ch;display:flex}.tekstblok p{color:var(--ink-muted);margin:0;line-height:1.65}.tekstblok__kop{margin:var(--ruimte-6) 0 0;font-family:var(--serif);color:var(--ink);font-size:1.25rem;font-weight:600;line-height:1.25}.tekstblok__kop:first-child{margin-top:0}.stappen{gap:var(--ruimte-8);counter-reset:stap;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.stap{gap:var(--ruimte-6) var(--ruimte-7);grid-template-columns:2.25rem minmax(0,1fr);align-items:start;max-width:62ch;display:grid}.stap:before{counter-increment:stap;content:counter(stap);border-radius:var(--ronding-vol);background:color-mix(in srgb, var(--accent-fris) 16%, transparent);border:1px solid color-mix(in srgb, var(--accent-fris) 40%, transparent);width:2.25rem;height:2.25rem;color:var(--accent-fris);font-size:var(--fs-hint);justify-content:center;align-items:center;font-weight:600;display:flex}.stap__kop{font-size:var(--fs-name);color:var(--ink);align-self:center;margin:0;font-weight:600}.stap__tekst{color:var(--ink-muted);grid-column:2;margin:0;line-height:1.65}.beeldblok{margin:0}.beeldblok img{width:100%;height:auto;display:block}@media (width<=639px){.beeldblok{margin-left:calc(-1 * (var(--kolommarge) + max(var(--paginamarge), env(safe-area-inset-left))));margin-right:calc(-1 * (var(--kolommarge) + max(var(--paginamarge), env(safe-area-inset-right))))}.beeldblok .toestel--tablet{box-shadow:none;border-block:1px solid var(--line);background:0 0;border-inline:0;border-radius:0;padding:0}.beeldblok .toestel--tablet .toestel__scherm{border-radius:0}}.faq{flex-direction:column;gap:clamp(2rem,5vw,3rem);display:flex}.faq__groep{gap:var(--ruimte-4);flex-direction:column;max-width:68ch;display:flex}.faq__kop{margin:0 0 var(--ruimte-2);font-family:var(--serif);color:var(--ink);font-size:1.25rem;font-weight:600}.vraag{border-bottom:1px solid var(--line)}.vraag__vraag{justify-content:space-between;align-items:center;gap:var(--ruimte-7);min-height:44px;padding-block:var(--ruimte-5);color:var(--ink);cursor:pointer;font-weight:600;list-style:none;display:flex}.vraag__vraag::-webkit-details-marker{display:none}.vraag__vraag:focus-visible{outline:2px solid var(--accent-fris);outline-offset:2px;border-radius:var(--ronding-klein)}.vraag__teken{stroke:var(--accent-fris);stroke-width:2px;stroke-linecap:round;fill:none;transition:transform var(--dur) ease;flex-shrink:0}.vraag[open] .vraag__teken{transform:rotate(45deg)}.vraag__antwoord{padding-bottom:var(--ruimte-7);color:var(--ink-muted);max-width:62ch;margin:0;line-height:1.65}.verderop{align-items:center;gap:var(--ruimte-6);text-align:center;flex-direction:column;margin-top:clamp(2rem,5vw,3rem);display:flex}.verderop__tekst{color:var(--ink-muted);margin:0}.verderop .acties{justify-content:center}.beta__blok{gap:var(--ruimte-7);background:color-mix(in srgb, var(--accent) 10%, var(--bg));border:1px solid color-mix(in srgb, var(--accent-fris) 30%, var(--line));border-radius:var(--ronding-kaart);flex-direction:column;align-items:flex-start;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.beta__tekst{color:var(--ink-muted);max-width:58ch;margin:0}.beta__klein{font-size:var(--fs-hint);color:var(--ink-muted);margin:0}.beta__mail{color:var(--accent-fris);border-radius:var(--ronding-klein)}.landing__footer{border-top:1px solid var(--line);padding-block:2.5rem 3rem}.footer__binnen{gap:var(--ruimte-9);display:grid}@media (width>=760px){.footer__binnen{grid-template-columns:minmax(0,14rem) minmax(0,2fr);gap:clamp(2rem,6vw,4rem)}}.footer__merk{align-items:flex-start;gap:var(--ruimte-5);flex-direction:column;display:flex}.footer__slogan{color:var(--ink-muted);font-size:var(--fs-hint);max-width:24ch;margin:0}.footer__kolommen{gap:var(--ruimte-8) var(--ruimte-9);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.footer__kop{margin:0 0 var(--ruimte-3);font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);font-weight:600}.footer__links{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer__links a{color:var(--ink-muted);font-size:var(--fs-hint);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.footer__links a:hover{color:var(--ink);text-decoration:underline}