:root{--font-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-mono: "SFMono-Regular", ui-monospace, "Cascadia Mono", monospace;--text-xs: .8125rem;--text-sm: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--weight-regular: 400;--weight-medium: 600;--weight-bold: 700;--leading-tight: 1.15;--leading-normal: 1.5;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--radius-sm: .5rem;--radius-md: .9rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-pill: 999px;--control-min: 2.75rem;--control-md: 3.25rem;--control-lg: 3.75rem;--control-xl: 4.5rem;--dur-fast: .08s;--dur-base: .15s;--ease: ease;--content-narrow: 28rem;--content-wide: 44rem;--content-max: var(--content-narrow);--bp-tablet: 48rem;--bp-desktop: 64rem;--focus-width: 3px;--focus-offset: 2px;--bg: #e7f0ff;--bg-gradient: linear-gradient(160deg, #e7f0ff 0%, #f7faff 100%);--surface: #ffffff;--surface-2: #f8faff;--text: #1a2238;--text-muted: #495173;--text-subtle: #868e96;--primary: #4c6ef5;--primary-strong: #3b5bdb;--primary-contrast: #ffffff;--accent: #f59f00;--danger: #f03e3e;--danger-strong: #e03131;--success: #2f9e44;--border: #c3cef6;--focus-ring: #4c6ef5;--shadow-card: 0 18px 50px rgba(76, 110, 245, .18);--shadow-button: 0 10px 24px rgba(76, 110, 245, .35);--radius-card: var(--radius-xl);--radius-control: var(--radius-lg);--touch: var(--control-xl);--title-size: var(--text-3xl)}[data-mode=kind]{--radius-card: var(--radius-xl);--radius-control: var(--radius-lg);--touch: var(--control-xl);--title-size: var(--text-3xl)}[data-mode=erwachsen]{--radius-card: var(--radius-lg);--radius-control: var(--radius-md);--touch: var(--control-md);--title-size: var(--text-2xl)}[data-mode=kind][data-scheme=hell]{--bg: #e7f0ff;--bg-gradient: linear-gradient(160deg, #e7f0ff 0%, #f7faff 100%);--surface: #ffffff;--surface-2: #f8faff;--text: #1a2238;--text-muted: #495173;--text-subtle: #868e96;--primary: #4c6ef5;--primary-strong: #3b5bdb;--primary-contrast: #ffffff;--accent: #f59f00;--danger: #f03e3e;--danger-strong: #e03131;--success: #2f9e44;--border: #c3cef6;--focus-ring: #4c6ef5;--shadow-card: 0 18px 50px rgba(76, 110, 245, .18);--shadow-button: 0 10px 24px rgba(76, 110, 245, .35)}[data-mode=erwachsen][data-scheme=hell]{--bg: #eef1f4;--bg-gradient: linear-gradient(160deg, #eceef1 0%, #f5f6f8 100%);--surface: #ffffff;--surface-2: #f5f6f8;--text: #20242b;--text-muted: #50565f;--text-subtle: #868e96;--primary: #2563a8;--primary-strong: #1e4f87;--primary-contrast: #ffffff;--accent: #b07a00;--danger: #c92a2a;--danger-strong: #a51111;--success: #2b8a3e;--border: #d6dae0;--focus-ring: #2563a8;--shadow-card: 0 10px 30px rgba(32, 36, 43, .12);--shadow-button: 0 6px 16px rgba(37, 99, 168, .25)}[data-mode=kind][data-scheme=dunkel]{--bg: #131826;--bg-gradient: linear-gradient(160deg, #131826 0%, #1a2133 100%);--surface: #1e2638;--surface-2: #262f44;--text: #eef2ff;--text-muted: #b7c0dd;--text-subtle: #8993b3;--primary: #7d97f7;--primary-strong: #9fb2fa;--primary-contrast: #0f1422;--accent: #ffc046;--danger: #ff6b6b;--danger-strong: #ff8787;--success: #51cf66;--border: #38436a;--focus-ring: #9fb2fa;--shadow-card: 0 18px 50px rgba(0, 0, 0, .55);--shadow-button: 0 10px 24px rgba(0, 0, 0, .5)}[data-mode=erwachsen][data-scheme=dunkel]{--bg: #14171c;--bg-gradient: linear-gradient(160deg, #14171c 0%, #1b1f26 100%);--surface: #20252e;--surface-2: #272d38;--text: #eef1f5;--text-muted: #b6bdc7;--text-subtle: #8a929d;--primary: #5b8def;--primary-strong: #7aa2f2;--primary-contrast: #0e1116;--accent: #ffc046;--danger: #ff6b6b;--danger-strong: #ff8787;--success: #51cf66;--border: #39414e;--focus-ring: #7aa2f2;--shadow-card: 0 18px 50px rgba(0, 0, 0, .55);--shadow-button: 0 10px 24px rgba(0, 0, 0, .5)}:root{--kh-primary: var(--primary);--kh-primary-strong: var(--primary-strong);--kh-danger: var(--danger);--kh-danger-strong: var(--danger-strong);--kh-text: var(--text);--kh-text-muted: var(--text-muted);--kh-text-subtle: var(--text-subtle);--kh-surface: var(--surface);--kh-surface-sunken: var(--surface-2);--kh-border: var(--border);--kh-bg-gradient: var(--bg-gradient);--kh-radius: var(--radius-control);--kh-radius-lg: var(--radius-card);--kh-gap: var(--space-3);--kh-pad: var(--space-5);--kh-shadow-card: var(--shadow-card);--kh-shadow-button: var(--shadow-button);--kh-focus: var(--focus-width) solid var(--focus-ring);--kh-touch: var(--touch);--kh-font: var(--font-sans)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--text);background:var(--bg)}body{margin:0;min-height:100vh;font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text);background:var(--bg-gradient);-webkit-font-smoothing:antialiased}.kh-shell{--shell-width: var(--content-narrow);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);color:var(--text);background:var(--bg-gradient)}.kh-shell--narrow{--shell-width: var(--content-narrow)}.kh-shell--wide{--shell-width: var(--content-wide);align-items:flex-start}.kh-card{width:100%;max-width:var(--shell-width);background:var(--surface);border-radius:var(--radius-card);padding:var(--space-7) var(--space-6);text-align:center;box-shadow:var(--shadow-card)}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}