* {
    font-family: "Inter", sans-serif;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    display: none;
}

.highlighted-section {
    outline: 2px solid #3F20FB;
    background-color: rgba(63, 32, 251, 0.1);
}

.edit-button {
    position: absolute;
    z-index: 1000;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    #chat-container {
        min-height: 500px !important;
    }
    
    #chat-input input {
        font-size: 14px;
    }
    
    #mobile-menu {
        transition: all 0.3s ease;
        max-height: 0;
        overflow: hidden;
    }
    
    #mobile-menu.hidden {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-width: 0;
        opacity: 0;
    }
    
    #mobile-menu:not(.hidden) {
        max-height: 300px;
        opacity: 1;
    }
}

/* Header animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

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

.fade-in {
    animation: fadeIn 0.3s ease forwards;
}

.fade-out {
    animation: fadeOut 0.3s ease forwards;
}

/* Modern UI elements */
.gradient-text {
    background: linear-gradient(135deg, #0ea5e9, #0369a1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.gradient-bg {
    background: linear-gradient(135deg, #0ea5e9, #0369a1);
}

/* Content adjustments for small screens */
@media (max-width: 640px) {
    .pt-20 {
        padding-top: 5rem;
    }
    
    #sidebar {
        margin-bottom: 1rem;
    }
}