/* Styles for app.html (the /app handoff page). Kept in its own file, not in an
   inline <style> block, so the page's Content-Security-Policy can be
   `style-src 'self'` with no 'unsafe-inline' at all. */
:root { color-scheme: dark; }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center;
  background: #10140e; color: #f2f4ef;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  text-align: center; padding: 24px;
}
.card { max-width: 26rem; }
h1 { font-size: 1.5rem; margin: 0 0 .5rem; }
p { color: #b9c0b2; line-height: 1.5; margin: 0 0 1.25rem; }
a.btn {
  /* Two of these sit side by side now (App Store + Google Play) on both
     /app and /auth/callback, so they need their own spacing — inline-block
     elements otherwise butt together with only a whitespace gap. */
  display: inline-block; background: #b6cf8e; color: #1c2413;
  font-weight: 700; text-decoration: none; padding: .8rem 1.6rem;
  border-radius: 999px; margin: 0 .3rem .6rem;
}
.links {
  display: flex; flex-wrap: wrap; gap: .7rem; justify-content: center;
  margin-top: 1.25rem; font-size: .85rem;
}
.links a { color: #dfe8cf; }