/* Mobile/PWA interaction hardening based on webview-native-feel-2. */
button,
[role="button"],
label,
a {
  touch-action: manipulation;
}

.page,
.conversation,
.conversation-history {
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

.page.native-page-entering {
  will-change: transform, opacity;
}

@supports (content-visibility: auto) {
  .moments-feed > .moment-card,
  .memory-list > .memory-item,
  .conversation-history .history-chat {
    content-visibility: auto;
    contain-intrinsic-size: auto 180px;
  }

  .moments-feed > .moment-card {
    contain-intrinsic-size: auto 320px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page.native-page-entering {
    animation: none !important;
    will-change: auto;
  }
}