:root{--text-primary: #111111;--text-secondary: #ffffff;--text-muted: #555555;--text-inverse: #ffffff;--surface-1: #e5dcdc;--surface-2: #c8c6c6;--surface-3: #f0e68c;--page-background: transparent;--accent-1: #ff0000;--accent-2: #ffd700;--accent-3: #ff69b4;--accent-4: rgb(202, 45, 152);--danger: #ff0000;--success: #00aa00;--warning: #ffd700;--info: #0066ff;--disabled: #808080;--border-primary: #d4af37;--border-danger: #ff0000;--border-success: #00aa00;--border-warning: #ffd700;--border-info: #0066ff;--button-bg: #6d6d6d;--button-bg-hover: #7d7d7d;--button-bg-active: #888888;--button-bg-secondary: #808080;--button-bg-danger: var(--danger);--button-bg-success: var(--success);--button-text: #ffffff;--card-bg: var(--surface-1);--card-error-bg: var(--danger);--card-success-bg: var(--success);--card-info-bg: var(--info);--shadow-1: rgba(0, 0, 0, .15);--shadow-2: rgba(0, 0, 0, .25);--font-family-body: Arial, sans-serif;--font-family-display: Arial, 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-light{--text-primary: #111111;--text-secondary: #ffffff;--text-muted: #555555;--text-inverse: #ffffff;--surface-1: #e5dcdc;--surface-2: #c8c6c6;--surface-3: #f0e68c;--button-bg: #6d6d6d;--button-bg-hover: #7d7d7d;--button-bg-active: #888888;--button-text: #ffffff;--card-bg: var(--surface-1);--border-primary: #d4af37;--shadow-1: rgba(0, 0, 0, .15);--shadow-2: rgba(0, 0, 0, .25)}.theme-dark{--text-primary: #ffffff;--text-secondary: #111111;--text-muted: #c7c7c7;--text-inverse: #111111;--surface-1: #333333;--surface-2: #444444;--surface-3: #555555;--button-bg: #444444;--button-bg-hover: #555555;--button-bg-active: #666666;--button-text: #ffffff;--card-bg: var(--surface-1);--border-primary: #999966;--shadow-1: rgba(0, 0, 0, .35);--shadow-2: rgba(0, 0, 0, .55)}.theme-gray{--text-primary: #111111;--text-secondary: #ffffff;--text-muted: #444444;--text-inverse: #ffffff;--surface-1: gray;--surface-2: darkgray;--surface-3: #f0e68c;--button-bg: darkgray;--button-bg-hover: #7d7d7d;--button-bg-active: #909090;--button-text: #ffffff;--card-bg: var(--surface-1);--border-primary: #ffd700}.theme-darkgray{--text-primary: #111111;--text-secondary: #ffffff;--text-muted: #2f2f2f;--text-inverse: #ffffff;--surface-1: rgb(82, 81, 81);--surface-2: rgb(152, 150, 150);--surface-3: #f0e68c;--button-bg: darkgray;--button-bg-hover: #7d7d7d;--button-bg-active: #909090;--button-text: #ffffff;--card-bg: var(--surface-1);--border-primary: #ffd700}.theme-pink{--text-primary: #111111;--text-secondary: #ffffff;--text-muted: #4d2d3f;--text-inverse: #ffffff;--surface-1: pink;--surface-2: rgb(244, 123, 143);--surface-3: #ffe680;--accent-3: pink;--accent-4: rgb(202, 45, 152);--button-bg: rgb(202, 45, 152);--button-bg-hover: rgb(180, 40, 135);--button-bg-active: rgb(150, 35, 110);--button-text: #ffffff;--card-bg: var(--surface-1);--border-primary: rgb(19, 33, 163);--shadow-1: rgba(213, 35, 230, .35);--shadow-2: rgba(165, 17, 148, .45)}.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-roboto{--font-family-body: "Roboto", sans-serif;--font-family-display: "Roboto", 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-primary)}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-size:var(--font-size-md)}a{color:var(--accent-4)}.ql-editor{font-size:18px}