:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:#17181b;--ink-zacht:#5c5f66;--ink-mute:#9b9ea4;--lijn:#17181b1c;--lijn-sterk:#17181b38;--vlak:#fff;--vlak-druk:#f1f1ef;--accent:#a8763c;--goed:#3f7d55;--fout:#a8443c;--schaduw:0 1px 2px #17181b0d, 0 8px 24px #17181b0f;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#f2f2f0;--ink-zacht:#a9aab0;--ink-mute:#6f7176;--lijn:#ffffff21;--lijn-sterk:#ffffff42;--vlak:#ffffff0d;--vlak-druk:#ffffff1f;--accent:#dfa96f;--goed:#6db08a;--fout:#d98079;--schaduw:none}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;color:var(--ink);font-family:var(--sans);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:radial-gradient(120% 70% at 50% -10%,#fff 0%,#f4f4f2 55%,#ececeb 100%) fixed}@media (prefers-color-scheme:dark){body{background:radial-gradient(120% 70% at 50% -10%,#1c1d21 0%,#131417 55%,#0c0d0f 100%) fixed}}.scherm{min-height:100dvh;padding:40px 24px calc(40px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:56px;display:flex}.meting{color:var(--ink);flex-direction:column;align-items:center;gap:14px;display:flex}.meting .teken{color:var(--ink-mute)}.cijfer{font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:flex-start;line-height:1;display:inline-flex}.getal{display:inline-flex}.eenheid{white-space:nowrap;letter-spacing:0;width:0;color:var(--ink-mute);padding-left:.14em;font-size:.3em;font-weight:400;overflow:visible}.meting .cijfer{letter-spacing:-.05em;font-size:clamp(80px,28vw,116px);font-weight:180}.meting .eenheid{padding-top:.42em}.regelaar{align-items:center;gap:26px;display:flex}.regelaar button{border:1px solid var(--lijn);background:var(--vlak);width:76px;height:76px;box-shadow:var(--schaduw);color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:none;place-items:center;transition:background .14s,transform .12s cubic-bezier(.2,.8,.3,1),opacity .14s;display:grid}.regelaar button:active:not(:disabled){background:var(--vlak-druk);transform:scale(.93)}.regelaar button:disabled{opacity:.32;cursor:default}.regelaar button:focus-visible,.opnieuw:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.doel{min-width:116px;color:var(--accent);flex-direction:column;align-items:center;gap:10px;display:flex}.doel .teken{opacity:.75}.doel .cijfer{letter-spacing:-.03em;font-size:42px;font-weight:300}.doel .eenheid{color:inherit;opacity:.55;padding-top:.34em}.doel .cijfer.wissel{animation:.42s cubic-bezier(.2,.8,.3,1) tik}@keyframes tik{0%{transform:scale(1)}35%{transform:scale(1.09)}to{transform:scale(1)}}.scherm>*{animation:.52s cubic-bezier(.2,.8,.3,1) both opkomen}.scherm>:nth-child(2){animation-delay:60ms}.scherm>:nth-child(3){animation-delay:.12s}.scherm>:nth-child(4){animation-delay:.18s}@keyframes opkomen{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rol{vertical-align:bottom;height:1em;display:inline-block;overflow:hidden}.rol .kolom{flex-direction:column;transition:transform .64s cubic-bezier(.16,.9,.2,1);display:flex}.rol .kolom span{height:1em;line-height:1}.vast{display:inline-block}.alleen-voorlezen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.meting{position:relative}.meting:before{content:"";background:radial-gradient(circle, var(--gloed,transparent) 0%, transparent 68%);opacity:.5;pointer-events:none;z-index:-1;border-radius:999px;width:340px;height:340px;transition:background .9s;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.slot{color:var(--ink);opacity:.85;transition:color .22s,transform .26s cubic-bezier(.2,.8,.3,1);position:relative}.slot.open{color:var(--goed);opacity:1;transform:scale(1.06)}.slot.mis{color:var(--fout)}.pincode{cursor:text;gap:14px;display:flex;position:relative}.pincode input{opacity:0;color:#0000;caret-color:#0000;background:0 0;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.vakje{border:1px solid var(--lijn);background:var(--vlak);width:62px;height:78px;box-shadow:var(--schaduw);font-variant-numeric:tabular-nums;color:var(--ink);border-radius:16px;place-items:center;font-size:34px;font-weight:300;transition:border-color .16s,transform .16s cubic-bezier(.2,.8,.3,1);display:grid}.vakje.vol{border-color:var(--lijn-sterk)}.vakje.vol>span{animation:.26s cubic-bezier(.2,.9,.3,1) both cijfer-op;display:block}@keyframes cijfer-op{0%{opacity:0;transform:translateY(6px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}.vakje.actief{border-color:var(--accent);animation:2s ease-in-out infinite wachten}@keyframes wachten{0%,to{box-shadow:var(--schaduw), 0 0 0 0 color-mix(in srgb, var(--accent) 26%, transparent)}50%{box-shadow:var(--schaduw), 0 0 0 5px color-mix(in srgb, var(--accent) 0%, transparent)}}.slot.open:after{content:"";border:2px solid var(--goed);border-radius:999px;width:60px;height:60px;margin:-30px 0 0 -30px;animation:.9s cubic-bezier(.2,.8,.3,1) forwards ring;position:absolute;top:50%;left:50%}@keyframes ring{0%{opacity:.55;transform:scale(.7)}to{opacity:0;transform:scale(2.6)}}.pincode.mis .vakje{border-color:var(--fout)}.pincode.mis{animation:.42s schud}@keyframes schud{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.bezig{align-items:center;gap:10px;height:78px;display:flex}.bezig span{background:var(--ink-mute);border-radius:999px;width:9px;height:9px;animation:1.2s ease-in-out infinite adem}.bezig span:nth-child(2){animation-delay:.16s}.bezig span:nth-child(3){animation-delay:.32s}@keyframes adem{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.regel{max-width:30ch;color:var(--ink-zacht);font:400 14px/1.5 var(--sans);text-align:left;align-items:flex-start;gap:10px;display:flex}.regel .teken{color:var(--ink-mute);flex:none;margin-top:1px}.regel.fout,.regel.fout .teken{color:var(--fout)}.regel a{color:inherit;border-bottom:1px solid var(--lijn-sterk);padding-bottom:1px;font-weight:500;text-decoration:none}.stil{color:var(--ink-mute);flex-direction:column;align-items:center;gap:18px;display:flex}.opnieuw{border:1px solid var(--lijn);background:var(--vlak);width:60px;height:60px;box-shadow:var(--schaduw);color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:999px;place-items:center;display:grid}.opnieuw:active{background:var(--vlak-druk);transform:scale(.93)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.beheer{width:100%;max-width:780px;padding:32px 20px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.beheer h1{font:500 24px/1.25 var(--sans);letter-spacing:-.02em;margin:0 0 20px}.beheer table{border-collapse:collapse;width:100%;font:400 14px/1.5 var(--sans)}.beheer th,.beheer td{text-align:left;border-bottom:1px solid var(--lijn);vertical-align:top;padding:11px 8px}.beheer th{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.beheer .rij-uit td{color:var(--ink-mute);text-decoration:line-through}.beheer form.invoer{gap:12px;margin:18px 0 26px;display:grid}.beheer label{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);gap:6px;display:grid}.beheer input,.beheer select{border:1px solid var(--lijn);width:100%;height:46px;font:400 15px/1 var(--sans);background:var(--vlak);color:var(--ink);border-radius:10px;padding:0 12px}.beheer .knop{background:var(--ink);height:48px;color:var(--vlak);font:500 15px/1 var(--sans);cursor:pointer;border:0;border-radius:10px}@media (prefers-color-scheme:dark){.beheer .knop{background:var(--ink);color:#17181b}}.beheer button.klein{border:1px solid var(--lijn);background:var(--vlak);height:34px;color:var(--ink);font:500 13px/1 var(--sans);cursor:pointer;border-radius:8px;padding:0 12px}.beheer .kader{border:1px solid var(--lijn);font:400 14px/1.55 var(--sans);border-radius:12px;margin:14px 0;padding:14px 16px}.beheer .kader.goed{border-color:color-mix(in srgb, var(--goed) 40%, transparent);color:var(--goed)}.beheer .kader.fout{border-color:color-mix(in srgb, var(--fout) 40%, transparent);color:var(--fout)}.beheer .kader strong{margin-bottom:4px;font-weight:600;display:block}.nieuwe-code{font:500 40px/1.1 var(--mono);letter-spacing:10px;color:var(--ink);margin:8px 0 6px}.beheer .voet{border-top:1px solid var(--lijn);margin-top:24px;padding-top:16px}