body {
	font-family: 'Inter', sans-serif;
	background-color: #F9FAFB; /* bg-gray-50 */
}
.chat-bubble {
	max-width: 80%;
	word-wrap: break-word;
}
.ai-bubble {
	background-color: #F3F4F6; /* gray-100 */
	color: #1F2937; /* gray-800 */
}
.user-bubble {
	background-color: #2563EB; /* blue-600 */
	color: white;
}
.typing-indicator span {
	height: 8px;
	width: 8px;
	background-color: #9CA3AF; /* gray-400 */
	border-radius: 50%;
	display: inline-block;
	animation: bounce 1.4s infinite ease-in-out both;
}
.typing-indicator span:nth-child(1) { animation-delay: -0.32s; }
.typing-indicator span:nth-child(2) { animation-delay: -0.16s; }
@keyframes bounce {
	0%, 80%, 100% { transform: scale(0); }
	40% { transform: scale(1.0); }
}
#chat-container::-webkit-scrollbar {
	width: 6px;
}
#chat-container::-webkit-scrollbar-track {
	background: transparent;
}
#chat-container::-webkit-scrollbar-thumb {
	background: #D1D5DB; /* gray-300 */
	border-radius: 3px;
}
#chat-container::-webkit-scrollbar-thumb:hover {
	background: #9CA3AF; /* gray-400 */
}