body {
    font-family: 'Inter', sans-serif;
}

#chat-container {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

#chat-messages::-webkit-scrollbar {
    width: 6px;
}

#chat-messages::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 3px;
}

/* Style for the button's transition for smooth animation */
.mic-button {
    transition: transform 0.1s ease-out, box-shadow 0.1s ease-out;
}