:root{--primary-cyan: #00ffff;--primary-blue: #4080ff;--primary-green: #00ff80;--accent-magenta: #ff00ff;--accent-orange: #ffaa00;--accent-red: #ff4444;--accent-yellow: #ffff00;--success-green: #00ff88;--warning-orange: #ff8800;--error-red: #ff576c;--info-blue: #00E5FF;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-tertiary: rgba(255, 255, 255, .6);--text-quaternary: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .3);--text-muted: var(--text-tertiary);--text-subtle: var(--text-quaternary);--glass-bg: rgba(255, 255, 255, .05);--glass-bg-light: rgba(255, 255, 255, .1);--glass-bg-dark: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .1);--glass-border-light: rgba(255, 255, 255, .2);--dropdown-bg: #1a1a2e;--cyan-alpha-light: rgba(0, 255, 255, .1);--cyan-alpha-medium: rgba(0, 255, 255, .2);--cyan-alpha-strong: rgba(0, 255, 255, .3);--blue-alpha-light: rgba(64, 128, 255, .1);--blue-alpha-medium: rgba(64, 128, 255, .2);--blue-alpha-strong: rgba(64, 128, 255, .3);--bg-gradient-primary: linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 50%, #16213e 100%);--bg-gradient-glass: linear-gradient(135deg, var(--glass-bg), var(--glass-bg-light));--bg-gradient-cyan: linear-gradient(135deg, var(--cyan-alpha-light), var(--cyan-alpha-medium));--bg-gradient-blue: linear-gradient(135deg, var(--blue-alpha-light), var(--blue-alpha-medium));--text-gradient-primary: linear-gradient(45deg, var(--primary-cyan), var(--primary-blue), var(--primary-green));--text-gradient-cyan: linear-gradient(45deg, #00E5FF, #40C4FF, #2196F3);--spacing-3xs: 2px;--spacing-2xs: 4px;--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-lg-plus: 25px;--spacing-xl: 30px;--spacing-xxl: 40px;--zone-input-width: 75px;--radius-2xs: 3px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 15px;--radius-xxl: 20px;--radius-pill: 999px;--radius-round: 50%;--transition-fast: all .2s ease;--transition-normal: all .3s ease;--transition-slow: all .5s ease;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .1);--shadow-md: 0 5px 20px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .3);--shadow-xl: 0 15px 40px rgba(0, 0, 0, .4);--shadow-cyan: 0 0 20px var(--cyan-alpha-strong);--shadow-blue: 0 0 20px var(--blue-alpha-strong);--backdrop-blur-sm: blur(10px);--backdrop-blur-md: blur(20px);--font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-none: 1;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}