.account [hidden]{display:none}.account{justify-content:center;align-items:center;gap:var(--space-6);min-height:100dvh;padding:var(--space-8) var(--space-4);background:var(--color-canvas);color:var(--color-text);font-family:var(--font-ui);flex-direction:column;display:flex}.account-brand{font-size:var(--text-lg);color:var(--color-brand);min-height:var(--tap-min);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.account-card{width:min(100%,var(--width-reading));background:var(--color-surface);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-8) var(--space-6)}.account-eyebrow{font-size:var(--text-xs);letter-spacing:.12em;color:var(--color-brand);margin:0;font-weight:650}.account-card h1{font-size:var(--text-2xl);line-height:var(--leading-tight);margin:var(--space-2) 0}.account-card h2{font-size:var(--text-lg);margin:var(--space-8) 0 var(--space-2)}.account-intro,.account-help{color:var(--color-muted);font-size:var(--text-sm)}.account-form{gap:var(--space-4);margin-top:var(--space-6);display:grid}.account-form label{gap:var(--space-2);font-size:var(--text-sm);font-weight:550;display:grid}.account-form input:not([type=checkbox]){min-height:var(--tap-min);padding:var(--space-3) var(--space-4);border:var(--stroke-1) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-md)}.account-form input:focus-visible,.account-form button:focus-visible{outline:var(--stroke-2) solid var(--color-focus);outline-offset:var(--stroke-2)}.account-form .account-check{align-items:flex-start;gap:var(--space-2);font-weight:400;display:flex}.account-prefix{align-items:center;gap:var(--space-1);display:flex}.account-prefix span{color:var(--color-muted)}.account-prefix input{flex:1}.account-field-error{color:var(--color-danger);font-size:var(--text-xs);min-height:1em;margin:0;font-weight:400}.account-submit{min-height:var(--tap-min);border-radius:var(--radius-sm);background:var(--color-brand);color:var(--color-on-brand);font:inherit;cursor:pointer;padding:var(--space-3) var(--space-4);border:0;font-weight:650}.account-submit:hover{background:var(--color-brand-hover)}.account-submit:disabled{opacity:.65;cursor:wait}.account-danger,.account-danger:hover{background:var(--color-danger)}.account-status{min-height:1.5em;font-size:var(--text-sm);color:var(--color-success)}.account-status[data-error=true]{color:var(--color-danger)}.account-links{align-items:center;gap:var(--space-4);font-size:var(--text-sm);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.account-links a,.account-footer a{color:var(--color-brand);min-height:var(--tap-min);align-items:center;display:inline-flex}.account-toggle{color:var(--color-brand);font:inherit;font-size:var(--text-sm);min-height:var(--tap-min);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.account-footer{gap:var(--space-6);font-size:var(--text-xs);display:flex}