html { scroll-behavior: smooth; }
body { background-color: #131313; color: #E2E2E2; font-family: 'Inter', sans-serif; }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24; }
.bento-glass { background: rgba(53, 53, 53, 0.4); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); }
.text-glow:hover { text-shadow: 0 0 15px rgba(255, 255, 255, 0.3); }
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #131313; }
::-webkit-scrollbar-thumb { background: #353535; border-radius: 10px; }

/* Smooth Media Loading Styles */
.media-fade-ready {
  transition: opacity 1200ms cubic-bezier(0.4, 0, 0.2, 1),
              filter 1000ms cubic-bezier(0.4, 0, 0.2, 1),
              transform 1400ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity, filter, transform;
}

.media-loading {
  opacity: 0 !important;
  filter: blur(20px);
  transform: scale(1.05);
}