*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #16162a;--bg-hover: #2a2a4a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--text-hint: #555555;--border: #2a2a4a;--border-hover: #3a3a5a;--accent: #7c5cfc;--accent-hover: #6a4ce0;--accent-light: rgba(124, 92, 252, .15);--accent-border: rgba(124, 92, 252, .3);--danger: #ff4d4d;--danger-bg: rgba(255, 77, 77, .1);--danger-border: rgba(255, 77, 77, .3);--success: #2ecc71;--canvas-bg: #0f0f1a;--eraser-color: #0f0f1a;--shadow: rgba(0, 0, 0, .3);--shadow-heavy: rgba(0, 0, 0, .4);--gradient-brand: linear-gradient(135deg, #7c5cfc 0%, #fc5c7d 100%);--accent-pink: #fc5c7d;--accent-teal: #00d4aa;--glow-accent: rgba(124, 92, 252, .25)}[data-theme=light]{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-tertiary: #eeeef0;--bg-hover: #e4e4e8;--text-primary: #1a1a2e;--text-secondary: #444444;--text-muted: #777777;--text-hint: #aaaaaa;--border: #d8d8dd;--border-hover: #c0c0c8;--accent: #7c5cfc;--accent-hover: #6a4ce0;--accent-light: rgba(124, 92, 252, .1);--accent-border: rgba(124, 92, 252, .25);--danger: #e74c3c;--danger-bg: rgba(231, 76, 60, .08);--danger-border: rgba(231, 76, 60, .2);--success: #27ae60;--canvas-bg: #ffffff;--eraser-color: #ffffff;--shadow: rgba(0, 0, 0, .08);--shadow-heavy: rgba(0, 0, 0, .12);--gradient-brand: linear-gradient(135deg, #7c5cfc 0%, #fc5c7d 100%);--accent-pink: #fc5c7d;--accent-teal: #00d4aa;--glow-accent: rgba(124, 92, 252, .15)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}