:root{--bg-app: #0a0e27;--bg-panel: #1a1f3a;--bg-card: #242944;--bg-input: #1a1f3a;--bg-header: rgba(26, 31, 58, .8);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--msg-user-from: #3b82f6;--msg-user-to: #60a5fa;--msg-ella-bg: #1e2438;--msg-ella-border: rgba(100, 116, 139, .2);--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15)}body{background:linear-gradient(135deg,#0a0e27,#1a1335);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}#root,html,body{height:100%;margin:0;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}