@charset "UTF-8";:root{color-scheme:light dark;--ink: #0c2925;--ink-soft: #58726b;--ink-faint: #8aa098;--mist: #eff3ee;--wit: #ffffff;--spar: #0f5f51;--spar-diep: #0a423a;--lijn: #d5e0d8;--spoor: #edf2ee;--diepzee: #061713;--zeegroen: #5ed6b2;--call-caption: #a9c4bb;--oranje: #e8590c;--leeuwgeel: #e9a820;--goed-groen: #1b7a4b;--bijna-amber: #8f5f00;--fout-rood: #be3b3b;--goed-groen-donker: #4cc38a;--bijna-amber-donker: #e7a93b;--fout-rood-donker: #e4756b;--donker-grond: #081c18;--donker-kaart: #10312a;--donker-primair: #4cc3a5;--surface: var(--mist);--card: var(--wit);--primary: var(--spar);--on-primary: var(--wit);--on-surface: var(--ink);--on-surface-variant: var(--ink-soft);--outline: var(--lijn);--track: var(--spoor);--button-disabled-bg: #c7d4ca;--button-disabled-fg: #7e948b;--score-good: var(--goed-groen);--score-mid: var(--bijna-amber);--score-bad: var(--fout-rood);--danger: var(--fout-rood);--accent: var(--spar);--on-accent: var(--wit);--gradient-hero: linear-gradient(150deg, #134a41 0%, #0c2925 70%);--gradient-call: linear-gradient(165deg, #0d3a33 0%, #0a2723 55%, #061713 100%);--shadow-card: 0 6px 18px rgba(12, 41, 37, .06);--shadow-hero: 0 16px 32px rgba(12, 41, 37, .28);--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-hero: 26px;--radius-flashcard: 28px;--radius-pill: 999px;--font-display: "Gabarito", sans-serif;--font-body: "InstrumentSans", sans-serif;--text-display-lg: 52px;--text-display-md: 46px;--text-display-sm: 38px;--display-weight: 800;--display-tracking-lg: -.8px;--display-tracking-sm: -.5px;--text-headline-lg: 30px;--headline-lg-weight: 800;--headline-lg-tracking: -.6px;--text-headline-md: 27px;--headline-md-weight: 700;--headline-md-tracking: -.6px;--text-headline-sm: 24px;--headline-sm-weight: 700;--headline-sm-tracking: -.5px;--text-title-lg: 20px;--title-lg-weight: 700;--title-lg-tracking: -.3px;--text-title-md: 15.5px;--title-md-weight: 700;--text-body-lg: 15px;--text-body-sm: 14px;--body-line-height: 1.45;--text-caption-sm: 11px;--text-caption-lg: 12.5px;--text-eyebrow-sm: 10.5px;--text-eyebrow-lg: 11px;--eyebrow-weight: 700;--eyebrow-tracking: 1.2px}@media(prefers-color-scheme:dark){:root{--surface: var(--donker-grond);--card: var(--donker-kaart);--primary: var(--donker-primair);--on-primary: var(--diepzee);--on-surface: #e8f1ed;--on-surface-variant: #a5bdb4;--outline: #1e4038;--track: #143530;--button-disabled-bg: #1e4038;--button-disabled-fg: #6e8a80;--score-good: var(--goed-groen-donker);--score-mid: var(--bijna-amber-donker);--score-bad: var(--fout-rood-donker);--danger: var(--fout-rood-donker)}}[data-accent=nl-nl]{--accent: var(--oranje);--on-accent: var(--diepzee)}[data-accent=nl-be]{--accent: var(--leeuwgeel);--on-accent: var(--diepzee)}:root{--m-ease: cubic-bezier(.22, 1, .36, 1);--m-enter: .4s;--m-enter-offset: 14px;--m-stagger: 60ms;--m-press: .12s;--m-press-scale: .97;--m-press-scale-round: .93;--m-dial: 1.1s;--m-bars: 1s;--m-bars-delay: .12s;--m-ring-sweep: 1.2s;--m-waveform-bar: .8s;--m-waveform-stagger: .1s;--m-speaking-ring: .28s;--m-bubble: .35s;--m-glow-drift: 9s;--m-toggle: .2s;--m-tick: .2s;--m-tick-scale: 1.15;--m-breath: 2.5s;--m-reveal-advance: .55s}@media(prefers-reduced-motion:reduce){:root{--m-enter: 0ms;--m-enter-offset: 0px;--m-stagger: 0ms;--m-press: 0ms;--m-press-scale: 1;--m-press-scale-round: 1;--m-dial: 0ms;--m-bars: 0ms;--m-bars-delay: 0ms;--m-ring-sweep: 0ms;--m-waveform-bar: 0ms;--m-waveform-stagger: 0ms;--m-speaking-ring: 0ms;--m-bubble: 0ms;--m-glow-drift: 0ms;--m-toggle: 0ms;--m-tick: 0ms;--m-tick-scale: 1;--m-breath: 0ms}}@keyframes fadeUp{0%{opacity:0;transform:translateY(var(--m-enter-offset))}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes breathe{0%,to{box-shadow:0 0 #5ed6b259}50%{box-shadow:0 0 0 18px #5ed6b200}}@keyframes floatGlow{0%,to{transform:translate(0)}50%{transform:translate(12px,-16px)}}@keyframes tick{0%{transform:scale(var(--m-tick-scale))}to{transform:scale(1)}}@font-face{font-family:Gabarito;src:url(/assets/fonts/Gabarito-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gabarito;src:url(/assets/fonts/Gabarito-800.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:InstrumentSans;src:url(/assets/fonts/InstrumentSans-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:InstrumentSans;src:url(/assets/fonts/InstrumentSans-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:InstrumentSans;src:url(/assets/fonts/InstrumentSans-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:InstrumentSans;src:url(/assets/fonts/InstrumentSans-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--surface);color:var(--on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}input,textarea,.selectable{-webkit-user-select:text;user-select:text}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--primary);text-decoration:none}:focus-visible,label:has(>input.sr-only:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tap-target{min-width:44px;min-height:44px}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.eyebrow{font-family:var(--font-body);font-size:var(--text-eyebrow-lg);font-weight:var(--eyebrow-weight);letter-spacing:var(--eyebrow-tracking);text-transform:uppercase;color:var(--on-surface-variant)}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.pill{border-radius:var(--radius-pill)}.stack-8,.stack-12,.stack-16,.stack-20{display:flex;flex-direction:column}.stack-8{gap:8px}.stack-12{gap:12px}.stack-16{gap:16px}.stack-20{gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.screen-padding{padding-left:clamp(20px,5vw,22px);padding-right:clamp(20px,5vw,22px)}