.scroll-cue{
  position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));
  transform:translateX(-50%);z-index:20;display:grid;place-items:center;
  width:42px;height:42px;padding:0;border:1px solid #edf0e68c;border-radius:50%;
  background:#171c17e8;color:#f0f0e9;box-shadow:0 3px 12px #0005;
  cursor:pointer;touch-action:manipulation;
}
.scroll-cue[hidden]{display:none}
.scroll-cue:hover{background:#30392b;border-color:#d6e89a;color:#d6e89a}
.scroll-cue:focus-visible{outline:2px solid #d6e89a;outline-offset:4px}