/* Custom scrollbar for chat container */ #chat-container::-webkit-scrollbar { width: 6px; } #chat-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } #chat-container::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; } #chat-container::-webkit-scrollbar-thumb:hover { background: #aaa; } /* Animation for messages */ @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } #chat-container > div { animation: fadeIn 0.3s ease-out; }