/* Shared overflow affordance for long landing-page dialogs. */
.dialog-scroll-cue{
  position:fixed;
  left:50%;
  bottom:max(24px,calc(env(safe-area-inset-bottom) + 14px));
  z-index:10030;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:10px 15px 10px 17px;
  border:1px solid #c5ff008f;
  border-radius:999px;
  background:#07130cf2;
  color:#f2f7ed;
  box-shadow:0 16px 42px #000b,0 0 0 1px #07130c80;
  backdrop-filter:blur(14px);
  font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
  transform:translateX(-50%);
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
}
.dialog-scroll-cue span{color:#c5ff00;font-size:17px;line-height:.7;animation:dialog-cue-bob 1.25s ease-in-out infinite}
.dialog-scroll-cue:hover,.dialog-scroll-cue:focus-visible{border-color:#c5ff00;background:#102318;outline:none;transform:translate(-50%,-2px)}
.dialog-scroll-cue[hidden]{display:none}
.dialog-scroll-cue.is-dismissed{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px)}
dialog[data-scroll-state="top"]{--dialog-edge-shadow:inset 0 -24px 30px -28px #000}
dialog[data-scroll-state="middle"]{--dialog-edge-shadow:inset 0 24px 30px -28px #000,inset 0 -24px 30px -28px #000}
dialog[data-scroll-state="bottom"]{--dialog-edge-shadow:inset 0 24px 30px -28px #000}
@keyframes dialog-cue-bob{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media(max-width:700px){
  .dialog-scroll-cue{bottom:max(17px,calc(env(safe-area-inset-bottom) + 10px));min-height:40px;padding:9px 13px 9px 15px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.dialog-scroll-cue,.dialog-scroll-cue span{animation:none;transition:none}}