:root{--color-bg: #f7fafc;--color-surface: #ffffff;--color-surface-hover: #f7fafc;--color-text: #2d3748;--color-text-secondary: #4a5568;--color-text-muted: #718096;--color-border: #e2e8f0;--color-border-strong: #cbd5e0;--color-primary: #667eea;--color-primary-hover: #764ba2;--color-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-danger: #e53e3e;--color-danger-hover: #c53030;--color-success: #48bb78;--color-discord: #5865f2;--color-discord-hover: #4752c4;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 10px 24px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .2)}body.dark-mode{--color-bg: #0f1419;--color-surface: #1a202c;--color-surface-hover: #2d3748;--color-text: #e2e8f0;--color-text-secondary: #cbd5e0;--color-text-muted: #a0aec0;--color-border: #4a5568;--color-border-strong: #4a5568;--color-primary: #764ba2;--color-primary-hover: #667eea;--color-primary-gradient: linear-gradient(135deg, #764ba2 0%, #667eea 100%);--color-danger: #fc8181;--color-danger-hover: #f56565;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 10px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);transition:background .3s ease,color .3s ease}html,body{height:100%}