/* OS-style smooth scroller visuals — thin, rounded, fades when idle */
.os-scroll-track {
  position: fixed;
  top: 0; right: 0;
  width: 12px;
  height: 100vh;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity .35s ease;
}
.os-scroll-track .os-scroll-thumb {
  position: absolute;
  top: 0; right: 3px;
  width: 6px;
  height: 0;
  border-radius: 999px;
  background: rgba(43, 80, 230, .42);
  pointer-events: auto;
  cursor: grab;
  transition: width .2s ease, background .2s ease, right .2s ease;
  will-change: transform, height;
}
.os-scroll-track:hover { opacity: 1 !important; }
.os-scroll-track .os-scroll-thumb:hover { width: 9px; right: 2px; background: rgba(43, 80, 230, .7); }
.os-scroll-track--active .os-scroll-thumb { width: 9px; right: 2px; background: rgba(43, 80, 230, .85); cursor: grabbing; }
@media (hover: none) { .os-scroll-track { width: 16px; } .os-scroll-track .os-scroll-thumb { width: 9px; right: 2px; } }