:root { color-scheme: light; }

/* Keep CSS minimal; Tailwind does the heavy lifting */

.glass {
  background: rgba(226, 232, 240, 0.55);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(15, 23, 42, 0.10);
}

.reel-frame {
  position: relative;
  width: 100%;
  padding-top: 177.7778%;
}

.reel-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Nicer scrollbars on webkit */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: rgba(15, 23, 42, 0.14); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(15, 23, 42, 0.22); }