.account-link {
  color: var(--accent);
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.topbar-spacer { flex: 1; min-width: 0; }
.auth-card { max-width: 560px; margin: 0 auto; width: 100%; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: -2px 0 20px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.auth-tab { min-height: 52px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--muted); cursor: pointer; font: inherit; font-weight: 800; }
.auth-tab.active { color: var(--primary); border-bottom-color: var(--primary); }
.auth-card form { display: grid; gap: 0; }
.auth-card form .btn { margin-top: 14px; }
#signedInCard { max-width: 560px; margin: 0 auto; width: 100%; }
@media (max-width: 520px) {
  .topbar { gap: 7px; }
  .topbar h1 { min-width: 0; }
  .account-link { font-size: .74rem; }
}