.scroll-guide-track{
  position:absolute;
  top:118px;
  right:6px;
  bottom:92px;
  width:5px;
  border-radius:999px;
  background:rgba(100,116,139,.18);
  z-index:40;
  pointer-events:none;
  opacity:1;
}

.scroll-guide-thumb{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  min-height:48px;
  border-radius:999px;
  background:rgba(10,31,68,.48);
  box-shadow:0 0 0 1px rgba(255,255,255,.65);
  transition:transform .08s linear,height .12s ease;
}

.scroll-cue{
  position:absolute;
  left:50%;
  bottom:88px;
  transform:translateX(-50%);
  z-index:39;
  display:flex;
  align-items:center;
  gap:5px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  border:1px solid #DCE5EF;
  box-shadow:0 4px 14px rgba(10,31,68,.10);
  color:#64748B;
  font-size:7px;
  font-weight:900;
  letter-spacing:.02em;
  pointer-events:none;
  transition:opacity .25s ease,transform .25s ease;
}

.scroll-cue-arrow{
  color:#3B82F6;
  font-size:10px;
  animation:scrollCueBounce 1.25s ease-in-out infinite;
}

.scroll-cue.hidden{
  opacity:0;
  transform:translate(-50%,8px);
}

@keyframes scrollCueBounce{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(3px)}
}