*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--primary: #667eea;--primary-dark: #5568d3;--secondary: #764ba2;--success: #10b981;--success-light: #d1fae5;--error: #ef4444;--error-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--card-bg: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--border: #e5e7eb;--shadow: 0 10px 40px rgba(0, 0, 0, .15);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .1);--radius: 12px;--radius-sm: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-gradient);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:800px;margin:0 auto;padding:20px;min-height:100vh}@media (prefers-color-scheme: dark){:root{--bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--card-bg: #1f2937;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--border: #374151;--shadow: 0 10px 40px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--success-light: #064e3b;--error-light: #7f1d1d;--warning-light: #78350f}}@media (max-width: 768px){#root{padding:10px}}@media (max-width: 480px){#root{padding:8px}}