: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}: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;--drank-fris:#c97b3c;--drank-bier:#ead07c;--drank-koffie:#a06b3f;--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;--drank-fris:#a9622a;--drank-bier:#e7c567;--drank-koffie:#6b4423;--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;--drank-fris:#a9622a;--drank-bier:#e7c567;--drank-koffie:#6b4423;--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}body{min-height:100svh;padding:clamp(.75rem,3vw,2rem);padding-top:max(clamp(.75rem, 3vw, 2rem), env(safe-area-inset-top));padding-left:max(clamp(.75rem, 3vw, 2rem), env(safe-area-inset-left));padding-right:max(clamp(.75rem, 3vw, 2rem), env(safe-area-inset-right));padding-bottom:max(clamp(.75rem, 3vw, 2rem), 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{background:var(--bg);width:100%;max-width:420px;box-shadow:0 20px 45px -20px var(--shadow), 0 2px 8px -2px var(--shadow);border-radius:22px;flex-direction:column;gap:1.5rem;margin:0 auto;padding:1.6rem 1.4rem 1.4rem;display:flex;position:relative;overflow:hidden}.screen--formulier{gap:1rem}.screen--tekst-gecentreerd{text-align:center}.livewire-root{display:contents}.screen--tekst-gecentreerd .brand{justify-content:center}.screen h1{color:var(--ink);margin:0;font-size:1.25rem}.screen--document{gap:1rem;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{color:var(--accent);margin:2rem 0 .6rem;font-size:1.05rem}.document h3{color:var(--ink);margin:1.4rem 0 .5rem;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{border-left:3px solid var(--line);color:var(--ink-muted);margin:0 0 .9rem;padding:.2rem 0 .2rem .9rem}.document hr{border:none;border-top:1px dashed var(--line);margin:1.6rem 0}.document__tabel{border:1px solid var(--line);border-radius:14px;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);border-bottom:1px solid var(--line);padding:.6rem .8rem;font-size:.72rem}.document__tabel td{border-bottom:1px solid var(--line);vertical-align:top;min-width:8rem;padding:.6rem .8rem}.document__tabel tbody tr:last-child td{border-bottom:none}.document__verwant{border-top:1px dashed var(--line);flex-wrap:wrap;gap:.4rem 1.2rem;padding-top:1rem;font-size:.85rem;display:flex}.document__verwant a{color:var(--accent);align-items:center;min-height:44px;display:inline-flex}.juridischelinks{flex-wrap:wrap;justify-content:center;gap:0 1rem;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{border-bottom:1px dashed var(--line);flex-direction:column;gap:.4rem;padding-bottom:1rem;display:flex}.header__top{justify-content:space-between;align-items:center;gap:.6rem;display:flex;position:relative}.brand{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;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)}.brand__word{font-family:var(--serif);letter-spacing:.01em;color:var(--accent);font-size:1.3rem;font-weight:600}.brand__tag{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-contrast);background:var(--accent);border-radius:999px;padding:.18rem .5rem;font-size:.68rem;font-weight:700}.impersonatiebanner{z-index:60;margin:calc(-1*clamp(.75rem,3vw,2rem));margin-top:calc(-1 * max(clamp(.75rem, 3vw, 2rem), env(safe-area-inset-top)));padding:.7rem clamp(.75rem,3vw,2rem);padding-top:max(.7rem, env(safe-area-inset-top));background:var(--danger);color:var(--accent-contrast);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:clamp(.75rem,3vw,2rem);display:flex;position:sticky;top:0}.impersonatiebanner__tekst{margin:0;font-size:.88rem;font-weight:600;line-height:1.4}.impersonatiebanner__knop{border:1px solid var(--accent-contrast);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .9rem;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:999px;padding:.18rem .5rem;font-size:.68rem;font-weight:700;overflow:hidden}.groepspil{background:var(--groepskleur,var(--accent));min-height:32px;color:var(--accent-contrast);font:inherit;cursor:pointer;transition:filter var(--dur) ease;border:0;border-radius:999px;align-self:flex-start;align-items:center;margin-top:.35rem;padding:.28rem .7rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.groepspil:hover{filter:brightness(1.08)}.groepspil: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{flex-direction:column;gap:.5rem;display:flex}.groepsrij{border:1px solid var(--line);background:var(--bg);width:100%;min-height:56px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur) ease, background-color var(--dur) ease;border-radius:14px;align-items:center;gap:.7rem;padding:.6rem .75rem;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{background:var(--groepskleur,var(--accent));width:34px;height:34px;color:var(--accent-contrast);border-radius:999px;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);width:36px;height:36px;color:var(--ink-muted);cursor:pointer;transition:color var(--dur) ease, border-color var(--dur) ease;background:0 0;border-radius:10px;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);min-width:200px;box-shadow:0 16px 32px -16px var(--shadow);border-radius:14px;flex-direction:column;padding:.35rem;display:flex;position:absolute;top:calc(100% + .45rem);right:0}.menu[hidden]{display:none}.menu__item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.55rem .6rem;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{background:var(--line);height:1px;margin:.3rem .35rem}.menu form{margin:0}.balance{flex-direction:column;gap:.3rem;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:.6rem;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{background:color-mix(in srgb, var(--ink-muted) 20%, transparent);border-radius:999px;height:6px;overflow:hidden}.balance__meter-fill{background:var(--accent);height:100%;transition:width var(--dur-pulse) ease, background-color var(--dur) ease;border-radius:999px;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);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;border-radius:999px;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{background:color-mix(in srgb, var(--accent) 7%, var(--bg));border:1px solid var(--line);color:var(--ink-muted);border-radius:12px;margin:0;padding:.65rem .8rem;font-size:.8rem;line-height:1.45}.footer{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:.6rem;padding-top:.2rem;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;background:0 0;border:none;padding:.3rem 0;text-decoration:underline}.footer__link:hover,.footer button:hover{color:var(--ink)}.app{background:var(--bg);max-width:1180px;box-shadow:0 18px 40px -22px var(--shadow);border-radius:18px;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);flex-direction:column;gap:1.2rem;padding:1.1rem .8rem;display:flex}.side__kop{justify-content:space-between;align-items:center;gap:.6rem;padding:0 .35rem;display:flex}.side__sluiten{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:1.6rem;line-height:1;display:none}.side__sluiten:hover{color:var(--ink)}.nav{flex-direction:column;gap:.2rem;display:flex}.nav__btn{text-align:left;width:100%;color:var(--ink-muted);cursor:pointer;transition:background-color var(--dur) ease, color var(--dur) ease;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:.4rem;padding:.6rem .7rem;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{background:var(--warn);min-width:20px;height:20px;color:var(--bg);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;margin-left:.4rem;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{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:auto;padding:0 .35rem;display:flex}.side__foot form{margin:0}.side__uitloggen{color:var(--ink-muted);font-family:inherit;font-size:var(--fs-hint);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:.3rem 0;text-decoration:underline}.side__uitloggen:hover{color:var(--ink)}.main{min-width:0;padding:1.3rem 1.5rem 1.6rem}.view__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.1rem;display:flex}.view__title{margin:0;font-size:1.3rem;font-weight:700}.view__sub{color:var(--ink-muted);margin:.2rem 0 0;font-size:.85rem}.main>.statusmelding,.main>.foutmelding{margin-bottom:1rem}.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);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;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 1rem 1.4rem}.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{color:var(--ink-muted);font-size:var(--fs-hint);transition:background-color var(--dur) ease, color var(--dur) ease;border-radius:10px;align-self:flex-start;align-items:center;gap:.35rem;margin-bottom:.2rem;padding:.4rem .6rem .4rem .4rem;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);cursor:pointer;transition:background-color var(--dur) ease, border-color var(--dur) ease, color var(--dur) ease;border:1px solid #0000;border-radius:10px;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{border-radius:8px;padding:.35rem .6rem;font-size:.8rem}.btn--danger:hover{border-color:var(--danger);color:var(--danger)}.btn--breed{width:100%;padding:.75rem 1rem;font-size:1rem}.acties{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.acties form{margin:0}.form{flex-direction:column;gap:1rem;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{flex-direction:column;gap:.3rem;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:10px;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:4px}.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{background:color-mix(in srgb, var(--ink-muted) 35%, transparent);width:100%;height:100%;transition:background-color var(--dur) ease;pointer-events:none;border-radius:999px;display:block}.switch__track:after{content:"";background:var(--bg);width:20px;height:20px;box-shadow:0 1px 3px var(--shadow);transition:transform var(--dur) ease;border-radius:999px;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);background:var(--panel);border-radius:14px;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{min-height:56px;color:var(--ink-muted);text-align:center;transition:background-color var(--dur) ease, color var(--dur) ease;pointer-events:none;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.5rem .25rem;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{border-top:1px solid var(--line);max-width:420px;margin-top:2rem;padding-top:1.6rem}.settings-section__intro{color:var(--ink-muted);margin:.35rem 0 1rem;font-size:.82rem;line-height:1.5}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.9rem;display:flex}.table-wrap{border:1px solid var(--line);border-radius:14px;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);border-bottom:1px solid var(--line);white-space:nowrap;padding:.6rem .8rem;font-size:.72rem;position:sticky;top:0}.grid-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.6rem .8rem}.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:.3rem}.name-cell{flex-direction:column;display:flex}.name-cell__mail{color:var(--ink-muted);font-size:.76rem}.stack{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:none}.stack__item{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.stack__head{width:100%;color:var(--ink);text-align:left;cursor:pointer;align-items:center;gap:.6rem;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{flex-direction:column;gap:.8rem;padding:0 .9rem .9rem;display:flex}.stack__actions{flex-wrap:wrap;gap:.4rem;display:flex}.pairs{flex-direction:column;gap:.4rem;margin:0;display:flex}.pairs__row{justify-content:space-between;align-items:baseline;gap:.6rem;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{border:1px solid var(--line);color:var(--ink-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.74rem;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.pill--actief{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.pill--uitgenodigd{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{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent);font-size:var(--fs-hint);border-radius:12px;margin:0;padding:.6rem .8rem}.toelichting{font-size:var(--fs-hint);color:var(--ink-muted);margin:0;line-height:1.5}.notice{border:1px solid color-mix(in srgb, var(--warn) 45%, transparent);color:var(--warn);border-radius:10px;margin:0;padding:.65rem .8rem;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:.8rem}.bevestiging{flex-direction:column;gap:1rem;max-width:640px;display:flex}.empty{border:1px dashed var(--line);border-radius:12px;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}.tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;margin-bottom:1.2rem;display:grid}.tile{background:var(--panel);border:1px solid var(--line);color:inherit;transition:border-color var(--dur) ease;border-radius:14px;padding:.85rem .95rem;text-decoration:none;display:block}a.tile:hover{border-color:var(--accent)}.tile__label{text-transform:uppercase;letter-spacing:.08em;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{color:var(--ink-muted);margin:.2rem 0 0;font-size:.76rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem}.card__head{justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.9rem;display:flex}.card__title{margin:0;font-size:.95rem;font-weight:700}.card+.card{margin-top:.9rem}.amount-box{border:1px solid var(--line);background:var(--panel);border-radius:12px;justify-content:space-between;align-items:baseline;gap:.6rem;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{flex-direction:column;gap:.8rem;display:flex}.item{background:color-mix(in srgb, var(--accent) 6%, var(--bg));border:1px solid var(--line);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:.2rem .8rem;width:100%;padding:.85rem .9rem;display:grid}.item__info{grid-area:1/1;align-items:center;gap:.7rem;display:flex}.item__swatch{border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 25%, var(--bg));border-radius:999px;flex-shrink:0;width:30px;height:30px}.item[data-item=fris] .item__swatch{background:var(--drank-fris)}.item[data-item=bier] .item__swatch{background:var(--drank-bier)}.item[data-item=koffie] .item__swatch{background:var(--drank-koffie)}.item__text{flex-direction:column;display:flex}.item__name{font-size:var(--fs-name);font-weight:600}.item__price{font-size:var(--fs-price);color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-top:.05rem}.item__button{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;border-radius:999px;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{grid-area:2/1;align-items:center;gap:.5rem;min-height:40px;display:flex;overflow-x:auto}.item__tally-empty{font-size:var(--fs-hint);color:var(--ink-muted);font-style:italic}.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:12px;padding:.6rem .8rem;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:14px;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{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.6rem;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{color:var(--ink-muted);padding:1rem .85rem;font-size:.9rem;font-style:italic}.screen--breed{border-radius:18px;gap:0;max-width:none;height:calc(100svh - clamp(1rem,3vw,2rem));min-height:520px;padding:0}.topbar{border-bottom:1px dashed var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.2rem;display:flex}.topbar__logout{color:var(--ink-muted);font-family:inherit;font-size:var(--fs-hint);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:.3rem 0;text-decoration:underline}.topbar__logout:hover{color:var(--ink)}.topbar__new-member{border:1px solid var(--line);color:var(--ink-muted);cursor:pointer;background:0 0;border-radius:10px;padding:.5rem .9rem;font-family:inherit;font-size:.85rem;font-weight:600}.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:1px solid var(--line);background:var(--page-bg);width:100%;color:var(--ink);border-radius:10px;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);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;border-radius:8px;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{flex:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-content:start;gap:.6rem;min-height:0;padding-right:.2rem;display:grid;overflow-y:auto}.grid__empty{color:var(--ink-muted);grid-column:1/-1;font-size:.9rem}.person{border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 6%, var(--bg));min-height:72px;color:var(--ink);text-align:left;cursor:pointer;transition:transform var(--dur) ease, border-color var(--dur) ease, background-color var(--dur) ease;border-radius:14px;flex-direction:column;justify-content:center;gap:.15rem;padding:.7rem .8rem;font-family:inherit;display:flex;position:relative}.person__badge{background:var(--accent);color:var(--accent-contrast);letter-spacing:.02em;border-radius:999px;padding:.1rem .4rem;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{background:var(--warn);border-radius:999px;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)}.panel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;gap:.9rem;min-height:0;padding:1rem;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}.row{background:var(--bg);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr auto;gap:.5rem .7rem;padding:.75rem;display:grid}.row__info{grid-column:1/-1;align-items:center;gap:.6rem;display:flex}.row__swatch{border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 25%, var(--bg));border-radius:999px;flex-shrink:0;width:26px;height:26px}.row[data-item=fris] .row__swatch{background:var(--drank-fris)}.row[data-item=bier] .row__swatch{background:var(--drank-bier)}.row[data-item=koffie] .row__swatch{background:var(--drank-koffie)}.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{grid-column:1/-1;align-items:center;gap:.6rem;display:flex}.stepper__btn{cursor:pointer;width:54px;height:54px;transition:transform var(--dur) ease, background-color var(--dur) ease;border:none;border-radius:14px;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{border-top:1px solid var(--line);margin-top:1rem;margin-bottom:.55rem;padding-top:.9rem}.settle__row{justify-content:space-between;align-items:baseline;gap:.6rem;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);color:var(--ink-muted);cursor:pointer;transition:border-color var(--dur) ease, color var(--dur) ease;background:0 0;border-radius:10px;align-self:flex-start;padding:.6rem 1.05rem;font-family:inherit;font-size:.9rem;font-weight:600}.settle__btn:hover{border-color:var(--accent);color:var(--accent)}.panel__footer{flex-direction:column;gap:1.3rem;margin-top:auto;display:flex}.panel__done{background:var(--accent);width:100%;color:var(--accent-contrast);cursor:pointer;border:none;border-radius:14px;padding:.85rem 1rem;font-family:inherit;font-size:1rem;font-weight:700}.panel__done:hover{background:var(--accent-strong)}.panel__done:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.code-modal{background:var(--bg);border:1px solid var(--line);width:100%;max-width:340px;max-height:100%;box-shadow:0 20px 45px -20px var(--shadow);border-radius:18px;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:.6rem;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__input{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;border-radius:12px;padding:.7rem .85rem;font-family:inherit;font-size:1.4rem}.numpad{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.numpad__btn{border:1px solid var(--line);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;border-radius:12px;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);box-shadow:0 12px 24px -12px var(--shadow);z-index:30;border-radius:999px;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);gap:.7rem;max-height:45vh;padding:.8rem}.panel__name{font-size:1.15rem}.row{align-items:center;gap:.5rem;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:12px;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{flex-direction:row;align-items:stretch;gap:.5rem}.settle__btn{flex:1 1 0;align-self:auto}.panel__done{flex:2 1 0;width:auto}.alphabet{gap:.2rem}.alphabet__btn{min-width:30px;height:32px;font-size:.82rem}.person{min-height:56px;padding:.5rem .7rem}.person__first{font-size:1rem}}.modal-backdrop{background:var(--scrim);z-index:20;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.modal{background:var(--bg);border:1px solid var(--line);width:100%;max-width:340px;max-height:100%;box-shadow:0 18px 40px -18px var(--shadow);border-radius:18px;flex-direction:column;gap:.9rem;padding:1.1rem 1rem 1rem;display:flex;overflow-y:auto}.modal__header{justify-content:space-between;align-self:stretch;align-items:flex-start;gap:.6rem;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;background:0 0;border:none;flex-shrink:0;padding:.1rem .3rem;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:6px}.modal__done{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:12px;padding:.7rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600}.modal__done:hover{background:var(--accent-strong)}.modal form{flex-direction:column;gap:.6rem;display:flex}.modal form label{color:var(--ink-muted);font-size:.85rem}.modal form input{border:1px solid var(--line);background:var(--page-bg);width:100%;color:var(--ink);letter-spacing:.2em;border-radius:10px;padding:.65rem .75rem;font-size:1.1rem}.qr-modal__head{justify-content:space-between;align-items:flex-start;gap:.6rem;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:16px;justify-content:center;align-self:center;align-items:center;width:220px;height:220px;margin:0;display:flex}.qr-modal__code{background:#fff;padding:1rem}.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:1rem;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:.4rem;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);cursor:pointer;border:none;border-radius:12px;padding:.65rem 1rem;font-family:inherit;font-size:.9rem;font-weight:700}.qr-modal__regenerate:hover{background:var(--accent-strong)}.meer-opties{border-top:1px dashed var(--line);font-size:var(--fs-hint);text-align:center;margin:0;padding-top:1rem}.deel-link{gap:.5rem;display:flex}.deel-link input{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;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;margin-inline:auto;padding-inline:clamp(1rem,5vw,2.5rem)}.sectie{padding-block:clamp(3rem,9vw,5.5rem)}.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{font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-fris);align-items:center;gap:.5rem;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:1rem;min-height:64px;padding-block:.6rem;display:flex}@media (width<=560px){.nav__binnen{min-height:58px}}.nav__acties{align-items:center;gap:.5rem;display:flex}.merk{color:var(--ink);border-radius:10px;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{font-family:var(--serif);letter-spacing:.01em;color:var(--accent);font-size:1.35rem;font-weight:600}.landing .btn{border-radius:12px;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);min-height:44px;padding:.45rem .8rem}.landing .acties{gap:.7rem}.hero{padding-block:clamp(3rem,10vw,6rem) clamp(3rem,8vw,4.5rem);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(60% 55% at 18% 12%, color-mix(in srgb, var(--accent-fris) 16%, transparent), transparent 70%), radial-gradient(55% 50% at 82% 30%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 72%);pointer-events:none;height:130%;position:absolute;inset:-30% -10% auto;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.hero__binnen{flex-direction:column;align-items:flex-start;gap:1.1rem;max-width:44rem;display:flex;position:relative}.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:999px;align-items:center;gap:.45rem;padding:.3rem .75rem;font-weight:600;display:inline-flex}.badge__stip{background:var(--accent-fris);border-radius:999px;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;position:relative}.hero__nadruk:after{content:"";background:color-mix(in srgb, var(--accent-fris) 55%, transparent);border-radius:999px;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:.6rem}.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) 420px;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{flex-direction:column;gap:.8rem;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:.8rem 2rem;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{flex-direction:column;align-items:center;gap:1rem;display:flex}.schermkaart{background:var(--bg);border:1px solid var(--line);width:100%;max-width:420px;box-shadow:0 24px 55px -24px var(--shadow), 0 2px 8px -2px var(--shadow);border-radius:22px;flex-direction:column;gap:1.4rem;padding:1.6rem 1.4rem 1.4rem;display:flex;position:relative;overflow:hidden}.proefvenster__voet{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1rem;display:flex}.proefvenster__notitie{font-size:var(--fs-hint);color:var(--ink-muted);margin:0}.barvenster{background:var(--bg);border:1px solid var(--line);height:min(88svh,720px);min-height:520px;box-shadow:0 24px 55px -24px var(--shadow), 0 2px 8px -2px var(--shadow);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.kenmerken{gap:1rem;display:grid}@media (width>=760px){.kenmerken{grid-template-columns:repeat(2,1fr);gap:1.2rem}}.kenmerk{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:.6rem;padding:1.4rem 1.3rem;display:flex}.kenmerk__icoon{background:color-mix(in srgb, var(--accent-fris) 16%, transparent);width:40px;height:40px;color:var(--accent-fris);border-radius:12px;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}.beta__blok{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:20px;flex-direction:column;align-items:flex-start;gap:1rem;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:4px}.landing__footer{border-top:1px solid var(--line);padding-block:2.5rem 3rem}.footer__binnen{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;display:flex}.footer__links{flex-wrap:wrap;gap:.4rem 1.4rem;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}.modal-backdrop[hidden]{display:none}