@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.quality-btn {
    @apply px-4 py-2 rounded bg-stone-700 text-stone-300 hover:bg-indigo-600 hover:text-white transition-colors;
}

.quality-btn.active {
    @apply bg-indigo-600 text-white;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #292524;
}

::-webkit-scrollbar-thumb {
    background: #4f46e5;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #6366f1;
}

/* Video hover effect */
.video-card:hover .video-overlay {
    opacity: 1;
}

.video-overlay {
    transition: opacity 0.3s ease;
}