[x-cloak] { display: none !important; }

/* Scrollbar styling */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #111117; }
::-webkit-scrollbar-thumb { background: #444; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #666; }

/* Clip strip smooth scroll */
.overflow-x-auto { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }

/* Video loading shimmer */
video:not([src]) { background: linear-gradient(90deg, #111117 25%, #1a1a22 50%, #111117 75%); background-size: 200% 100%; animation: shimmer 1.5s infinite; }
@keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

/* Hide details summary marker on desktop where it's always open */
@media (min-width: 1024px) {
    details.lg\:open > summary { display: none; }
    details.lg\:open { display: block; }
}

/* Tap highlight removal on mobile */
button, a, select { -webkit-tap-highlight-color: transparent; }

/* Prevent text selection on controls during swipe */
.bg-black { user-select: none; -webkit-user-select: none; }