.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root{--sko-brand-world-soil: #80532f;--sko-brand-world-soil-light: #a57445;--sko-brand-primary-edge: #4a2fc0;--sko-brand-primary-deep: #3b23a3;--sko-brand-primary-mid: #9a83f8;--sko-brand-primary-soft: #efe9ff;--sko-brand-line: #e9e5f1;--sko-brand-line-strong: #d8d2e5;--sko-brand-adult-line: #e6e3ef;--sko-brand-adult-line-strong: #d3cfe0;--sko-brand-adult-soft: #f1f0f5;--sko-brand-good: #1a8f4c;--sko-brand-good-edge: #0f6b37;--sko-brand-good-soft: #def5e6;--sko-brand-good-ink: #0d5c30;--sko-brand-good-border: #bfe9cd;--sko-brand-retry-soft: #fff0d6;--sko-brand-retry-ink: #8a4b00;--sko-brand-retry-border: #f6d9a8;--sko-brand-disabled: #ece9f3;--sko-brand-disabled-ink: #6a6580;--sko-brand-subject-rekenen: #3d8bfd;--sko-brand-subject-rekenen-soft: #e4efff;--sko-brand-subject-rekenen-ink: #1957c2;--sko-brand-subject-nederlands: #ef5d8c;--sko-brand-subject-nederlands-soft: #ffe6ee;--sko-brand-subject-nederlands-ink: #b0285a;--sko-brand-subject-engels: #ff8a3d;--sko-brand-subject-engels-soft: #fed;--sko-brand-subject-engels-ink: #a84a0c;--sko-brand-subject-topografie: #14b4c8;--sko-brand-subject-topografie-soft: #dcf5f8;--sko-brand-subject-topografie-ink: #0b6f7c;--sko-brand-subject-aardrijkskunde: #2fb36d;--sko-brand-subject-aardrijkskunde-soft: #dff5e8;--sko-brand-subject-aardrijkskunde-ink: #17703f;--sko-brand-subject-geschiedenis: #f5b21b;--sko-brand-subject-geschiedenis-soft: #fff3cf;--sko-brand-subject-geschiedenis-ink: #8a5a00;--sko-brand-subject-biologie: #8bc53f;--sko-brand-subject-biologie-soft: #edf7dc;--sko-brand-subject-biologie-ink: #3f6a0c;--sko-brand-cream: #fff0d6;--sko-brand-mint: #8edbbc;--sko-brand-coral: #db7381;--sko-brand-primary: #6c4cf0;--sko-brand-ink: #1f1b3a;--sko-brand-ink-soft: #0c0a18;--sko-brand-paper: #fff;--sko-brand-paper-soft: #f3f0f8;--sko-brand-white: #fff;--sko-brand-blue: #4297fc;--sko-brand-yellow: #fcb825;--sko-brand-green: #47d874;--sko-brand-on-primary: var(--sko-brand-white);--sko-brand-dark-surface: #16171f;--sko-brand-dark-raised: #1d1e29;--sko-brand-light-muted: #57526e;--sko-brand-light-subtle: #5d5a70;--sko-brand-dark-muted: #a5a5b5;--sko-brand-dark-subtle: #a5a5b5;--sko-brand-danger-light: #bc2f2f;--sko-brand-danger-dark: #ff6b6b;--sko-brand-success-light: #176b36;--sko-brand-warning-light: #805200;--sko-brand-info-light: #1b5eaf;--sko-brand-font: "InterVariable", "Inter", system-ui, sans-serif;--sko-brand-gold: #e2b23c;--sko-brand-gold-edge: #b5871d;--sko-brand-copper: #c8794a;--sko-brand-copper-edge: #9a5530;--sko-brand-silver: #d5d8de;--sko-brand-silver-edge: #9aa0aa;--sko-brand-note-5: #b9bcc4;--sko-brand-note-10: #e3828a;--sko-brand-note-20: #7fa6e6;--sko-brand-sea: #dcebfb;--sko-brand-soil: #a5774f;--sko-brand-earth: #ecdcc6;--sko-brand-leaf: #4caf6a;--sko-brand-leaf-dark: #2f7d48;--sko-brand-petal: #f2a7c3;--sko-brand-orange: #f39a2b;--sko-brand-lemon: #f6d33c;--sko-brand-red: #e0484d;--sko-brand-sky: #3f83e8;--sko-brand-grass: #3fae68;--sko-logo-background: var(--sko-brand-ink);--sko-logo-primary: var(--sko-brand-primary);--sko-logo-paper: var(--sko-brand-paper);--sko-logo-blue: var(--sko-brand-blue);--sko-logo-yellow: var(--sko-brand-yellow);--sko-logo-green: var(--sko-brand-green)}:root{--sko-brand-world-page: #f3f1f9;--sko-brand-world-tile-line: #ddd6ea;--sko-brand-world-sky: #dcefff;--sko-brand-world-sun: #ffc531;--sko-brand-world-sun-edge: #d99a00;--sko-brand-world-shadow: #1f4d2a;--sko-brand-world-dusk: #120f26;--sko-brand-world-dusk-surface: #1c1838;--sko-brand-world-dusk-raised: #241e44;--sko-brand-world-dusk-ink: #f4f2ff;--sko-brand-world-dusk-muted: #b9b2d9;--sko-brand-world-dusk-brand: #8b6cff;--sko-brand-world-dusk-button: #7350d8;--sko-brand-world-dusk-edge: #5b3fd6;--sko-brand-world-dusk-good: #143528;--sko-brand-world-dusk-good-ink: #8ef0bd;--sko-brand-world-dusk-good-accent: #2fbf78;--sko-brand-world-dusk-good-button: #176b43;--sko-brand-world-dusk-retry: #35290f;--sko-brand-world-dusk-retry-ink: #ffd59a;--sko-brand-world-dusk-warm: #ffb547;--sko-brand-world-glow: #ffd68c}:root{--sko-brand-world-counter: #f3d9b4;--sko-brand-world-counter-edge: #e2c193}:root{--sko-color-auth-scene-shade: color-mix( in srgb, var(--sko-brand-world-dusk-bg) 75%, transparent );--sko-color-playfield-soil: var(--sko-brand-world-soil);--sko-color-playfield-soil-light: var(--sko-brand-world-soil-light);--sko-mascot-purple: var(--sko-brand-primary-mid);--sko-color-fraction-cream: var(--sko-brand-cream);--sko-mascot-face: var(--sko-brand-cream);--sko-mascot-ink: var(--sko-brand-ink);--sko-mascot-white: var(--sko-brand-white);--sko-mascot-yellow: var(--sko-brand-yellow);--sko-mascot-blue: var(--sko-brand-blue);--sko-mascot-mint: var(--sko-brand-mint);--sko-mascot-tongue: var(--sko-brand-coral);--sko-color-primary: var(--sko-brand-primary);--sko-color-on-primary: var(--sko-brand-on-primary);--sko-color-primary-soft: color-mix(in srgb, var(--sko-color-primary) 18%, transparent);--sko-color-primary-hover: color-mix( in srgb, var(--sko-color-primary), var(--sko-brand-ink) 10% );--sko-color-primary-active: color-mix( in srgb, var(--sko-color-primary), var(--sko-brand-ink) 18% );--sko-color-focus-ring: color-mix(in srgb, var(--sko-color-primary), var(--sko-brand-ink) 28%);--sko-color-bg: var(--sko-brand-paper);--sko-color-surface: var(--sko-brand-white);--sko-color-surface-raised: var(--sko-brand-white);--sko-color-surface-sunken: var(--sko-brand-paper-soft);--sko-color-text: var(--sko-brand-ink);--sko-color-text-muted: var(--sko-brand-light-muted);--sko-color-text-subtle: var(--sko-brand-light-subtle);--sko-color-text-inverse: var(--sko-brand-paper);--sko-color-surface-hover: color-mix(in srgb, var(--sko-color-text) 5%, transparent);--sko-color-surface-active: color-mix(in srgb, var(--sko-color-text) 9%, transparent);--sko-color-border: color-mix(in srgb, var(--sko-color-text) 12%, transparent);--sko-color-border-strong: color-mix(in srgb, var(--sko-color-text) 26%, transparent);--sko-color-danger: var(--sko-brand-danger-light);--sko-color-success: var(--sko-brand-success-light);--sko-color-warning: var(--sko-brand-warning-light);--sko-color-info: var(--sko-brand-info-light);--sko-color-accent-yellow: var(--sko-brand-yellow);--sko-color-danger-soft: color-mix( in srgb, var(--sko-color-danger) 12%, var(--sko-color-surface) );--sko-color-success-soft: color-mix( in srgb, var(--sko-color-success) 12%, var(--sko-color-surface) );--sko-color-warning-soft: color-mix( in srgb, var(--sko-brand-yellow) 22%, var(--sko-color-surface) );--sko-color-digital-surface: var(--sko-brand-ink);--sko-color-digital-text: var(--sko-brand-green);--sko-color-digital-icon: var(--sko-brand-paper);--sko-color-info-soft: color-mix(in srgb, var(--sko-color-info) 12%, var(--sko-color-surface));--sko-color-accent-green: var(--sko-brand-green);--sko-color-art-ink: var(--sko-brand-ink);--sko-color-art-paper: var(--sko-brand-paper);--sko-color-art-shine: color-mix(in srgb, var(--sko-brand-white) 55%, transparent);--sko-color-coin-gold: var(--sko-brand-gold);--sko-color-coin-gold-edge: var(--sko-brand-gold-edge);--sko-color-coin-copper: var(--sko-brand-copper);--sko-color-coin-copper-edge: var(--sko-brand-copper-edge);--sko-color-coin-silver: var(--sko-brand-silver);--sko-color-coin-silver-edge: var(--sko-brand-silver-edge);--sko-color-note-5: var(--sko-brand-note-5);--sko-color-note-10: var(--sko-brand-note-10);--sko-color-note-20: var(--sko-brand-note-20);--sko-color-note-edge: color-mix(in srgb, var(--sko-brand-ink) 25%, transparent);--sko-color-money-text: var(--sko-brand-ink);--sko-color-sea: var(--sko-brand-sea);--sko-color-soil: var(--sko-brand-soil);--sko-color-earth: var(--sko-brand-earth);--sko-color-leaf: var(--sko-brand-leaf);--sko-color-leaf-dark: var(--sko-brand-leaf-dark);--sko-color-petal: var(--sko-brand-petal);--sko-color-petal-heart: var(--sko-brand-yellow);--sko-color-picture-orange: var(--sko-brand-orange);--sko-color-picture-yellow: var(--sko-brand-lemon);--sko-color-picture-red: var(--sko-brand-red);--sko-color-picture-blue: var(--sko-brand-sky);--sko-color-picture-green: var(--sko-brand-grass);--sko-color-picture-grey: var(--sko-brand-silver-edge);--sko-color-picture-leaf: var(--sko-brand-leaf);--sko-color-backdrop: color-mix(in srgb, var(--sko-brand-ink) 45%, transparent);--sko-shadow-sm: 0 1px 2px color-mix(in srgb, var(--sko-brand-ink) 8%, transparent);--sko-shadow-md: 0 8px 24px color-mix(in srgb, var(--sko-brand-ink) 12%, transparent);--sko-font-family: var(--sko-brand-font);--sko-text-xs: .75rem;--sko-text-sm: .875rem;--sko-text-md: 1rem;--sko-text-lg: 1.125rem;--sko-text-xl: 1.375rem;--sko-text-2xl: 1.75rem;--sko-text-3xl: 2.25rem;--sko-leading-tight: 1.2;--sko-leading-snug: 1.35;--sko-leading-normal: 1.5;--sko-weight-medium: 500;--sko-weight-semibold: 600;--sko-weight-bold: 700;--sko-space-1: 4px;--sko-space-2: 8px;--sko-space-3: 12px;--sko-space-4: 16px;--sko-space-5: 20px;--sko-space-6: 24px;--sko-space-8: 32px;--sko-space-10: 40px;--sko-space-12: 48px;--sko-space-16: 64px;--sko-radius-sm: 8px;--sko-radius-md: 12px;--sko-radius-lg: 16px;--sko-radius-pill: 999px;--sko-control-height-sm: 32px;--sko-control-height-md: 40px;--sko-control-height-lg: 48px;--sko-control-height-xl: 56px;--sko-control-height-kid: 64px;--sko-topbar-height: 56px;--sko-toolbar-width: 56px;--sko-page-max-width: 1200px;--sko-focus-ring-width: 2px;--sko-opacity-dimmed: .45;--sko-duration-fast: .12s;--sko-duration-normal: .2s;--sko-ease: cubic-bezier(.2, 0, 0, 1)}:root[data-theme=light],[data-theme=light]{color-scheme:light}:root{--sko-color-money-counter: var(--sko-brand-world-counter);--sko-color-money-counter-edge: var(--sko-brand-world-counter-edge)}:root{--sko-color-picture-shadow: var(--sko-brand-ink-soft)}:root,[data-sko-style=adult]{color-scheme:light;--sko-color-data-0: var(--sko-brand-adult-soft);--sko-color-data-1: color-mix(in srgb, var(--sko-brand-primary) 12%, var(--sko-brand-white));--sko-color-data-2: color-mix(in srgb, var(--sko-brand-primary) 28%, var(--sko-brand-white));--sko-color-data-3: color-mix(in srgb, var(--sko-brand-primary) 44%, var(--sko-brand-white));--sko-color-data-4: var(--sko-brand-primary-edge);--sko-color-data-5: var(--sko-brand-primary);--sko-color-bg: var(--sko-brand-white);--sko-color-surface: var(--sko-brand-white);--sko-color-surface-raised: var(--sko-brand-white);--sko-color-surface-sunken: var(--sko-brand-paper-soft);--sko-color-text: var(--sko-brand-ink);--sko-color-text-muted: var(--sko-brand-light-muted);--sko-color-text-subtle: var(--sko-brand-light-subtle);--sko-color-text-inverse: var(--sko-brand-white);--sko-color-on-primary: var(--sko-brand-white);--sko-color-success: var(--sko-brand-good-ink);--sko-color-success-fill: var(--sko-brand-good);--sko-color-success-soft: var(--sko-brand-good-soft);--sko-color-success-edge: var(--sko-brand-good-edge);--sko-color-success-border: var(--sko-brand-good-border);--sko-color-retry: var(--sko-brand-retry-ink);--sko-color-retry-soft: var(--sko-brand-retry-soft);--sko-color-retry-border: var(--sko-brand-retry-border);--sko-color-disabled: var(--sko-brand-disabled);--sko-color-disabled-text: var(--sko-brand-disabled-ink);--sko-color-hero-pattern: color-mix(in srgb, var(--sko-brand-white) 12%, transparent);--sko-color-dot-pattern: color-mix(in srgb, var(--sko-brand-white) 70%, transparent);--sko-card-radius: 20px;--sko-card-border: 1px;--sko-card-depth: 0px;--sko-control-height-sm: 44px;--sko-control-height-lg: 52px;--sko-control-height-xl: 58px;--sko-focus-ring-width: 3px;--sko-radius-sm: 12px;--sko-radius-md: 14px;--sko-radius-lg: 20px;--sko-font-young-display: "Fredoka", system-ui, sans-serif;--sko-font-young-body: "Nunito", system-ui, sans-serif;--sko-font-adult: var(--sko-brand-font);--sko-font-family: var(--sko-brand-font);--sko-font-display: "Fredoka", var(--sko-brand-font);--sko-button-font: var(--sko-font-display);--sko-button-size: 16px;--sko-button-padding: 20px;--sko-button-letter-spacing: .01em;--sko-button-radius: 14px;--sko-button-depth: 3px;--sko-control-height-md: 46px;--sko-answer-height: 60px;--sko-answer-size: 18px;--sko-answer-depth: 2px;--sko-answer-border: 1.5px;--sko-answer-radius: 16px;--sko-answer-columns: minmax(0, 1fr);--sko-answer-gap: 10px;--sko-color-progress-current: var(--sko-brand-primary-mid);--sko-progress-height: 8px;--sko-feedback-title-size: 22px;--sko-feedback-radius: 22px;--sko-nav-font-size: 12px;--sko-nav-height: 78px;--sko-subject-name-size: 18px;--sko-color-primary: var(--sko-brand-ink);--sko-color-primary-edge: var(--sko-brand-ink-soft);--sko-color-primary-soft: var(--sko-brand-adult-soft);--sko-color-primary-text: var(--sko-brand-ink);--sko-color-primary-hover: var(--sko-brand-ink-soft);--sko-color-primary-active: var(--sko-brand-ink-soft);--sko-color-focus-ring: var(--sko-brand-ink);--sko-color-border: var(--sko-brand-adult-line);--sko-color-border-strong: var(--sko-brand-adult-line-strong)}[data-sko-style=young],[data-sko-style=older]{color-scheme:light;--sko-color-data-0: var(--sko-brand-adult-soft);--sko-color-data-1: color-mix(in srgb, var(--sko-brand-primary) 12%, var(--sko-brand-white));--sko-color-data-2: color-mix(in srgb, var(--sko-brand-primary) 28%, var(--sko-brand-white));--sko-color-data-3: color-mix(in srgb, var(--sko-brand-primary) 44%, var(--sko-brand-white));--sko-color-data-4: var(--sko-brand-primary-edge);--sko-color-data-5: var(--sko-brand-primary);--sko-color-bg: var(--sko-brand-white);--sko-color-surface: var(--sko-brand-white);--sko-color-surface-raised: var(--sko-brand-white);--sko-color-surface-sunken: var(--sko-brand-paper-soft);--sko-color-text: var(--sko-brand-ink);--sko-color-text-muted: var(--sko-brand-light-muted);--sko-color-text-subtle: var(--sko-brand-light-subtle);--sko-color-text-inverse: var(--sko-brand-white);--sko-color-on-primary: var(--sko-brand-white);--sko-color-success: var(--sko-brand-good-ink);--sko-color-success-fill: var(--sko-brand-good);--sko-color-success-soft: var(--sko-brand-good-soft);--sko-color-success-edge: var(--sko-brand-good-edge);--sko-color-success-border: var(--sko-brand-good-border);--sko-color-retry: var(--sko-brand-retry-ink);--sko-color-retry-soft: var(--sko-brand-retry-soft);--sko-color-retry-border: var(--sko-brand-retry-border);--sko-color-disabled: var(--sko-brand-disabled);--sko-color-disabled-text: var(--sko-brand-disabled-ink);--sko-color-hero-pattern: color-mix(in srgb, var(--sko-brand-white) 12%, transparent);--sko-color-dot-pattern: color-mix(in srgb, var(--sko-brand-white) 70%, transparent);--sko-card-radius: 20px;--sko-card-border: 1px;--sko-card-depth: 0px;--sko-control-height-sm: 44px;--sko-control-height-lg: 52px;--sko-control-height-xl: 58px;--sko-focus-ring-width: 3px;--sko-radius-sm: 12px;--sko-radius-md: 14px;--sko-radius-lg: 20px;--sko-font-young-display: "Fredoka", system-ui, sans-serif;--sko-font-young-body: "Nunito", system-ui, sans-serif;--sko-font-adult: var(--sko-brand-font);--sko-font-family: var(--sko-brand-font);--sko-font-display: "Fredoka", var(--sko-brand-font);--sko-button-font: var(--sko-font-display);--sko-button-size: 16px;--sko-button-padding: 20px;--sko-button-letter-spacing: .01em;--sko-button-radius: 14px;--sko-button-depth: 3px;--sko-control-height-md: 46px;--sko-answer-height: 60px;--sko-answer-size: 18px;--sko-answer-depth: 2px;--sko-answer-border: 1.5px;--sko-answer-radius: 16px;--sko-answer-columns: minmax(0, 1fr);--sko-answer-gap: 10px;--sko-color-progress-current: var(--sko-brand-primary-mid);--sko-progress-height: 8px;--sko-feedback-title-size: 22px;--sko-feedback-radius: 22px;--sko-nav-font-size: 12px;--sko-nav-height: 78px;--sko-subject-name-size: 18px;--sko-color-primary: var(--sko-brand-primary);--sko-color-primary-edge: var(--sko-brand-primary-edge);--sko-color-primary-soft: var(--sko-brand-primary-soft);--sko-color-primary-text: var(--sko-brand-primary-edge);--sko-color-primary-hover: var(--sko-brand-primary-edge);--sko-color-primary-active: var(--sko-brand-primary-deep);--sko-color-focus-ring: var(--sko-brand-primary);--sko-color-border: var(--sko-brand-line);--sko-color-border-strong: var(--sko-brand-line-strong);--sko-card-border: 1.5px;--sko-card-radius: 18px;--sko-control-height-md: 52px;--sko-button-font: var(--sko-brand-font);--sko-button-padding: 22px;--sko-button-letter-spacing: 0;--sko-font-display: "Bricolage Grotesque", var(--sko-brand-font);font-family:var(--sko-font-family);font-weight:var(--sko-weight-medium);color:var(--sko-color-text);background:var(--sko-color-bg)}[data-sko-style=young]{--sko-font-family: "Nunito", system-ui, sans-serif;--sko-font-display: "Fredoka", "Nunito", system-ui, sans-serif;--sko-button-font: var(--sko-font-display);--sko-button-size: 20px;--sko-button-padding: 26px;--sko-button-letter-spacing: .01em;--sko-button-radius: 18px;--sko-button-depth: 5px;--sko-control-height-md: 58px;--sko-card-border: 2px;--sko-card-radius: 24px;--sko-card-depth: 4px;--sko-answer-height: 92px;--sko-answer-size: 34px;--sko-answer-depth: 5px;--sko-answer-border: 2px;--sko-answer-radius: 24px;--sko-answer-columns: repeat(2, minmax(0, 1fr));--sko-answer-gap: 14px;--sko-progress-height: 14px;--sko-feedback-title-size: 28px;--sko-feedback-radius: 30px;--sko-nav-font-size: 14px;--sko-nav-height: 86px;--sko-subject-name-size: 21px;font-weight:var(--sko-weight-semibold)}[data-sko-style=adult]{font-family:var(--sko-font-family);color:var(--sko-color-text);background:var(--sko-color-bg)}[data-subject=rekenen]{--sko-subject-color: var(--sko-brand-subject-rekenen);--sko-subject-soft: var(--sko-brand-subject-rekenen-soft);--sko-subject-ink: var(--sko-brand-subject-rekenen-ink)}[data-subject=nederlands]{--sko-subject-color: var(--sko-brand-subject-nederlands);--sko-subject-soft: var(--sko-brand-subject-nederlands-soft);--sko-subject-ink: var(--sko-brand-subject-nederlands-ink)}[data-subject=engels]{--sko-subject-color: var(--sko-brand-subject-engels);--sko-subject-soft: var(--sko-brand-subject-engels-soft);--sko-subject-ink: var(--sko-brand-subject-engels-ink)}[data-subject=topografie]{--sko-subject-color: var(--sko-brand-subject-topografie);--sko-subject-soft: var(--sko-brand-subject-topografie-soft);--sko-subject-ink: var(--sko-brand-subject-topografie-ink)}[data-subject=aardrijkskunde]{--sko-subject-color: var(--sko-brand-subject-aardrijkskunde);--sko-subject-soft: var(--sko-brand-subject-aardrijkskunde-soft);--sko-subject-ink: var(--sko-brand-subject-aardrijkskunde-ink)}[data-subject=geschiedenis]{--sko-subject-color: var(--sko-brand-subject-geschiedenis);--sko-subject-soft: var(--sko-brand-subject-geschiedenis-soft);--sko-subject-ink: var(--sko-brand-subject-geschiedenis-ink)}[data-subject=biologie]{--sko-subject-color: var(--sko-brand-subject-biologie);--sko-subject-soft: var(--sko-brand-subject-biologie-soft);--sko-subject-ink: var(--sko-brand-subject-biologie-ink)}[data-sko-style=older]{--sko-control-height-xl: 52px}.table-wrap{overflow-x:auto;border:1px solid var(--sko-color-border);border-radius:var(--sko-radius-md);background:var(--sko-color-surface)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--sko-text-sm)}.table th,.table td{padding:var(--sko-space-4);vertical-align:top}.table th{font-size:var(--sko-text-xs);color:var(--sko-color-text-muted);font-weight:var(--sko-weight-medium);background:var(--sko-color-surface-sunken)}.table tbody tr+tr{border-top:1px solid var(--sko-color-border)}.table small{display:block;color:var(--sko-color-text-muted);font-size:var(--sko-text-xs);margin-top:var(--sko-space-1)}.table a{font-weight:var(--sko-weight-semibold);text-underline-offset:3px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));align-items:end;gap:var(--sko-space-4)}.feedback-error{padding:var(--sko-space-3) var(--sko-space-4);border-radius:var(--sko-radius-sm);color:var(--sko-color-danger);background:var(--sko-color-danger-soft)}.feedback-success{padding:var(--sko-space-3) var(--sko-space-4);border-radius:var(--sko-radius-sm);color:var(--sko-color-success);background:var(--sko-color-success-soft)}.sko-dialog-backdrop{background:var(--sko-color-backdrop)}@media(width<720px){.table,.table tbody,.table tr,.table td{display:block}.table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.table td{padding:var(--sko-space-2) var(--sko-space-4)}.table tr{padding-block:var(--sko-space-3)}.table td[data-label]:before{content:attr(data-label) ": ";font-weight:var(--sko-weight-medium);color:var(--sko-color-text-muted)}}.kid-page{gap:var(--sko-space-8);font-size:var(--sko-text-lg)}.kid-stage{display:flex;flex-direction:column;gap:var(--sko-space-6);width:100%;max-width:720px;margin:0 auto;padding:var(--sko-space-8) var(--sko-space-6) var(--sko-space-16);font-size:var(--sko-text-lg)}.kid-title{font-size:var(--sko-text-3xl);font-weight:var(--sko-weight-bold);letter-spacing:-.02em;line-height:var(--sko-leading-tight);overflow-wrap:anywhere}.kid-title:focus,.kid-q:focus{outline:none}.kid-lead{color:var(--sko-color-text-muted);font-size:var(--sko-text-lg)}.kid-q{font-size:var(--sko-text-2xl);font-weight:var(--sko-weight-bold);letter-spacing:-.015em;line-height:1.3;overflow-wrap:anywhere}.kid-section{display:flex;flex-direction:column;gap:var(--sko-space-3)}.kid-section-title{font-size:var(--sko-text-xl);font-weight:var(--sko-weight-semibold);line-height:var(--sko-leading-snug)}.kid-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:var(--sko-space-5);border:2px solid var(--sko-color-border);border-radius:var(--sko-radius-lg);background:var(--sko-color-surface-raised);color:inherit;text-decoration:none}a.kid-card:hover{border-color:var(--sko-color-primary)}.kid-card-title{font-size:var(--sko-text-xl);font-weight:var(--sko-weight-bold);line-height:var(--sko-leading-snug);overflow-wrap:anywhere}.kid-error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sko-space-3);padding:var(--sko-space-5);border-radius:var(--sko-radius-md);background:var(--sko-color-danger-soft)}.kid-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--sko-color-text-muted);font-size:var(--sko-text-md);font-weight:var(--sko-weight-medium);text-decoration:none;border-radius:var(--sko-radius-sm)}.kid-back:hover{color:var(--sko-color-text)}.kid-progress{display:flex;flex-direction:column;gap:10px}.kid-progress-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sko-space-2);color:var(--sko-color-text-muted);font-size:var(--sko-text-md);font-weight:var(--sko-weight-medium)}.kid-progress-track{position:relative;height:8px;overflow:hidden;border-radius:var(--sko-radius-pill);background:var(--sko-color-surface-active)}.kid-progress-bar{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--sko-color-primary);transition:width var(--sko-duration-fast) var(--sko-ease)}.kid-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sko-space-3)}@media(width<=719px){.kid-page{gap:var(--sko-space-6)}.kid-stage{gap:var(--sko-space-5);padding:var(--sko-space-5) var(--sko-space-4) var(--sko-space-12)}.kid-title{font-size:var(--sko-text-2xl)}.kid-q{font-size:var(--sko-text-xl)}.kid-actions>*{flex:1 1 auto}.kid-actions>.kid-spacer{display:none}}.kid-head{display:flex;flex-direction:column;gap:6px}.kid-top-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sko-space-2) var(--sko-space-4)}.kid-spacer{flex:1}.kid-chip{display:inline-flex;align-items:center;max-width:100%;min-height:24px;padding:2px var(--sko-space-2);border-radius:var(--sko-radius-pill);background:var(--sko-color-warning-soft);color:var(--sko-color-text);font-size:var(--sko-text-xs);font-weight:var(--sko-weight-medium);line-height:var(--sko-leading-tight)}.kid-chip[data-tone=info]{background:var(--sko-color-info-soft)}.kid-emblem{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:var(--sko-radius-pill);background:var(--sko-color-success-soft)}.kid-emblem[data-tone=warning]{background:var(--sko-color-warning-soft)}.kid-emblem sko-icon{width:40px;height:40px}.kid-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid var(--sko-color-border-strong);border-radius:var(--sko-radius-pill);font-size:var(--sko-text-sm);font-weight:var(--sko-weight-bold)}.kid-visual-stage{display:flex;flex-direction:column;gap:var(--sko-space-6);width:100%;max-width:720px;margin:0 auto;padding:var(--sko-space-8) var(--sko-space-6) var(--sko-space-16);font-size:var(--sko-text-lg)}.kid-visual-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sko-space-6)}.kid-visual-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sko-space-5);padding:var(--sko-space-6);border:2px solid var(--sko-color-border);border-radius:var(--sko-radius-lg);background:var(--sko-color-surface-raised)}.kid-visual-work{display:flex;flex-direction:column;justify-content:center;gap:var(--sko-space-5);min-width:0}.kid-visual-heading{display:flex;flex-direction:column;gap:var(--sko-space-2)}.kid-visual-lead{color:var(--sko-color-text-muted);font-size:var(--sko-text-lg);line-height:var(--sko-leading-normal)}.kid-visual-figure{position:relative;width:100%;max-width:300px;aspect-ratio:1/1}.kid-visual-situation{max-width:400px;color:var(--sko-color-text-muted);font-size:var(--sko-text-lg);text-align:center}@media(min-width:940px){.kid-visual-stage{max-width:1200px;padding:var(--sko-space-8) var(--sko-space-10) var(--sko-space-16)}.kid-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sko-space-8)}.kid-visual-panel{min-height:560px;padding:var(--sko-space-8)}.kid-visual-figure{max-width:420px}}@media(width<=719px){.kid-visual-stage{gap:var(--sko-space-5);padding:var(--sko-space-5) var(--sko-space-4) var(--sko-space-12)}.kid-visual-panel{gap:var(--sko-space-4);padding:var(--sko-space-5) var(--sko-space-4)}.kid-visual-figure{max-width:280px}.kid-visual-lead,.kid-visual-situation{font-size:var(--sko-text-md)}}.kid-tag,.kid-progress-tag{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:var(--sko-radius-pill);background:var(--sko-color-surface-sunken);color:var(--sko-color-text);font-size:var(--sko-text-xs);font-weight:var(--sko-weight-semibold)}.kid-progress-tag{background:var(--sko-color-success-soft)}.kid-note{display:flex;align-items:flex-start;gap:var(--sko-space-3);padding:var(--sko-space-4);border-radius:var(--sko-radius-md);background:var(--sko-color-warning-soft);font-size:var(--sko-text-md)}.kid-note sko-icon{flex:none;width:24px;height:24px}.kid-row-title{font-size:var(--sko-text-lg);font-weight:var(--sko-weight-semibold);line-height:var(--sko-leading-snug)}.kid-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sko-space-3)}.kid-row-link{display:inline-flex;align-items:center;min-height:44px;color:var(--sko-color-text-muted);font-size:var(--sko-text-sm);font-weight:var(--sko-weight-medium);text-decoration:none}.kid-row-link:hover{color:var(--sko-color-text);text-decoration:underline;text-decoration-color:var(--sko-color-primary);text-underline-offset:3px}.kid-lessons{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sko-space-3);margin:0;padding:0;list-style:none}@media(min-width:720px){.kid-lessons[data-columns=many]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=1100px){.kid-lessons[data-columns=many]{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-sko-style=young] .kid-visual-panel{padding:20px;border-color:var(--sko-subject-color);border-radius:24px;background-color:var(--sko-subject-soft);background-image:radial-gradient(var(--sko-color-dot-pattern) 2px,transparent 2.5px);background-size:18px 18px;box-shadow:0 5px 0 var(--sko-subject-color)}@media(width<940px){[data-sko-style=young] .kid-visual-grid{display:flex;flex-direction:column;gap:18px}[data-sko-style=young] .kid-visual-work{display:contents}[data-sko-style=young] .kid-visual-heading{order:-1}[data-sko-style=young] .kid-visual-panel{order:0}[data-sko-style=young] .kid-visual-grid .answer-form{order:1}}[data-sko-style=older] .kid-title,[data-sko-style=older] .kid-q,[data-sko-style=older] .kid-card-title,[data-sko-style=older] .kid-row-title{font-family:var(--sko-font-display)}[data-sko-style=older] .kid-visual-panel{padding:20px;border-width:1.5px;border-radius:18px;background:var(--sko-subject-soft, var(--sko-color-surface))}[data-sko-style=older] .kid-card{border-width:1.5px;border-radius:18px}.kid-visual-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sko-space-3);min-width:0;margin:0;padding:0;border:0}.kid-visual-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sko-space-2);min-width:0;min-height:148px;padding:var(--sko-space-6) var(--sko-space-3) var(--sko-space-4);border:2px solid var(--sko-color-border-strong);border-radius:var(--sko-radius-lg);background:var(--sko-color-surface);color:inherit;font:inherit;cursor:pointer;transition:border-color var(--sko-duration-fast) var(--sko-ease),background var(--sko-duration-fast) var(--sko-ease)}.kid-visual-option:hover{border-color:var(--sko-color-primary)}.kid-visual-option:has(input:focus-visible){outline:var(--sko-focus-ring-width) solid var(--sko-color-focus-ring);outline-offset:2px}.kid-visual-option>input{position:absolute;inset:0;width:100%;height:100%;z-index:1;margin:0;opacity:0;cursor:inherit}.kid-visual-option.selected{border-color:var(--sko-color-primary);background:var(--sko-color-primary-soft)}.kid-visual-options:disabled .kid-visual-option{cursor:default}.kid-visual-options:disabled .kid-visual-option:not(.selected):hover{border-color:var(--sko-color-border-strong)}.kid-visual-option>.kid-mark{position:absolute;top:12px;left:12px}.kid-visual-option.selected>.kid-mark{border-color:var(--sko-color-primary);background:var(--sko-color-primary);color:var(--sko-color-on-primary)}.kid-visual-option[data-state=right],.kid-visual-options:disabled .kid-visual-option[data-state=right]:hover{border-color:var(--sko-color-success);background:var(--sko-color-success-soft)}.kid-visual-option[data-state=wrong],.kid-visual-options:disabled .kid-visual-option[data-state=wrong]:hover{border-color:var(--sko-color-accent-yellow);background:var(--sko-color-warning-soft)}.kid-verdict{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--sko-radius-pill);background:var(--sko-color-success);color:var(--sko-color-surface)}.kid-tally{margin:0;color:var(--sko-color-text-muted);font-size:var(--sko-text-md);font-weight:var(--sko-weight-medium);text-align:center}.kid-section-label{margin:0;color:var(--sko-color-text-muted);font-size:var(--sko-text-md);font-weight:var(--sko-weight-semibold)}.kid-credit{margin:0;color:var(--sko-color-text-muted);font-size:var(--sko-text-xs);text-align:center}.kid-flashcard-answer{font-size:var(--sko-text-3xl);font-weight:var(--sko-weight-bold);letter-spacing:-.02em;line-height:var(--sko-leading-tight)}.kid-flashcard-explanation{font-size:var(--sko-text-lg);line-height:var(--sko-leading-normal)}.kind-preview-words{font-size:var(--sko-text-lg);font-weight:var(--sko-weight-semibold)}@media(min-width:940px){.kid-visual-options{gap:var(--sko-space-4)}}@media(width<=719px){.kid-visual-option{min-height:128px;padding:var(--sko-space-5) var(--sko-space-2) var(--sko-space-3)}.kid-flashcard-answer{font-size:var(--sko-text-2xl)}}@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;src:url(/fonts/InterVariable.woff2) format("woff2");font-display:swap}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;src:url(/fonts/InterVariable-Italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;src:url(/fonts/Fredoka-Variable.ttf) format("truetype");font-display:swap}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;src:url(/fonts/Nunito-Variable.ttf) format("truetype");font-display:swap}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;src:url(/fonts/BricolageGrotesque-Variable.ttf) format("truetype");font-display:swap}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;background:var(--sko-color-bg)}body{margin:0;color:var(--sko-color-text);font-family:var(--sko-font-family);font-size:var(--sko-text-sm);line-height:var(--sko-leading-normal)}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--sko-focus-ring-width) solid var(--sko-color-focus-ring);outline-offset:3px}h1,h2,h3,p{margin:0}a{color:var(--sko-color-text)}svg{display:block}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page{display:flex;flex-direction:column;gap:var(--sko-space-8);max-width:var(--sko-page-max-width);margin:0 auto;padding:var(--sko-space-8) var(--sko-space-6) var(--sko-space-12)}.page-header{display:flex;flex-direction:column;gap:var(--sko-space-2)}.page-title{font-family:var(--sko-font-display);font-size:var(--sko-text-2xl);font-weight:var(--sko-weight-semibold);line-height:var(--sko-leading-tight);letter-spacing:-.025em}.muted,.page-subtitle{color:var(--sko-color-text-muted)}.section-heading{font-size:var(--sko-text-md);font-weight:var(--sko-weight-semibold)}.section-header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--sko-space-3);margin-bottom:var(--sko-space-4)}.section-link{font-size:var(--sko-text-sm);text-underline-offset:4px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sko-space-3)}.stack{display:flex;flex-direction:column;gap:var(--sko-space-4)}.panel{padding:var(--sko-space-6);border:1px solid var(--sko-color-border);border-radius:var(--sko-radius-lg);background:var(--sko-color-surface)}.notice{display:flex;align-items:flex-start;gap:var(--sko-space-3);padding:var(--sko-space-3) var(--sko-space-4);border:1px solid var(--sko-color-border);border-radius:var(--sko-radius-md);background:var(--sko-color-surface);color:var(--sko-color-text-muted);font-size:var(--sko-text-xs)}.input{width:100%;min-height:var(--sko-control-height-md);border:1px solid var(--sko-color-border-strong);border-radius:var(--sko-radius-sm);padding:var(--sko-space-2) var(--sko-space-3);background:var(--sko-color-surface)}.input::placeholder{color:var(--sko-color-text-subtle)}.label{font-weight:var(--sko-weight-medium)}@media(width<=719px){.page{padding:var(--sko-space-6) var(--sko-space-4) var(--sko-space-8);gap:var(--sko-space-6)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}app-layout .page{padding:28px 44px 48px;max-width:1440px;gap:24px}app-layout .page-title{font:600 34px/1.1 var(--sko-font-display);letter-spacing:-.02em}app-layout .section-heading,app-layout .section-header h2{font:600 21px/1.2 var(--sko-font-display)}app-layout .panel{border-radius:20px;padding:22px;box-shadow:none}app-layout .table th{color:var(--sko-color-text-muted);font-size:13px}app-layout .table td{font-size:14px}@media(width<960px){app-layout .page{padding:22px 20px 36px;gap:22px}app-layout .page-title{font-size:30px}app-layout .panel{padding:18px}}html[data-reduced-motion] *,html[data-reduced-motion] *:before,html[data-reduced-motion] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}