/* src/ui/Scroller.css */

.scroller {
  height: 100vh;
  overflow-y: auto;
  scroll-snap-type: none;
  scroll-behavior: smooth;
  perspective: 1px;
  transform-style: preserve-3d;
  overflow-x: hidden;
}

.scroller::-webkit-scrollbar {
  width: 10px;
}

.scroller::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.08);
  border-radius: 999px;
}

.scroller::-webkit-scrollbar-track {
  background: transparent;
}

body.in-transition .scroller {
  filter: blur(3px) brightness(1.1);
  transition: filter 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
  .scroller {
    scroll-behavior: auto;
  }
  body.in-transition .scroller {
    filter: none;
  }
}