.user-message align-self: flex-end;

.bot-message .bubble background: #e5e7eb; color: #1f2937; border-bottom-left-radius: 4px;

const timeSpan = document.createElement('div'); timeSpan.classList.add('timestamp'); timeSpan.innerText = getFormattedTime();

@keyframes fadeSlideUp from opacity: 0; transform: translateY(12px); to opacity: 1; transform: translateY(0);

.header-info h3 font-size: 1.2rem; font-weight: 600; letter-spacing: -0.2px;

.chat-input-area button background: #1e2a3e; border: none; color: white; width: 44px; height: 44px; border-radius: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; font-size: 1.3rem;

body background: linear-gradient(145deg, #e0eafc 0%, #cfdef3 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px;