/* Enhanced glassmorphism for wider screens */
@media (min-width: 481px) {
    .chat-input {
        background: rgba(0, 0, 0, 0.2); 
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 
            0 10px 30px rgba(0, 0, 0, 0.1), 
            0 15px 40px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
    }

    .chat-input.scrolled {
        background: rgba(0, 0, 0, 0.4);
        backdrop-filter: blur(30px);
        -webkit-backdrop-filter: blur(30px);
    }
}