/* Hentaidad Global Styles */

:root {
    --brand-red: #dc2626;
    --zinc-900: #18181b;
    --zinc-950: #09090b;
}

body { 
    font-family: 'Inter', sans-serif; 
    background-color: #000; 
    color: #d4d4d8; 
    -webkit-font-smoothing: antialiased;
}

/* Scrollbar Optimierung */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: var(--brand-red); border-radius: 10px; }

.scrollbar-hide { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}
.scrollbar-hide::-webkit-scrollbar { display: none; }

/* Effekte & Animationen */
.hero-overlay { 
    background: linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%); 
}

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

.animate-feed { 
    animation: fadeIn 0.6s ease-out forwards; 
}

/* UI Komponenten */
.bento-card { 
    background: linear-gradient(145deg, #18181b 0%, #09090b 100%); 
    border: 1px solid #27272a; 
    transition: all 0.3s ease;
}

.video-grid-item:hover .play-icon { 
    opacity: 1; 
    transform: scale(1.1); 
}

#main-sidebar { 
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
}