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

.loader {
    border-top-color: #3498db;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

#copyFeedback.show, #pasteFeedback.show {
    opacity: 1;
    transform: translateY(0);
}

.animate-fade-in {
    animation: fade-in 0.5s ease-out forwards;
}

@keyframes fade-in {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.pagination-button:disabled, .mode-button:disabled, .style-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.mode-button.active, .style-button.active, #translateResultButton.active {
    background-color: #4f46e5;
    color: #ffffff;
}