:root{--merk-geel:#ffc72c;--merk-geel-diep:#f0b400;--merk-zwart:#14171c;--merk-op-geel:#1c1600;--merk-rood:#d2392b;--merk-rood-diep:#b82e21;--merk-groen:#3ccb8c;--merk-groen-donker:#0b2a1d;--wit:#fff;--wit-zacht:#f1f3f5;--grijs-op-zwart:#a6adb8;--lijn-op-zwart:#2b3038;--bg:#e6e9ed;--app:#f5f6f8;--card:#fff;--sunk:#eceef1;--ink:#14171c;--ink2:#5a626e;--ink3:#8a919c;--line:#dadee4;--duim:var(--merk-geel);--duim-deep:var(--merk-geel-diep);--on-duim:var(--merk-op-geel);--duim-bg:#fff3cc;--rood:var(--merk-rood);--rood-bg:#fbe8e5;--groen:#0f8456;--groen-bg:#e0f3ea;--av1:#ffe7a3;--av2:#d5e6f7;--f-display:"Archivo", "Arial Narrow", Arial, sans-serif;--f-body:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;--tekst-xs:11px;--tekst-s:13px;--tekst-m:15px;--tekst-basis:16px;--tekst-l:18px;--tekst-xl:20px;--kop-hero:clamp(50px, 9vw, 124px);--kop-1:clamp(35px, 1.5vw + 29px, 42px);--kop-2:clamp(27px, 1vw + 23px, 32px);--kop-3:clamp(19px, .3vw + 18px, 21px);--regel:1.45;--r-1:4px;--r-2:8px;--r-3:12px;--r-4:16px;--r-5:20px;--r-6:24px;--r-7:32px;--r-8:40px;--r-9:56px;--r-10:72px;--rand:clamp(16px, 3vw, 32px);--rond-xs:6px;--rond-s:10px;--rond-m:15px;--rond-l:22px;--rond-xl:28px;--rond-pil:999px;--rand-dik:1.5px;--shadow:0 1px 0 #14181e0a, 0 10px 28px -16px #14181e47;--shadow-hoog:0 0 0 1px var(--line), 0 40px 90px -40px #00000073;--breed-app:560px;--breed-tekst:70ch;--breed-admin:1200px;--breed-site:1160px;--tik:44px;--snel:.12s;--middel:.25s;--veer:cubic-bezier(.3, 1.6, .5, 1);--glijd:cubic-bezier(.2, .9, .25, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0d10;--app:#14171c;--card:#1c2027;--sunk:#111419;--ink:#f1f3f5;--ink2:#a6adb8;--ink3:#727a86;--line:#2b3038;--duim-deep:#e5aa00;--duim-bg:#3a3110;--rood:#ff6b5b;--rood-bg:#3a1a17;--groen:#3ccb8c;--groen-bg:#13342a;--av1:#4a3d12;--av2:#1d3550;--shadow:0 1px 0 #0000004d, 0 12px 30px -16px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--ink);font:var(--tekst-basis) / var(--regel) var(--f-body);-webkit-font-smoothing:antialiased;margin:0}img,svg,video{max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:3px solid var(--duim);outline-offset:2px}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.display{font-family:var(--f-display);font-weight:850;font-stretch:122%;font-size:var(--kop-1);letter-spacing:-.012em;text-wrap:balance;margin:0;line-height:.98}.h2{font-family:var(--f-display);font-weight:800;font-stretch:116%;font-size:var(--kop-2);letter-spacing:-.01em;text-wrap:balance;margin:0;line-height:1.02}.h3{font-family:var(--f-display);font-weight:750;font-stretch:110%;font-size:var(--kop-3);margin:0;line-height:1.1}.sub{color:var(--ink2);margin:0}.eyebrow{font:600 10.5px var(--f-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink3);margin:0}.lbl{font-size:14px;font-weight:650}.hint{font-size:var(--tekst-s);color:var(--ink2);margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.rijs{animation:rijs .6s var(--glijd) both;animation-delay:calc(var(--i,0) * 70ms + .12s)}@keyframes rijs{0%{opacity:0;transform:translateY(14px)}}.plop{animation:plop .45s var(--veer) both}@keyframes plop{0%{opacity:0;transform:scale(.6)}}::view-transition-old(stap){animation-duration:.32s;animation-timing-function:var(--glijd)}::view-transition-new(stap){animation-duration:.32s;animation-timing-function:var(--glijd)}::view-transition-old(stap){animation-name:weg-links}::view-transition-new(stap){animation-name:in-rechts}html[data-richting=terug]::view-transition-old(stap){animation-name:weg-rechts}html[data-richting=terug]::view-transition-new(stap){animation-name:in-links}@keyframes weg-links{to{opacity:0;transform:translate(-40px)}}@keyframes in-rechts{0%{opacity:0;transform:translate(40px)}}@keyframes weg-rechts{to{opacity:0;transform:translate(40px)}}@keyframes in-links{0%{opacity:0;transform:translate(-40px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.app{max-width:var(--breed-app);background:var(--app);min-height:100dvh;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;margin:0 auto;display:flex}@media (width>=640px){body:has(.app:not(.start)){--band:180px;background:repeating-linear-gradient(90deg, var(--merk-op-geel) 0 1.5px, transparent 1.5px 12px) 0 calc(var(--band) - 8px) / 100% 8px no-repeat, repeating-linear-gradient(90deg, var(--merk-op-geel) 0 2px, transparent 2px 60px) 0 calc(var(--band) - 14px) / 100% 14px no-repeat, linear-gradient(var(--merk-geel) 0 var(--band), var(--bg) var(--band))}.app:not(.start){margin:var(--r-7) auto;width:calc(100% - 2 * var(--rand));min-height:calc(100dvh - 2 * var(--r-7));border-radius:var(--rond-xl);box-shadow:var(--shadow-hoog);overflow:clip}}@media (width>=1024px){body:has(.app:not(.start)){--band:222px}.app:not(.start){margin-block:var(--r-8);min-height:calc(100dvh - 2 * var(--r-8))}}@media (width>=640px){.app.kort:not(.start){min-height:0;padding-bottom:var(--r-6)}}.main{flex:1}.pad{padding:0 var(--r-5)}@media (width>=640px){.pad{padding:0 var(--r-6)}}.wrap{max-width:var(--breed-site);padding-left:max(var(--rand), env(safe-area-inset-left,0px));padding-right:max(var(--rand), env(safe-area-inset-right,0px));margin:0 auto}.stack{align-content:start;gap:14px;display:grid}.stack>*{min-width:0}.row{gap:var(--rond-s);align-items:center;display:flex}.row>*{min-width:0}.row.wrap-ok{flex-wrap:wrap}.grow{flex:1}.raster{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--min,220px)), 1fr));gap:var(--r-3);display:grid}.twee-kol{gap:var(--r-4);display:grid}@media (width>=1024px){.twee-kol{grid-template-columns:1.4fr 1fr;align-items:start}}.scroll-x{overflow-x:auto}@media (width<=639px){.niet-mobiel{display:none!important}}@media (width>=640px){.alleen-mobiel{display:none!important}}.topbar{justify-content:space-between;align-items:center;gap:var(--r-3);padding:14px var(--r-5) 6px;padding-top:max(14px, env(safe-area-inset-top,0px));display:flex}.appbar{align-items:center;gap:var(--rond-s);padding:var(--r-2) 14px;padding-top:max(var(--r-2), env(safe-area-inset-top,0px));background:var(--app);z-index:3;min-height:52px;display:flex;position:sticky;top:0}.appbar .t{text-align:center;flex:1;min-width:0;padding-right:40px;font-weight:650}.appbar .t small{font:500 var(--tekst-xs) var(--f-mono);color:var(--ink3);display:block}@media (width>=640px){.topbar{padding-inline:var(--r-6);padding-top:var(--r-5)}}.btn{min-height:var(--tik);font-weight:650;font-size:var(--tekst-basis);transition:transform var(--snel) ease, background .2s, box-shadow .2s;text-align:center;border:0;border-radius:17px;justify-content:center;align-items:center;gap:9px;padding:15px 18px;line-height:1.1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.6;pointer-events:none}.btn.big{width:100%;padding:18px;font-size:17px}.btn.primary{background:var(--duim);color:var(--on-duim);box-shadow:inset 0 -3px 0 var(--duim-deep);isolation:isolate;position:relative;overflow:hidden}.btn.dark{background:var(--ink);color:var(--app)}.btn.wa{background:var(--groen);color:var(--wit)}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 var(--rand-dik) var(--line);background:0 0}.btn.soft{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.btn.sm{white-space:nowrap;padding:var(--r-2) 13px;border-radius:var(--r-3);min-height:38px;font-size:14px}.btn.danger{background:var(--rood-bg);color:var(--rood)}.btn.link{color:var(--ink2);padding:var(--r-2);background:0 0;font-size:14px;text-decoration:underline}.btn.primary.glans:after{content:"";z-index:-1;background:linear-gradient(105deg,#0000 35%,#ffffff8c 50%,#0000 65%);animation:4.5s ease-in-out 1.6s infinite glans;position:absolute;inset:0;transform:translate(-120%)}@keyframes glans{0%,62%{transform:translate(-120%)}82%,to{transform:translate(120%)}}.icon-btn{border-radius:var(--r-3);background:var(--card);width:40px;height:40px;box-shadow:var(--shadow);border:0;flex:none;place-items:center;text-decoration:none;display:grid}.dock{padding:var(--r-3) var(--r-5);padding-bottom:max(18px, env(safe-area-inset-bottom,0px));text-align:center;background:linear-gradient(to top, var(--app) 75%, transparent);z-index:2;gap:9px;display:grid;position:sticky;bottom:0}.dock small{color:var(--ink2);font-size:12.5px}.card{background:var(--card);border-radius:var(--rond-l);box-shadow:var(--shadow);min-width:0;padding:18px}.card.flat{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.pill{font:600 var(--tekst-xs) var(--f-mono);border-radius:var(--rond-pil);background:var(--card);color:var(--ink2);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;align-items:center;gap:6px;padding:6px 9px;text-decoration:none;display:inline-flex}.pill.ok{background:var(--groen-bg);color:var(--groen);box-shadow:none}.pill.warn{background:var(--duim-bg);color:var(--ink);box-shadow:none}.pill.bad{background:var(--rood-bg);color:var(--rood);box-shadow:none}.pill.ink{background:var(--ink);color:var(--app);box-shadow:none}a.pill,button.pill{min-height:36px;padding:var(--r-2) var(--r-3)}.dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.live{animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 50%, transparent)}to{box-shadow:0 0 0 8px #0000}}.av{width:40px;height:40px;font:750 14px var(--f-display);background:var(--av1);color:var(--ink);border-radius:13px;flex:none;place-items:center;font-stretch:110%;display:grid}.av.lg{border-radius:var(--r-4);width:52px;height:52px;font-size:var(--tekst-l)}.field{gap:7px;display:grid}.input{width:100%;min-height:var(--tik);font:var(--tekst-basis) / 1.4 var(--f-body);border-radius:var(--rond-m);border:var(--rand-dik) solid var(--line);background:var(--card);color:var(--ink);resize:none;padding:14px 15px}.input:focus{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--duim) 55%, transparent);outline:none}.input[aria-invalid=true]{border-color:var(--rood)}select.input{appearance:auto}.fout{color:var(--rood);margin:0;font-size:13.5px;font-weight:600;animation:.4s ease-in-out schud}@keyframes schud{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.ok-line{gap:var(--r-2);color:var(--groen);align-items:center;margin:0;font-size:14px;font-weight:600;display:flex}.code{font:600 var(--tekst-s) var(--f-mono);padding:var(--r-2) var(--r-2);border-radius:var(--rond-s);background:var(--sunk);box-shadow:inset 0 0 0 1px var(--line);overflow-wrap:anywhere}.wordmark{align-items:center;gap:var(--r-2);font:900 19px/1 var(--f-display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;font-stretch:125%;text-decoration:none;display:flex}.wordmark img{width:28px;height:28px;display:block}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--app);padding:var(--r-3) var(--r-4);z-index:50;max-width:calc(100% - 32px);box-shadow:var(--shadow);border-radius:14px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%)}.tabel{border-collapse:collapse;width:100%;font-size:14px}.tabel th{text-align:left;font:600 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);padding:var(--r-2) var(--rond-s);border-bottom:1px solid var(--line)}.tabel td{padding:var(--rond-s);border-bottom:1px solid var(--line);vertical-align:top}.tabel tr:last-child td{border-bottom:0}@media (width<=639px){.tabel.stapel thead{display:none}.tabel.stapel,.tabel.stapel tbody,.tabel.stapel tr,.tabel.stapel td{display:block}.tabel.stapel tr{padding:var(--r-3) var(--r-2);border-bottom:1px solid var(--line);gap:var(--r-1);display:grid}.tabel.stapel tr:last-child{border-bottom:0}.tabel.stapel td{border:0;padding:0}.tabel.stapel td[data-k]:before{content:attr(data-k);min-width:76px;font:600 10px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);display:inline-block}}.kv{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px;display:grid}.kv dt{color:var(--ink3)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}.vi{color:var(--ink);flex:none;place-items:center;display:inline-grid}.vi svg{display:block;overflow:visible}.vi path{transform-box:fill-box;transform-origin:50%}.vi.plaat{width:calc(var(--m) + 20px);height:calc(var(--m) + 20px);border-radius:var(--rond-m);background:color-mix(in srgb, var(--duim) 24%, transparent);transition:background var(--middel), color var(--middel), transform .4s var(--veer)}.vi.plaat.speel{background:var(--duim);color:var(--on-duim);transform:rotate(-5deg)scale(1.08)}@media (hover:hover){[data-vi-doel]:hover .vi.plaat,.vi.plaat:hover{background:var(--duim);color:var(--on-duim);transform:rotate(-5deg)scale(1.08)}}.vi.speel .bw{animation:var(--a) var(--t,.9s) var(--glijd) var(--v,0s) both}.vi.wacht path{stroke-dasharray:1;stroke-dashoffset:1px}.vi.teken path{stroke-dasharray:1;animation:vi-teken .8s var(--glijd) calc(var(--i,0) * 90ms) both}@keyframes vi-teken{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes vi-zwaai{30%{transform:rotate(-24deg)}62%{transform:rotate(12deg)}82%{transform:rotate(-4deg)}}@keyframes vi-wiegel{25%{transform:rotate(10deg)}50%{transform:rotate(-7deg)}75%{transform:rotate(3deg)}}@keyframes vi-draai{to{transform:rotate(360deg)}}@keyframes vi-drup{40%{opacity:0;transform:translateY(5px)}41%{opacity:0;transform:translateY(-2px)scale(.3)}}@keyframes vi-flits{12%{opacity:.15}24%{opacity:1}36%{opacity:.3}55%{opacity:1;transform:scale(1.14)}}@keyframes vi-vonk{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.35)}}@keyframes vi-hup{35%{transform:translateY(-3.5px)}62%{transform:translateY(.6px)}80%{transform:translateY(-.8px)}}@keyframes vi-plop{30%{opacity:.3;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}}@keyframes vi-schuif{35%{opacity:0;transform:translate(6px)}36%{opacity:0;transform:translate(-6px)}}@keyframes vi-veeg{30%{transform:translateY(-3px)}65%{transform:translateY(2.5px)}}@keyframes vi-strijk{30%{transform:translate(-3px)rotate(-4deg)}65%{transform:translate(3px)rotate(3deg)}}@keyframes vi-flakker{20%{transform:scale(.93,1.12)}45%{transform:scale(1.07,.93)}70%{transform:scale(.97,1.06)}}@keyframes vi-puf{45%{opacity:0;transform:translateY(-4px)}46%{opacity:0;transform:translateY(2px)}}@keyframes vi-stapel{0%{opacity:0;transform:translateY(-7px)}60%{opacity:1;transform:translateY(.7px)}}@keyframes vi-deur{40%,60%{transform:scaleX(.2)}}@keyframes vi-glans{0%{opacity:0;transform:translate(-4px,4px)}50%{opacity:1}}@keyframes vi-omdraai{35%{transform:scaleY(.15)}70%{transform:scaleY(1.1)}}@keyframes vi-kriebel{15%{transform:rotate(-12deg)translate(-1px)}35%{transform:rotate(10deg)translate(1px)}55%{transform:rotate(-7deg)}75%{transform:rotate(4deg)}}@keyframes vi-tik{0%{transform:translateY(0)}30%{transform:translateY(2px)scaleY(.8)}}@keyframes vi-knijp{30%{transform:scale(1.05,.92)}60%{transform:scale(.98,1.03)}}