/* Account invitations use the existing local Roo form and a provider-configured
   Google OAuth button. No bonus, currency or future reward is promised. */
.account-age-confirmation { display:flex; align-items:center; gap:10px; margin:12px 0 16px; min-height:44px; font-size:13px; text-align:left; }
.account-age-confirmation input[type=checkbox] { width:20px; height:20px; flex:none; margin:0; accent-color:var(--accent); }
.account-age-confirmation[hidden] { display:none; }
#auth-age-error,#celebrate-age-error { margin:0 0 12px; font-size:12px; }
#google-auth,#celebrate-google { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:48px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--ink); padding:12px; }
#google-auth svg,#celebrate-google svg { width:22px; height:22px; flex:none; }
#google-auth:disabled,#celebrate-google:disabled { opacity:.55; cursor:default; }
.auth-divider { display:flex; align-items:center; gap:10px; font-size:12px; color:var(--muted); margin:18px 0 6px; }
.auth-divider::before,.auth-divider::after { content:''; height:1px; background:var(--line); flex:1; }
#google-auth-status,#celebrate-google-status { font-size:12px; color:var(--muted); margin:8px 0 0; }
#signup-celebration { width:min(440px,calc(100vw - 28px)); text-align:center; border-radius:18px; padding:32px 26px 22px; }
#signup-celebration .signup-roo { width:72px; height:72px; object-fit:contain; }
#signup-celebration h2 { margin-top:12px; font-size:34px; line-height:1.12; }
#signup-celebration .signup-value { margin:14px 0 18px; color:var(--muted); font-size:14px; line-height:1.5; }
#celebrate-roo { width:100%; min-height:48px; margin-top:10px; border-radius:8px; }
#celebrate-later { min-height:44px; margin-top:10px; color:var(--muted); }
.signup-checks { display:flex; justify-content:center; gap:8px; margin:12px auto; }
.signup-checks svg { width:24px; height:24px; fill:#447958; stroke:#fff; stroke-width:2; }