/* The iPhone app prompt (app-prompt.js, site-r165). Self-contained: used by both the home page (beta.css) and the
   account pages (styles.css). */
.app-prompt { width: min(400px, calc(100vw - 32px)); padding: 0; border: 1px solid rgb(255 255 255 / .14); border-radius: 18px;
  background: #121214; color: #f4f6f8; box-shadow: 0 24px 80px rgb(0 0 0 / .6); font-family: -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif; }
.app-prompt::backdrop { background: rgb(0 0 0 / .62); backdrop-filter: blur(3px); }
.app-prompt-body { position: relative; display: grid; justify-items: center; gap: 10px; padding: 28px 22px 16px; text-align: center; }
.app-prompt-x { position: absolute; top: 8px; right: 10px; width: 44px; height: 44px; border: 0; background: none; color: #9aa3ad; font-size: 26px; line-height: 1; cursor: pointer; }
.app-prompt-icon { width: 72px; height: 72px; border-radius: 16px; box-shadow: 0 6px 24px rgb(227 27 35 / .35); }
.app-prompt h2 { margin: 6px 0 0; font-size: 1.35rem; font-weight: 800; letter-spacing: -.01em; }
.app-prompt p { margin: 0; color: #b9c0c8; font-size: .95rem; line-height: 1.45; }
.app-prompt-points { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 4px 0 6px; padding: 0; list-style: none; }
.app-prompt-points li { padding: 4px 10px; border: 1px solid rgb(255 255 255 / .12); border-radius: 999px; color: #e6e9ec; font-size: .78rem; }
.app-prompt-get { display: block; width: 100%; padding: 15px 18px; border-radius: 12px; background: #e3232b; color: #fff; font-weight: 700; font-size: 1.02rem; text-decoration: none; }
.app-prompt-get:active { background: #c41c23; }
.app-prompt-later { min-height: 44px; padding: 8px 16px; border: 0; background: none; color: #9aa3ad; font-size: .95rem; cursor: pointer; }