*,*:before,*:after{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-page: #f0f2f5;--bg-panel: #fff;--bg-input: #fafafa;--bg-toggle: #e5e7eb;--bg-toggle-active: #fff;--bg-result: #f8fafc;--bg-hover: #eef2ff;--bg-error: #fef2f2;--bg-remove-hover: #fef2f2;--text-primary: #1a1a2e;--text-secondary: #6b7280;--text-heading: #1a1a2e;--text-result: #1f2937;--text-tab-hover: #374151;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: rgba(79, 70, 229, .1);--green: #059669;--red: #dc2626;--border: #d1d5db;--border-light: #e5e7eb;--border-accent: #e0e7ff;--border-dashed: #d1d5db;--shadow-panel: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-active: 0 1px 3px rgba(0, 0, 0, .08);--shadow-toggle: 0 1px 2px rgba(0, 0, 0, .08);--muted: #9ca3af;color-scheme:light dark}:root[data-theme=dark]{--bg-page: #111827;--bg-panel: #1f2937;--bg-input: #283548;--bg-toggle: #374151;--bg-toggle-active: #4b5563;--bg-result: #283548;--bg-hover: rgba(79, 70, 229, .15);--bg-error: rgba(220, 38, 38, .12);--bg-remove-hover: rgba(220, 38, 38, .15);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-heading: #f9fafb;--text-result: #e5e7eb;--text-tab-hover: #d1d5db;--accent: #818cf8;--accent-hover: #6366f1;--accent-soft: rgba(129, 140, 248, .15);--green: #34d399;--red: #f87171;--border: #4b5563;--border-light: #374151;--border-accent: rgba(129, 140, 248, .25);--border-dashed: #4b5563;--shadow-panel: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-active: 0 1px 3px rgba(0, 0, 0, .3);--shadow-toggle: 0 1px 2px rgba(0, 0, 0, .2);--muted: #6b7280}