/* Dark theme transitions */
#result, #textForm { 
transition: opacity .3s ease, transform .3s ease; 
}
#result.hidden, #textForm.hidden { 
opacity: 0; 
transform: translateY(20px); 
}

/* Dark theme form styling */
textarea { 
overflow: hidden; 
scrollbar-width: thin;
scrollbar-color: rgba(99, 102, 241, 0.6) rgba(30, 41, 59, 0.5);
}

textarea::-webkit-scrollbar {
width: 8px;
}

textarea::-webkit-scrollbar-track {
background: rgba(30, 41, 59, 0.5);
border-radius: 4px;
}

textarea::-webkit-scrollbar-thumb {
background: rgba(99, 102, 241, 0.6);
border-radius: 4px;
}

textarea::-webkit-scrollbar-thumb:hover {
background: rgba(99, 102, 241, 0.8);
}

/* Enhanced input focus states */
input:focus, textarea:focus {
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
}

/* Copy button animation */
.copy-success {
animation: pulse 0.5s ease-in-out;
}

@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}