:root,[data-theme=light]{--color-primary: #435e91;--color-on-primary: #ffffff;--color-primary-container: #d8e2ff;--color-on-primary-container: #2a4678;--color-secondary: #675e40;--color-on-secondary: #ffffff;--color-secondary-container: #efe2bc;--color-on-secondary-container: #4f462a;--color-tertiary: #52643f;--color-on-tertiary: #ffffff;--color-tertiary-container: #d5eaba;--color-on-tertiary-container: #3b4c29;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-error-container: #ffdad6;--color-on-error-container: #93000a;--color-surface: #fff8f3;--color-on-surface: #201b13;--color-on-surface-variant: #4f4539;--color-surface-dim: #e4d8cc;--color-surface-bright: #fff8f3;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #fef2e5;--color-surface-container: #f8ecdf;--color-surface-container-high: #f2e6da;--color-surface-container-highest: #ede1d4;--color-outline: #817567;--color-outline-variant: #d2c4b4;--color-shadow: #000000;--color-scrim: #000000;--color-inverse-surface: #362f27;--color-inverse-primary: #adc7ff;--color-success: #2e7d32;--color-on-success: #ffffff;--color-success-container: #b8f0b4;--color-on-success-container: #00210a;--color-warning: #f57c00;--color-on-warning: #ffffff;--color-warning-container: #ffdcc2;--color-on-warning-container: #2e1500;--color-info: #1f5e79;--color-on-info: #ffffff;--color-info-container: #c2e8ff;--color-on-info-container: #001e2c;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 48px;--radius-none: 0;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--font-heading: "DM Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 4px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--focus-ring: 0 0 0 3px rgba(67, 94, 145, .32);--touch-target: 44px}[data-theme=dark]{--color-primary: #adc7ff;--color-on-primary: #102f60;--color-primary-container: #2a4678;--color-on-primary-container: #d8e2ff;--color-secondary: #d2c6a1;--color-on-secondary: #383016;--color-secondary-container: #4f462a;--color-on-secondary-container: #efe2bc;--color-tertiary: #b9cd9f;--color-on-tertiary: #253515;--color-tertiary-container: #3b4c29;--color-on-tertiary-container: #d5eaba;--color-error: #ffb4ab;--color-on-error: #690005;--color-error-container: #93000a;--color-on-error-container: #ffdad6;--color-surface: #16130b;--color-on-surface: #ece1d4;--color-on-surface-variant: #d2c4b4;--color-surface-dim: #16130b;--color-surface-bright: #3d382f;--color-surface-container-lowest: #100e07;--color-surface-container-low: #201b13;--color-surface-container: #241f17;--color-surface-container-high: #2f2920;--color-surface-container-highest: #3a342a;--color-outline: #9c8f7f;--color-outline-variant: #4f4539;--color-shadow: #000000;--color-scrim: #000000;--color-inverse-surface: #ece1d4;--color-inverse-primary: #435e91;--color-success: #7fd18a;--color-on-success: #00390f;--color-success-container: #1f5128;--color-on-success-container: #b8f0b4;--color-warning: #ffb77c;--color-on-warning: #4d2600;--color-warning-container: #6d3900;--color-on-warning-container: #ffdcc2;--color-info: #84d2f5;--color-on-info: #00344a;--color-info-container: #004c69;--color-on-info-container: #c2e8ff;--focus-ring: 0 0 0 3px rgba(173, 199, 255, .36);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 2px 4px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--color-on-surface);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--color-on-surface)}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#app{min-height:100vh;display:flex;flex-direction:column}