style.css

/* Additional styles for the chat page */
.message-user {
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
    border-radius: 12px 12px 0 12px;
    align-self: flex-end;
}

.message-ai {
    background: rgba(55, 65, 81, 0.8);
    border-radius: 12px 12px 12px 0;
    align-self: flex-start;
}

.typing-indicator span {
    animation: typing 1.4s infinite ease-in-out;
}

.typing-indicator span:nth-child(1) { animation-delay: 0s; }
.typing-indicator span:nth-child(2) { animation-delay: 0.2s; }
.typing-indicator span:nth-child(3) { animation-delay: 0.4s; }

@keyframes typing {
    0%, 60%, 100% { transform: translateY(0); }
    30% { transform: translateY(-5px); }
}