/* FindNStash holding pages. The app's graphite look with the blue accent (ScanTest Theme.swift,
   Shared/UI/Accent.swift, Logo.swift). Follows the phone's light or dark setting.
   System fonts only (no font downloads, no third parties). Flat, outlined, no emojis. */
:root {
  color-scheme: light dark;
  --page: #F7F7F8;
  --card: #FFFFFF;
  --line: #E0E1E6;
  --field: #EBEBEF;
  --text: #1C2024;
  --soft: #60646C;
  --dim: #6F737A;
  --blue: #0D74CE;        /* blue text and links */
  --blue-line: #0090FF;   /* blue outlines */
  --green: #0E7A52;
  /* logo */
  --logo-find: #141414;
  --logo-n: #0090FF;
  --logo-stash: #12A150;
  --logo-pin: #12A150;
}
@media (prefers-color-scheme: dark) {
  :root {
    --page: #111113;
    --card: #18191B;
    --line: #2E3035;
    --field: #212225;
    --text: #EDEDEF;
    --soft: #B0B4BA;
    --dim: #8B8D98;
    --blue: #5EB1EF;
    --blue-line: #5EB1EF;
    --green: #3DD68C;
    --logo-find: #EDEEF0;
    --logo-n: #5EB1EF;
    --logo-stash: #3DD68C;
    --logo-pin: #3DD68C;
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  min-height: 100vh;
  background: var(--page);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}
main {
  width: 100%;
  max-width: 460px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 32px 24px;
  text-align: center;
}
.logo { display: inline-block; font-size: 40px; font-weight: 900; letter-spacing: -0.02em; line-height: 1; padding-top: 0.3em; white-space: nowrap; color: var(--logo-find); }
.logo .f { margin-right: 0.05em; }
.logo .i { position: relative; display: inline-block; }
.logo .i svg { position: absolute; left: 50%; bottom: 0.82em; width: 0.36em; height: 0.48em; transform: translateX(-50%); fill: var(--logo-pin); }
.logo .n { color: var(--logo-n); }
.logo .s { color: var(--logo-stash); }
h1 { font-size: 26px; line-height: 1.25; margin: 28px 0 10px; }
p { margin: 0 0 14px; color: var(--soft); }
.pill {
  display: inline-block;
  margin: 8px 0 18px;
  padding: 6px 14px;
  border: 1.5px solid var(--green);
  border-radius: 999px;
  color: var(--green);
  font-size: 15px;
  font-weight: 700;
}
.tip { font-size: 15px; color: var(--dim); border-top: 1px solid var(--line); padding-top: 16px; margin-top: 8px; }
a { color: var(--blue); min-height: 44px; display: inline-flex; align-items: center; }