.oorleg{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface-page)}.oorleg--donker{background:var(--scanner-viewport-background);color:var(--color-text-inverse)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:70px;padding:var(--space-3) var(--space-gutter-screen);flex:0 0 auto}.topbar__lead{display:flex;align-items:center;gap:var(--space-3);min-width:0}.topbar__title{font-size:16px;font-weight:800;letter-spacing:-.01em}.iconbtn{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-text-primary)}.oorleg--donker .iconbtn{border-color:color-mix(in srgb,var(--color-text-inverse) 22%,transparent);background:color-mix(in srgb,var(--color-text-inverse) 12%,transparent);color:var(--color-text-inverse)}.row{display:flex;align-items:center;gap:var(--space-3)}.row--wrap{flex-wrap:wrap;gap:var(--space-2)}.row--top{align-items:flex-start}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grow{flex:1 1 auto;min-width:0}.tabular{font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:var(--space-1);min-height:30px;padding:5px 10px;border-radius:var(--radius-pill);font-size:13px;font-weight:800;background:var(--color-feedback-info-surface);color:var(--color-feedback-info-foreground)}.pill--amber{background:var(--color-state-queued-surface);color:var(--color-state-queued-foreground)}.pill--grey{background:var(--color-surface-sunken);color:var(--color-text-on-tint)}.card--flat{box-shadow:var(--elevation-0)}.card--info{background:var(--color-feedback-info-surface);border-color:var(--color-feedback-info-surface);color:var(--color-feedback-info-foreground)}.card--huidig{border-color:var(--color-state-current-border)}.btn--ghost{min-height:44px;background:none;box-shadow:var(--elevation-0);color:var(--color-action-primary-background)}.btn--ghost:hover{background:var(--color-surface-sunken)}.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:var(--elevation-0)}.track{height:10px;border-radius:var(--radius-pill);background:var(--color-surface-sunken);overflow:hidden}.track__fill{height:100%;border-radius:inherit;background:var(--color-action-primary-background);transition:width var(--duration-long) cubic-bezier(.2,0,.2,1)}.stat__value{font-size:28px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.viewport{position:relative;display:grid;place-items:center;min-height:280px;flex:1 1 auto;overflow:hidden;border-radius:var(--radius-container);background:var(--scanner-viewport-background)}.viewport__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reticle{position:relative;width:210px;height:210px}.reticle i{position:absolute;width:48px;height:48px;border:3px solid var(--scanner-frame-corner)}.reticle i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:14px 0 0}.reticle i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 14px 0 0}.reticle i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 14px}.reticle i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 14px}.sweep{position:absolute;left:14px;right:14px;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--scanner-frame-corner),transparent);animation:fs-sweep 1.6s ease-in-out infinite}@keyframes fs-sweep{0%,to{transform:translateY(-88px)}50%{transform:translateY(88px)}}.skandeer__hint{margin:0;text-align:center;color:color-mix(in srgb,var(--color-text-inverse) 82%,transparent)}.oorleg--donker .notice{color:var(--color-feedback-error-foreground)}.codewrap{position:relative}.code{display:flex;gap:9px}.slot{flex:1 1 0;display:grid;place-items:center;min-height:62px;border-radius:12px;border:1.5px solid var(--color-border-subtle);background:var(--color-surface-raised);font-size:24px;font-weight:800;text-transform:uppercase}.slot--actief{border:2px solid var(--color-action-primary-background)}.caret{width:2px;height:26px;border-radius:2px;background:currentColor;animation:fs-blink 1.1s steps(2) infinite}@keyframes fs-blink{50%{opacity:0}}.codeover{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:transparent;font:inherit;font-size:16px;letter-spacing:1em;-webkit-text-fill-color:transparent;caret-color:transparent}.codeover:focus{outline:3px solid var(--color-border-focus);outline-offset:3px;border-radius:12px}.opt{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:62px;padding:14px var(--space-4);text-align:left;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-container);box-shadow:var(--elevation-1);font-size:16px;font-weight:600}.opt__key{display:grid;place-items:center;min-width:32px;min-height:32px;padding:2px 6px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-on-tint);font-size:14px;font-weight:800}.opt--gekies{border:2px solid var(--color-action-primary-background);background:color-mix(in srgb,var(--color-action-primary-background) 8%,var(--color-surface-raised))}.opt--gekies .opt__key{background:var(--color-action-primary-background);color:var(--color-action-primary-foreground)}.opt--reg{border:2px solid var(--color-state-complete-background);background:color-mix(in srgb,var(--color-state-complete-background) 14%,var(--color-surface-raised))}.opt--reg .opt__key{background:var(--color-state-complete-background);color:var(--color-state-complete-foreground)}.opt--verkeerd{border:2px solid var(--color-feedback-error-border);background:var(--color-feedback-error-surface);color:var(--color-feedback-error-foreground)}.seal{display:grid;place-items:center;width:88px;height:88px;margin:0 auto;border-radius:var(--radius-pill);background:var(--completion-seal-background);color:var(--color-state-complete-foreground);box-shadow:var(--completion-seal-shadow);animation:fs-pop var(--duration-celebrate) cubic-bezier(.2,0,0,1)}@keyframes fs-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.gedaan__punte{font-size:38px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:inherit}.gedaan__caption{font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:inherit}.queue__icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:var(--radius-control);background:var(--color-surface-sunken);color:var(--color-text-on-tint)}@media(prefers-reduced-motion:reduce){.sweep{transform:none}.caret{opacity:1}}.kies-kop{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.kies-kop h2{white-space:pre-line}.kies-lys{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.kies-ry{display:flex;flex-direction:column;gap:var(--space-2);width:100%;min-height:44px;text-align:left}.kies-ry--huidig{border-color:var(--color-state-current-border)}.kies-ry:disabled{background:var(--color-state-locked-surface);color:var(--color-state-locked-foreground);box-shadow:var(--elevation-0);cursor:not-allowed}.kies-ry__kop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.kies-ry__naam{min-width:0;overflow-wrap:anywhere}.kies-ry__reel{display:flex;align-items:center;gap:var(--space-inline-icon);min-width:0;overflow-wrap:anywhere}.kies-rede{padding-top:var(--space-1);border-top:1px solid var(--color-border-subtle);overflow-wrap:anywhere}.kies-merk{align-self:flex-start;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-state-complete-background);color:var(--color-state-complete-foreground);font-weight:800}.kies-leeg{display:flex;flex-direction:column}.kies-etiket{display:block;font-weight:800}.kies-breek{min-width:0;overflow-wrap:anywhere}.kies-feite{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0 0}.kies-feit{display:flex;flex-direction:column;gap:var(--space-1)}.kies-feit dd{margin:0}.kies-stappe{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none}.kies-stap{display:flex;align-items:flex-start;gap:var(--space-3)}.kies-stap__nommer{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--color-action-primary-background);color:var(--color-action-primary-foreground);font-size:14px;font-weight:800}.kies-omslag>.shell>.view{padding-bottom:calc(var(--space-6) + 56px)}.kies-profielknop{position:fixed;z-index:30;right:max(var(--space-gutter-screen),calc(50vw - 215px + var(--space-gutter-screen)));bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));display:grid;place-items:center;width:48px;height:48px;border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--elevation-3)}.onb-kop{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.onb-kop h2{margin:0}.onb-spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.onb-ry{display:flex;align-items:flex-start;gap:var(--space-3)}.onb-lys{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.onb-pil{display:inline-flex;align-items:center;gap:var(--space-inline-icon);min-height:30px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-state-complete-background);color:var(--color-state-complete-foreground);font-size:13px;font-weight:800;white-space:nowrap}.onb-pil--amber{background:var(--color-state-queued-surface);color:var(--color-state-queued-foreground)}.onb-ikoonknop{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-primary)}.onb-ikoonknop--gevaar{color:var(--color-action-destructive-foreground)}.onb-ikoonknop--primer{border-color:var(--color-action-primary-background);background:var(--color-action-primary-background);color:var(--color-action-primary-foreground)}.btn:disabled,.onb-ikoonknop:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}.onb-rekening{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-container);background:var(--color-surface-raised)}.onb-rekening__wie{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.onb-rekening__epos{overflow-wrap:anywhere}.onb-veldkop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.onb-lidry{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:var(--space-2);align-items:stretch}.onb-lidry .onb-ikoonknop{min-height:56px}.onb-lid{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-control);background:var(--color-surface-sunken)}.onb-lid__naam{min-width:0;overflow-wrap:anywhere}.onb-baan{height:10px;border-radius:var(--radius-pill);background:var(--color-surface-sunken);overflow:hidden}.onb-baan__vul{height:100%;border-radius:inherit;background:var(--color-action-primary-background);transition:width .24s ease-out}.onb-baan--onbepaald .onb-baan__vul{background-image:repeating-linear-gradient(115deg,var(--color-action-primary-background),var(--color-action-primary-background) 10px,var(--color-action-primary-background-hover) 10px,var(--color-action-primary-background-hover) 20px);background-size:40px 100%;animation:onb-skuif 1.1s linear infinite}@keyframes onb-skuif{0%{background-position:0 0}to{background-position:40px 0}}.onb-manifes{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.onb-manifes__ry{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.onb-manifes__naam{display:flex;align-items:center;gap:var(--space-3);min-width:0;overflow-wrap:anywhere}.onb-merkie{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:var(--radius-pill);background:var(--color-state-locked-surface);color:var(--color-state-locked-foreground)}.onb-merkie--klaar{background:var(--color-state-complete-background);color:var(--color-state-complete-foreground)}.onb-status{font-size:13px;font-weight:800;color:var(--color-text-secondary);white-space:nowrap}.onb-stappe{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0 0 0 var(--space-5);color:inherit}.onb-stappe li{padding-left:var(--space-1);font-size:16px;line-height:1.45}.onb-stappe li::marker{font-weight:800}:root{--colour-groen-50: #dafff3;--colour-groen-100: #ccf4e7;--colour-groen-200: #b3e1d1;--colour-groen-300: #94c8b7;--colour-groen-400: #73af9c;--colour-groen-500: #509581;--colour-groen-600: #307d68;--colour-groen-700: #176b57;--colour-groen-800: #0f5747;--colour-groen-900: #003327;--colour-amber-50: #ffefc2;--colour-amber-100: #ffe2b1;--colour-amber-200: #f9cc94;--colour-amber-300: #e3b170;--colour-amber-400: #cc9447;--colour-amber-500: #e9a23b;--colour-amber-600: #9d5c00;--colour-amber-700: #7f4700;--colour-amber-800: #613100;--colour-amber-900: #461e00;--colour-rooi-50: #ffe2db;--colour-rooi-200: #ffbcb5;--colour-rooi-600: #b53a3a;--colour-rooi-700: #942b2c;--colour-rooi-800: #72181b;--colour-neutraal-0: #ffffff;--colour-neutraal-50: #f6f4ed;--colour-neutraal-100: #ebe8de;--colour-neutraal-200: #d9ddd9;--colour-neutraal-600: #67706e;--colour-neutraal-700: #505856;--colour-neutraal-900: #17332d;--colour-fokus: #3d8ee6;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-none: 0;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-full: 999px;--fontSize-12: 12px;--fontSize-13: 13px;--fontSize-15: 15px;--fontSize-16: 16px;--fontSize-17: 17px;--fontSize-22: 22px;--fontSize-32: 32px;--fontWeight-400: 400;--fontWeight-700: 700;--fontWeight-800: 800;--fontWeight-850: 850;--elevation-0: none;--elevation-1: 0 4px 14px rgba(20,48,41,.05);--elevation-2: 0 8px 18px rgba(23,107,87,.24);--elevation-3: 0 12px 32px rgba(20,48,41,.12);--elevation-4: 0 14px 34px rgba(23,107,87,.28);--elevation-5: 0 -6px 24px rgba(20,48,41,.1);--duration-instant: 0ms;--duration-short: .16s;--duration-medium: .28s;--duration-long: .5s;--duration-celebrate: .9s;--color-surface-page: #f6f4ed;--color-surface-raised: #ffffff;--color-surface-sunken: #ebe8de;--color-border-subtle: #d9ddd9;--color-border-focus: #3d8ee6;--color-text-primary: #17332d;--color-text-secondary: #67706e;--color-text-on-tint: #505856;--color-text-inverse: #ffffff;--color-action-primary-background: #176b57;--color-action-primary-background-hover: #0f5747;--color-action-primary-foreground: #ffffff;--color-action-secondary-background: #ffffff;--color-action-secondary-border: #d9ddd9;--color-action-destructive-foreground: #b53a3a;--color-state-queued-surface: #ffefc2;--color-state-queued-border: #f9cc94;--color-state-queued-foreground: #7f4700;--color-state-locked-surface: #ebe8de;--color-state-locked-foreground: #505856;--color-state-current-border: #e9a23b;--color-state-complete-background: #176b57;--color-state-complete-foreground: #ffffff;--color-feedback-error-surface: #ffe2db;--color-feedback-error-border: #ffbcb5;--color-feedback-error-foreground: #72181b;--color-feedback-info-surface: #dafff3;--color-feedback-info-foreground: #003327;--space-inset-compact: 16px;--space-inset-standard: 20px;--space-inset-hero: 24px;--space-stack-tight: 8px;--space-stack-default: 12px;--space-stack-section: 24px;--space-gutter-screen: 16px;--space-inline-icon: 8px;--radius-control: 10px;--radius-container: 18px;--radius-sheet: 28px;--radius-pill: 999px;--scanner-viewport-background: #10231e;--scanner-frame-corner: #e9a23b;--completion-seal-background: #176b57;--completion-seal-shadow: 0 14px 34px rgba(23,107,87,.28)}:root{--font-family: "Source Sans 3", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.type-display{font-size:clamp(28px,8vw,32px);line-height:1.08;letter-spacing:-.035em;font-weight:800;text-wrap:balance}.type-heading-lg{font-size:22px;line-height:1.18;letter-spacing:-.02em;font-weight:800;text-wrap:balance}.type-heading-md{font-size:17px;line-height:1.25;letter-spacing:-.01em;font-weight:800}.type-body{font-size:16px;line-height:1.45}.type-body-strong{font-size:16px;line-height:1.45;font-weight:700}.type-label{font-size:15px;line-height:1.3;font-weight:700}.type-caption{font-size:13px;line-height:1.4;color:var(--color-text-secondary)}.type-eyebrow{font-size:12px;line-height:1.2;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:var(--color-action-primary-background)}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-surface-page)}body{margin:0;background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--font-family);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:3px;border-radius:4px}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.shell{display:flex;flex-direction:column;width:min(100%,430px);min-height:100dvh;margin:0 auto;background:var(--color-surface-page)}.view{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-inset-compact);padding:0 var(--space-gutter-screen) var(--space-6)}.card{padding:var(--space-inset-standard);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-container);box-shadow:var(--elevation-1)}.card--tint{background:var(--color-state-queued-surface);border-color:var(--color-state-queued-border);color:var(--color-state-queued-foreground)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-inline-icon);width:100%;min-height:52px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);font-size:16px;font-weight:800}.btn--primary{background:var(--color-action-primary-background);color:var(--color-action-primary-foreground);box-shadow:var(--elevation-2)}.btn--primary:hover{background:var(--color-action-primary-background-hover)}.btn--secondary{background:var(--color-action-secondary-background);color:var(--color-text-primary);border:1.5px solid var(--color-action-secondary-border)}.field{width:100%;min-height:56px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-surface-raised);font:inherit;font-size:16px}.countdown{font-size:64px;line-height:1;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--color-action-primary-background)}.stack{display:flex;flex-direction:column;gap:var(--space-stack-default)}.pushdown{margin-top:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-sunken);border-radius:var(--radius-control)}.segmented__item{min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-size:15px;font-weight:700;color:var(--color-text-secondary);text-align:center}.segmented__item[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--elevation-1)}.notice{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);font-size:15px;line-height:1.4}.notice--error{background:var(--color-feedback-error-surface);border:1px solid var(--color-feedback-error-border);color:var(--color-feedback-error-foreground)}