:root{--color-bg: #f5f6fa;--color-bg-card: #ffffff;--color-bg-card-hover: #f8f9ff;--color-bg-sidebar: #1a1a2e;--color-bg-input: #ffffff;--color-border: rgba(0, 0, 0, .08);--color-border-focus: #6c63ff;--color-primary: #6c63ff;--color-primary-hover: #7b73ff;--color-primary-glow: rgba(108, 99, 255, .25);--color-accent: #00c4a7;--color-accent-glow: rgba(0, 196, 167, .2);--color-danger: #ff4d6a;--color-warning: #ffb74d;--color-success: #00c4a7;--color-info: #42a5f5;--color-text: #1a1a2e;--color-text-muted: #6b6b8a;--color-text-faint: #9999b3;--gradient-primary: linear-gradient(135deg, #6c63ff 0%, #4ecdc4 100%);--gradient-bg: radial-gradient(ellipse at top left, rgba(108, 99, 255, .06) 0%, transparent 50%), radial-gradient(ellipse at bottom right, rgba(0, 196, 167, .05) 0%, transparent 50%);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--shadow-glow: 0 0 30px var(--color-primary-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}input{font-family:var(--font-family);outline:none;border:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}