:root{--bg-primary: #0a0a1a;--bg-secondary: #111128;--bg-card: #161636;--bg-card-hover: #1c1c44;--bg-overlay: rgba(10, 10, 26, .85);--text-primary: #e8e8f0;--text-secondary: #8888aa;--text-muted: #555570;--accent-blue: #4f8fff;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--accent-green: #22c55e;--accent-orange: #f59e0b;--accent-red: #ef4444;--gradient-main: linear-gradient(135deg, #4f8fff, #8b5cf6);--gradient-warm: linear-gradient(135deg, #f59e0b, #ec4899);--gradient-cool: linear-gradient(135deg, #06b6d4, #4f8fff);--gradient-fire: linear-gradient(135deg, #ef4444, #f59e0b);--border-subtle: rgba(255, 255, 255, .06);--border-active: rgba(79, 143, 255, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(79, 143, 255, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass{background:#161636cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.glow-text{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .4s ease-out both}.animate-slide-up{animation:slideUp .5s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}