.scroll-hint {
  position: fixed;
  left: 50%;
  bottom: max(2px, env(safe-area-inset-bottom));
  z-index: 30;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  width: 44px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: rgba(252, 250, 247, .85);
  color: #927b60;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.scroll-hint[hidden] { display: none; }
.scroll-hint svg { animation: scroll-hint-bob 1.8s ease-in-out infinite; }
.scroll-hint:focus-visible { outline: 1px solid currentColor; outline-offset: 3px; }
@keyframes scroll-hint-bob {
  0%, 100% { transform: translateY(-3px); }
  50% { transform: translateY(3px); }
}
@media (prefers-reduced-motion: reduce) {
  .scroll-hint svg { animation: none; }
}