@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap');

* {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

textarea {
    font-family: 'Fira Code', 'Courier New', monospace;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.animate-bounce {
    animation: bounce 1s ease-in-out;
}

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

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

/* Custom scrollbar for textarea */
textarea::-webkit-scrollbar {
    width: 10px;
}

textarea::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

textarea::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

textarea::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Smooth transitions */
button {
    transition: all 0.2s ease;
}

button:active {
    transform: scale(0.98);
}

/* Mobile responsiveness */
@media (max-width: 640px) {
    .max-w-4xl {
        padding: 1rem;
    }
    
    h1 {
        font-size: 2rem !important;
    }
    
    textarea {
        height: 300px !important;
    }
}