:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f9fafb;--text-primary: #1a202c;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f7fafc;--card-bg: #ffffff;--shadow: rgba(0, 0, 0, .08);--header-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--header-btn-bg: rgba(255, 255, 255, .14);--header-btn-border: rgba(255, 255, 255, .35);--header-btn-bg-hover: rgba(255, 255, 255, .22);--header-btn-border-hover: rgba(255, 255, 255, .55);--header-btn-active-bg: #ffffff;--header-btn-active-color: #17324a;--header-toggle-bg: rgba(255, 255, 255, .2);--header-toggle-border: rgba(255, 255, 255, .3);--header-toggle-bg-hover: rgba(255, 255, 255, .3);--header-toggle-border-hover: rgba(255, 255, 255, .5)}:root[data-theme=dark]{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #374151;--text-primary: #f5f7fa;--text-secondary: #cbd5e0;--border-color: #4a5568;--input-bg: #2d3748;--card-bg: #2d3748;--shadow: rgba(0, 0, 0, .5);--header-gradient: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);--header-btn-bg: rgba(255, 255, 255, .1);--header-btn-border: rgba(255, 255, 255, .2);--header-btn-bg-hover: rgba(255, 255, 255, .18);--header-btn-border-hover: rgba(255, 255, 255, .4);--header-btn-active-bg: rgba(255, 255, 255, .88);--header-btn-active-color: #1a202c;--header-toggle-bg: rgba(255, 255, 255, .12);--header-toggle-border: rgba(255, 255, 255, .22);--header-toggle-bg-hover: rgba(255, 255, 255, .22);--header-toggle-border-hover: rgba(255, 255, 255, .42)}body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}