/* Mobile Optimierungen */
@media (max-width: 767px) {
    .container {
        padding-bottom: 60px;
    }
    
    .main-content {
        width: 100%;
    }
    
    .page-header {
        padding: 12px;
    }
    
    .tweet-composer {
        padding: 12px;
    }
    
    .composer-avatar {
        width: 40px;
        height: 40px;
    }
    
    .tweet {
        padding: 12px;
    }
    
    .tweet-avatar {
        width: 40px;
        height: 40px;
    }
    
    .tweet-content {
        font-size: 15px;
    }
    
    .tweet-actions {
        gap: 4px;
    }
    
    .tweet-action {
        padding: 6px;
        font-size: 12px;
    }
    
    .tweet-action svg {
        width: 16px;
        height: 16px;
    }
    
    .profile-banner {
        height: 150px;
    }
    
    .profile-avatar {
        width: 60px;
        height: 60px;
        margin-top: -30px;
    }
    
    .dark-mode-toggle {
        bottom: 80px;
        right: 16px;
        width: 44px;
        height: 44px;
    }
    
    /* Touch-optimierte Buttons */
    button, .nav-link, .tweet-action {
        min-height: 44px;
        min-width: 44px;
    }
    
    /* Swipe-Gesten Unterstützung */
    .tweet {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
    }
    
    /* Bessere Scroll-Performance */
    .tweets-container,
    .notifications-container,
    .messages-container {
        -webkit-overflow-scrolling: touch;
        will-change: scroll-position;
    }
    
    /* Optimierte Schriftgrößen */
    .tweet-content {
        font-size: 15px;
        line-height: 1.4;
    }
    
    .tweet-username {
        font-size: 15px;
    }
    
    .tweet-handle,
    .tweet-time {
        font-size: 14px;
    }
}

/* Landscape Mode */
@media (max-width: 767px) and (orientation: landscape) {
    .navbar {
        padding: 4px 0;
    }
    
    .nav-btn {
        padding: 8px;
    }
    
    .container {
        padding-bottom: 50px;
    }
}

/* Sehr kleine Screens */
@media (max-width: 360px) {
    .page-header h1 {
        font-size: 18px;
    }
    
    .tweet-composer textarea {
        font-size: 18px;
    }
    
    .composer-actions {
        flex-direction: column;
        gap: 8px;
        align-items: flex-end;
    }
}

/* Performance-Optimierungen */
.tweet,
.tweet-composer,
.page-header {
    contain: layout style paint;
}

.tweets-container {
    content-visibility: auto;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Prevent Text Selection auf Buttons */
button,
.nav-link,
.tweet-action {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Optimierte Animationen */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}