/* HOP — your account (sync.js, v127) */
.acct-sheet .field{ margin-bottom:12px; }
.acct-sheet .field label{ display:block; font-weight:700; font-size:14.5px; margin:0 0 5px; }
.acct-sheet .field input{ width:100%; font:inherit; font-size:17px; padding:12px 14px; border-radius:14px; border:1.5px solid var(--border-strong); background:var(--surface); color:var(--text); }
.acct-sheet .field input:focus{ outline:3px solid var(--accent-400); outline-offset:1px; }
.acct-err{ min-height:1.2em; margin:2px 0 10px; color:var(--danger, #b42318); font-weight:700; font-size:14.5px; }
.acct-status{ margin:0 0 14px; font-size:14.5px; color:var(--text-muted); }
.acct-choice{ display:block; width:100%; text-align:left; font:inherit; color:var(--text); background:var(--surface); border:1.5px solid var(--border-strong); border-radius:16px; padding:13px 14px; margin:0 0 10px; cursor:pointer; }
.acct-choice b{ display:block; font-size:16.5px; margin-bottom:2px; }
.acct-choice span{ display:block; font-size:14px; color:var(--text-muted); line-height:1.4; }
.acct-choice:hover{ border-color:var(--accent-500); }
.acct-choice:disabled{ opacity:.55; cursor:default; }

/* v129: invites in Share HOP, and "Already have HOP? Sign in" on the set-up card */
.share-invite{ border:1.5px solid var(--accent-400); border-radius:16px; padding:12px 14px; margin:0 0 14px; background:color-mix(in srgb, var(--accent-100) 60%, var(--surface)); }
.share-invite h3{ margin:0 0 4px; font-size:17px; }
.share-invite p{ margin:0 0 10px; font-size:14.5px; line-height:1.45; color:var(--text); }
.share-or{ margin:4px 0 8px; font-size:15px; color:var(--text-muted); }
.gl-su-acct{ margin:10px 0 0; text-align:center; font-size:15px; color:var(--text-muted); }