.account-page{width:min(100% - 2rem,72rem);margin-inline:auto;padding:clamp(3rem,7vw,6.5rem) 0}.account-hero{max-width:48rem;margin-bottom:var(--space-6)}.account-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.account-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:#16110ee0;padding:clamp(1.25rem,3vw,2rem)}.account-card h2{margin-bottom:var(--space-3);font-size:clamp(1.3rem,1rem + 1vw,1.8rem)}.account-provider-actions,.account-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.account-page button.button[hidden],.account-provider-list[hidden]{display:none}.account-provider-list{gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.account-provider-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:#0706056b;border:1px solid #e0c17a2b;flex-wrap:wrap;display:flex}.account-provider-identity{color:var(--color-parchment);flex-wrap:nowrap;align-items:center;gap:.65rem;display:flex}.account-provider-name,[data-account-provider-state]{white-space:nowrap}.account-provider-name{font-weight:700}.account-status-dot{border-radius:50%;flex:none;width:.75rem;height:.75rem}.account-status-dot-linked{background:#3ddc84}.account-status-dot-unlinked{background:#9aa0a6}.account-provider-row .button:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.account-status{min-height:1.6rem;margin:var(--space-3) 0 0;color:var(--color-ink-muted)}.account-signed-in[hidden],.account-signed-out[hidden]{display:none}.account-profile{align-items:center;gap:var(--space-4);display:flex}.account-profile-badge{color:#fff4d4;width:3.6rem;height:3.6rem;font-family:var(--font-ui);background:#64141de0;border:1px solid #e0c17a94;border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.account-profile-photo{object-fit:cover;border:1px solid #e0c17a94;border-radius:50%;width:3.6rem;height:3.6rem}.account-page .account-profile-badge[hidden],.account-page .account-profile-photo[hidden]{display:none}.account-avatar-controls{align-items:end;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.account-avatar-controls label{gap:var(--space-2);color:var(--color-ink-muted);display:grid}.account-avatar-controls input{max-width:100%;color:var(--color-parchment)}.account-profile-name{color:var(--color-parchment);font-family:var(--font-display);margin:0;font-size:1.45rem}.account-profile-provider{color:var(--color-ink-muted);margin:0;font-size:.95rem}.account-stats{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.account-stat{padding:var(--space-4);border-radius:var(--radius-md);background:#0706056b;border:1px solid #e0c17a2b}.account-stat strong{color:var(--color-gold);font-family:var(--font-display);font-size:1.45rem;display:block}.account-stat span{color:var(--color-ink-muted);font-size:.85rem}.account-history{gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.account-history li{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid #e0c17a2b;gap:.2rem;display:grid}.account-history[hidden]{display:none}.account-future{color:var(--color-ink-muted);font-size:.94rem}@media (width>=50rem){.account-grid{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr)}.account-card-wide{grid-column:1/-1}.account-stats{grid-template-columns:repeat(5,minmax(0,1fr))}}.account-registration label{gap:var(--space-2);color:var(--color-ink-muted);display:grid}.account-registration input{border:1px solid var(--color-line);border-radius:var(--radius-sm);width:min(100%,24rem);min-height:2.8rem;color:var(--color-ink);font:inherit;background:#070605b8;padding:.65rem .8rem}.account-registration[hidden]{display:none}.account-privacy-toggle{margin:var(--space-4) 0;color:var(--color-parchment);align-items:flex-start;gap:.65rem;display:flex}.account-privacy-toggle input{margin-top:.2rem}.account-privacy-toggle span{gap:.2rem;display:grid}.account-privacy-toggle small{color:var(--color-ink-muted);font-size:.82rem;font-weight:400}
