/* Mobile App-like Styles */
@media (max-width: 768px) {
    /* Remove tap highlight color */
    * {
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
    }
    
    /* Allow text selection in input fields */
    input, textarea {
        -webkit-user-select: text;
        user-select: text;
    }
    
    /* Smooth scrolling */
    html {
        scroll-behavior: smooth;
    }
    
    /* Full viewport height */
    body {
        min-height: 100vh;
        min-height: -webkit-fill-available;
    }
    
    /* Fix for iPhone notch */
    .safe-area {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }
    
    /* App-like header */
    header {
        position: sticky;
        top: 0;
        z-index: 1000;
        backdrop-filter: blur(10px);
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    /* Touch-friendly buttons */
    button, .btn {
        min-height: 48px;
        min-width: 48px;
        touch-action: manipulation;
    }
    
    /* Smooth animations */
    .main-content {
        transition: opacity 0.3s ease;
    }
    
    /* Hide scrollbar for cleaner look */
    ::-webkit-scrollbar {
        width: 0px;
        background: transparent;
    }
}