:root{--chat-bg: #f8fafc;--chat-sidebar-bg: #ffffff;--chat-area-bg: #ffffff;--chat-bubble-received: #ffffff;--chat-bubble-sent-grad: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--chat-border: #f1f5f9;--chat-text-main: #0f172a;--chat-text-muted: #64748b;--chat-wallpaper-color: rgba(99, 102, 241, .04)}.dark{--chat-bg: #09090b;--chat-sidebar-bg: #09090b;--chat-area-bg: #09090b;--chat-bubble-received: #18181b;--chat-border: #27272a;--chat-text-main: #f4f4f5;--chat-text-muted: #a1a1aa;--chat-wallpaper-color: rgba(255, 255, 255, .02)}.chat-app-container{background-color:var(--chat-bg);transition:background-color .3s;font-family:var(--font-primary)}.chat-messages-container{background-color:var(--chat-bg);background-image:radial-gradient(var(--chat-wallpaper-color) 1.2px,transparent 1.2px);background-size:24px 24px;position:relative}.bubble-sent{background:var(--chat-bubble-sent-grad);color:#fff;box-shadow:0 4px 12px #a855f726}.bubble-received{background-color:var(--chat-bubble-received);color:var(--chat-text-main);border:1px solid var(--chat-border);box-shadow:0 2px 4px #00000005}.floating-input-shadow{box-shadow:0 4px 20px -2px #0000000d,0 2px 8px -1px #00000008}.dark .floating-input-shadow{box-shadow:0 4px 20px -2px #00000080,0 2px 8px -1px #0000004d}.thin-scroll::-webkit-scrollbar{width:5px;height:5px}.thin-scroll::-webkit-scrollbar-track{background:transparent}.thin-scroll::-webkit-scrollbar-thumb{background-color:#94a3b833;border-radius:99px}.thin-scroll::-webkit-scrollbar-thumb:hover{background-color:#94a3b866}.dark .thin-scroll::-webkit-scrollbar-thumb{background-color:#a1a1aa26}.dark .thin-scroll::-webkit-scrollbar-thumb:hover{background-color:#a1a1aa4d}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.chat-hover-transition{transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}to{transform:translateY(0) rotate(0)}}.animate-float{animation:float 4s ease-in-out infinite}.pulse-online{position:relative}.pulse-online:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;background-color:#22c55e;animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;z-index:-1}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.3);opacity:0}to{transform:scale(.95);opacity:0}}