* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; background: #000; color: #fff; font: 16px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
main { max-width: 440px; margin: 0 auto; padding: calc(32px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom)); text-align: center; }
.logo { width: 96px; height: 96px; border-radius: 22px; background: var(--accent); padding: 14px; }
h1 { font-size: 22px; margin: 16px 0 0; letter-spacing: .03em; }
h2 { font-size: 16px; margin: 0 0 8px; }
hr { border: 0; border-top: .5px solid rgba(255,255,255,.22); margin: 16px 0; }
.btn { display: flex; align-items: center; justify-content: center; height: 48px; border-radius: 10px; background: #2C2C2E; color: #fff;
  text-decoration: none; font-weight: 600; width: 100%; }
.btn.primary { background: var(--accent); color: var(--accent-text); }
.btn:active { filter: brightness(.8); }
.meta { color: #AEAEB2; font-size: 14px; min-height: 20px; margin: 10px 0 0; }
.meta.missing { color: #FF0000; }
ol { text-align: left; padding-left: 22px; margin: 0; color: #E5E5EA; }
ol li + li { margin-top: 4px; }