@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.chat-message {
    transition: all 0.3s ease;
    transform-origin: bottom;
}

.chat-message:hover {
    transform: scale(1.02);
}
#sendBtn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* API Key input styling */
input[type="password"], input[type="text"] {
    padding-right: 2.5rem;
}

/* Responsive settings */
@media (max-width: 640px) {
    .settings-container {
        padding: 1rem;
    }
}