:root{--bg:#e6e9ed;--app:#f5f6f8;--card:#fff;--sunk:#eceef1;--ink:#14171c;--ink2:#5a626e;--ink3:#8a919c;--line:#dadee4;--duim:#ffc72c;--duim-deep:#f0b400;--on-duim:#1c1600;--duim-bg:#fff3cc;--rood:#d2392b;--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;--shadow:0 1px 0 #14181e0a, 0 10px 28px -16px #14181e47;--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:16px/1.45 var(--f-body);-webkit-font-smoothing:antialiased;margin:0}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}.app{background:var(--app);max-width:480px;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>=520px){.app{box-shadow:0 0 0 1px var(--line), 0 30px 80px -40px #00000059}}@media (width>=900px){body:has(.app:not(.start)){background:repeating-linear-gradient(90deg, var(--on-duim) 0 1.5px, transparent 1.5px 12px) 0 214px / 100% 8px no-repeat, repeating-linear-gradient(90deg, var(--on-duim) 0 2px, transparent 2px 60px) 0 208px / 100% 14px no-repeat, linear-gradient(var(--duim) 0 222px, var(--bg) 222px)}.app:not(.start){max-width:560px;min-height:calc(100dvh - 80px);box-shadow:0 0 0 1px var(--line), 0 40px 90px -40px #00000073;border-radius:28px;margin:40px auto;overflow:clip}}.main{flex:1}.pad{padding:0 20px}.stack{gap:14px;display:grid}.row{align-items:center;gap:10px;display:flex}.row>*{min-width:0}.grow{flex:1}.topbar{padding:14px 20px 6px;padding-top:max(14px, env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;display:flex}.appbar{padding:8px 14px;padding-top:max(8px, env(safe-area-inset-top,0px));background:var(--app);z-index:3;align-items:center;gap:10px;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 11px var(--f-mono);color:var(--ink3);display:block}.icon-btn{background:var(--card);width:40px;height:40px;box-shadow:var(--shadow);border:0;border-radius:12px;flex:none;place-items:center;text-decoration:none;display:grid}.display{font-family:var(--f-display);letter-spacing:-.012em;text-wrap:balance;margin:0;font-size:35px;font-weight:850;font-stretch:122%;line-height:.98}.h2{font-family:var(--f-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:27px;font-weight:800;font-stretch:116%;line-height:1.02}.h3{font-family:var(--f-display);margin:0;font-size:19px;font-weight:750;font-stretch:110%;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{color:var(--ink2);margin:0;font-size:13px}.btn{text-align:center;border:0;border-radius:17px;justify-content:center;align-items:center;gap:9px;padding:15px 18px;font-size:16px;font-weight:650;line-height:1.1;text-decoration:none;transition:transform .12s,background .2s,box-shadow .2s;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)}.btn.dark{background:var(--ink);color:var(--app)}.btn.wa{background:var(--groen);color:#fff}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.btn.soft{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.btn.sm{border-radius:12px;padding:10px 13px;font-size:14px}.btn.danger{background:var(--rood-bg);color:var(--rood)}.btn.link{color:var(--ink2);background:0 0;padding:10px;font-size:14px;text-decoration:underline}.dock{padding:12px 20px;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);box-shadow:var(--shadow);border-radius:22px;padding:18px}.card.flat{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.pill{font:600 11px var(--f-mono);background:var(--card);color:var(--ink2);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:999px;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}.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:16px;width:52px;height:52px;font-size:18px}.field{gap:7px;display:grid}.input{width:100%;font:16px/1.4 var(--f-body);border:1.5px solid var(--line);background:var(--card);color:var(--ink);resize:none;border-radius:15px;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)}.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{color:var(--groen);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.code{font:600 13px var(--f-mono);background:var(--sunk);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;padding:8px 10px}.wordmark{font:900 19px/1 var(--f-display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;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);z-index:50;max-width:calc(100% - 32px);box-shadow:var(--shadow);border-radius:14px;padding:12px 16px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.rijs{animation:.6s cubic-bezier(.2,.9,.25,1) both rijs;animation-delay:calc(var(--i,0) * 70ms + .12s)}@keyframes rijs{0%{opacity:0;transform:translateY(14px)}}.plop{animation:.45s cubic-bezier(.3,1.6,.5,1) both plop}@keyframes plop{0%{opacity:0;transform:scale(.6)}}.btn.primary{isolation:isolate;position:relative;overflow:hidden}.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%)}}::view-transition-old(stap){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.9,.25,1)}::view-transition-new(stap){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.9,.25,1)}::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}}a.pill,button.pill{min-height:36px;padding:8px 12px}