:root{--text-primary: #1f1720;--text-heading: color-mix(in srgb, var(--accent-4) 78%, var(--text-primary));--text-secondary: #ffffff;--text-muted: #6f5a66;--text-inverse: #ffffff;--surface-1: #f5e8ee;--surface-2: #ead5de;--surface-3: #fff7fa;--page-background: transparent;--accent-1: #f3a7c4;--accent-2: #e47aa7;--accent-3: #d94f91;--accent-4: #8a3d68;--danger: #c65b7d;--success: #3c9a68;--warning: #d9a441;--info: #8a5fa8;--disabled: #a39aa0;--border-primary: #d7a0b8;--border-danger: #b55474;--border-success: #3c9a68;--border-warning: #d9a441;--border-info: #8a5fa8;--button-bg: var(--accent-3);--button-bg-hover: #c84282;--button-bg-active: #b33773;--button-bg-secondary: #e7c0d2;--button-bg-danger: var(--danger);--button-bg-success: var(--success);--button-text: #ffffff;--card-bg: var(--surface-1);--card-error-bg: #f7d7df;--card-success-bg: #dff1e7;--card-info-bg: #eadff3;--shadow-1: rgba(46, 23, 36, .08);--shadow-2: rgba(46, 23, 36, .14);--font-family-body: "Trebuchet MS", sans-serif;--font-family-display: "Trebuchet MS", sans-serif;--font-family-fun: cursive;--font-size-xs: .75rem;--font-size-sm: .9rem;--font-size-md: 1rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-hero: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-round: 999px;--header-height: 72px;--content-max-width: 1100px;--transition-fast: .2s ease;--transition-base: .35s ease}.theme-pink{--text-primary: #2f1e28;--text-heading: #c84282;--text-secondary: #ffffff;--text-muted: #7a5a69;--text-inverse: #ffffff;--surface-1: #efd2dc;--surface-2: #e7c2d0;--surface-3: #faf1f5;--accent-1: #f3a7c4;--accent-2: #e47aa7;--accent-3: #d94f91;--accent-4: #8a3d68;--button-bg: var(--accent-3);--button-bg-hover: #c84282;--button-bg-active: #b33773;--button-text: #ffffff;--card-bg: var(--surface-1);--border-primary: #d79ab4;--shadow-1: rgba(138, 61, 104, .12);--shadow-2: rgba(138, 61, 104, .18)}.text-size-small{--font-size-xs: .7rem;--font-size-sm: .85rem;--font-size-md: .95rem;--font-size-lg: 1.3rem;--font-size-xl: 1.8rem;--font-size-hero: 3.2rem}.text-size-normal{--font-size-xs: .75rem;--font-size-sm: .9rem;--font-size-md: 1rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-hero: 4rem}.text-size-large{--font-size-xs: .85rem;--font-size-sm: 1rem;--font-size-md: 1.1rem;--font-size-lg: 1.7rem;--font-size-xl: 2.3rem;--font-size-hero: 4.4rem}.font-family-arial{--font-family-body: Arial, sans-serif;--font-family-display: Arial, sans-serif;--font-family-fun: cursive}.font-family-trebuchet{--font-family-body: "Trebuchet MS", sans-serif;--font-family-display: "Trebuchet MS", sans-serif;--font-family-fun: cursive}.font-family-playful{--font-family-body: Arial, sans-serif;--font-family-display: "Comic Sans MS", cursive, sans-serif;--font-family-fun: cursive}.font-family-cursive{--font-family-body: cursive;--font-family-display: cursive;--font-family-fun: cursive}.font-family-sans-serif{--font-family-body: sans-serif;--font-family-display: sans-serif;--font-family-fun: cursive}.font-family-serif{--font-family-body: serif;--font-family-display: serif;--font-family-fun: cursive}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--text-primary);background-color:var(--surface-2);font-family:var(--font-family-body);font-size:var(--font-size-md);line-height:1.5}app-root{display:flex;flex-direction:column;min-height:100vh}main{flex:1;display:flex;flex-direction:column;background-color:var(--page-background)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);color:var(--text-heading)}h1{font-size:var(--font-size-hero)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p,li,button,input,textarea,select{font-family:var(--font-family-body);font-size:var(--font-size-md)}a{color:var(--accent-4)}