/* Page: personal placeholder. Shared tokens, letterhead and buttons live in style.css.

   No inline styles: the enforcing CSP in _headers requires style-src 'self', so a page-specific
   rule belongs here, never in a <style> block or a style="" attribute. See CHANGELOG.md v2.0.0. */

/* Rickie's second revision, 10 Oct 2026 (relayed by vp, m-261010-1324-5w3): "literally no words
   besides the button. no header no footer. just black screen for now." Black background in light
   mode too — a hard override, not a token, on purpose: this is "for now", not the site's dark
   theme. No header, no wordmark, no rules, no footer; the h1 stays sr-only for structure. */
body{ background:#000; }

main{
  min-height:100vh;
  display:flex; align-items:center;
}

/* ---------- front-door sign-in ----------
   Rickie, 10 Oct 2026 (relayed by vp, m-261010-1300-7pf): "no dont mention personal. really just
   have almost no words. just a blank screen with a signin." No tagline, no family line, no visible
   name heading — the h1 stays for accessibility/structure but is screen-reader-only. One button,
   centered on an otherwise empty page. */
.signin-wrap{ max-width:30rem; margin-inline:auto; text-align:center; }

.signin-actions{ display:flex; flex-direction:column; gap:.75rem; max-width:22rem; margin-inline:auto; }
.signin-btn{
  display:flex; align-items:center; gap:.75rem;
  font-family:var(--body); font-size:.95rem; font-weight:600;
  text-decoration:none; padding:.8rem 1.1rem; border-radius:6px;
  border:1px solid var(--rule); transition:background .18s ease, border-color .18s ease;
}
.signin-btn[hidden]{ display:none; }
.signin-icon{ width:18px; height:18px; flex:0 0 auto; }

.signin-btn-google{ background:var(--sheet); color:var(--ink); }
.signin-btn-google:hover{ background:var(--rule-soft); border-color:var(--ink-3); }

.signin-btn-apple{ background:#000; color:#fff; border-color:#000; }
.signin-btn-apple:hover{ background:#1a1a1a; }
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .signin-btn-apple{ background:#fff; color:#000; border-color:#fff; }
  :root:not([data-theme="light"]) .signin-btn-apple:hover{ background:#eee; }
}
:root[data-theme="dark"] .signin-btn-apple{ background:#fff; color:#000; border-color:#fff; }
:root[data-theme="dark"] .signin-btn-apple:hover{ background:#eee; }

/* Both pages sit on black; the global light-mode --accent ring is ~2.2:1 there. */
:focus-visible{ outline-color:#8CA9F2; }