:root{--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .3);--secondary: #3b82f6;--bg-main: #020617;--bg-card: rgba(15, 23, 42, .6);--bg-card-hover: rgba(30, 41, 59, .8);--text-main: #f1f5f9;--text-dim: #94a3b8;--border: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1)}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;letter-spacing:-.01em}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 4px 24px -1px #0000004d}.premium-gradient{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}.premium-glow{box-shadow:0 0 20px var(--primary-glow)}.transition-soft{transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-dim)}.nav-item.active{background:#8b5cf626;color:#fff;font-weight:600;border:1px solid rgba(139,92,246,.3)}.nav-item:hover:not(.active){background:#ffffff0d;color:#fff;transform:translate(4px)}.chat-bubble{padding:.85rem 1.15rem;box-shadow:0 10px 15px -3px #0000001a;max-width:85%;position:relative;border-radius:1.25rem}.chat-bubble-in{background:#0f172a;border:1px solid rgba(255,255,255,.05);border-bottom-left-radius:.4rem}.chat-bubble-in:after{content:"";position:absolute;bottom:0;left:-8px;width:20px;height:20px;background:#0f172a;clip-path:polygon(100% 0,100% 100%,0 100%);z-index:-1}.chat-bubble-out{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-bottom-right-radius:.4rem;box-shadow:0 4px 15px #7c3aed33}.chat-bubble-out:after{content:"";position:absolute;bottom:0;right:-8px;width:20px;height:20px;background:#6d28d9;clip-path:polygon(0 0,0 100%,100% 100%);z-index:-1}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInSlide .5s ease forwards}@media(max-width:1024px){.main-content-mobile{margin-left:0!important;width:100%!important}}@media(max-width:640px){.glass-panel{border-radius:1.5rem;padding:1.25rem!important}h2{font-size:1.5rem!important}.chat-bubble{max-width:90%}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8b5cf666}