body {
font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
background: #fafaf9;
color: #1c1917;
letter-spacing: -0.01em;
}
.card-hover {
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.card-hover:hover {
transform: translateY(-4px);
box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.06), 0 8px 12px -6px rgba(0, 0, 0, 0.02);
}
.play-overlay { transition: opacity 0.3s ease; }
.video-card:hover .play-overlay { opacity: 1; }
.category-dot {
width: 6px;
height: 6px;
border-radius: 50%;
display: inline-block;
flex-shrink: 0;
}
.aspect-video-custom { aspect-ratio: 16 / 9; }
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.freevid-content :where(p, ul, ol, blockquote) { margin-bottom: 1.25rem; line-height: 1.75; }
.freevid-content :where(h2, h3, h4) { margin-top: 2rem; margin-bottom: 1rem; font-weight: 700; color: inherit; }
.freevid-content h2 { font-size: 1.5rem; }
.freevid-content h3 { font-size: 1.25rem; }
.freevid-content a { text-decoration: underline; text-underline-offset: 3px; }
.freevid-content img { border-radius: 1rem; }
.admin-bar .freevid-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .freevid-header { top: 46px; } }
@media (prefers-color-scheme: dark) {
body { background: #0f0f0f; color: #f5f5f4; }
}