.auth{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.auth-header{border-bottom:1px solid var(--border)}.auth-bar{justify-content:space-between;align-items:center;gap:var(--space-4);width:min(100% - 2 * var(--site-gutter), var(--site-max));height:var(--site-header);margin-inline:auto;display:flex}.auth-prefs{align-items:center;gap:var(--space-2);display:flex}.auth-main{padding:var(--space-12) var(--site-gutter);place-items:center;display:grid}.auth-card{width:min(100%,420px);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--site-radius-card);background:var(--surface);box-shadow:var(--shadow-sm)}.auth-mark{width:40px;height:40px;color:var(--text)}.auth-card h1{margin-top:var(--space-6);font-size:var(--site-h5);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.auth-lead{gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-muted);display:grid}.auth-body{gap:var(--space-4);margin-top:var(--space-8);font-size:var(--text-md);line-height:var(--leading-normal);display:grid}.auth-body .site-button{width:100%}.auth-providers,.auth-form{gap:var(--space-3);display:grid}.auth .site-button[data-pending]{cursor:progress}.auth .site-button[data-pending][data-variant=primary]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.auth .site-button[data-pending][data-variant=secondary]{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.auth-spinner{animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}}.auth-text{color:var(--text)}.auth-note{font-size:var(--text-sm);color:var(--text-subtle)}.auth-card a:not(.site-button){color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;transition:text-decoration-color var(--duration-base) var(--ease-out)}.auth-card a:not(.site-button):hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.auth-switch{padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-muted)}.auth-signed-in{overflow-wrap:anywhere}.auth-alert{gap:var(--space-2-5);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg);color:var(--text);align-items:flex-start;display:flex}.auth-alert svg{width:var(--size-icon);height:var(--size-icon);margin-top:var(--space-0-5);color:var(--text-muted);flex:none}.auth-alert[data-tone=error]{border-color:var(--state-error)}.auth-alert[data-tone=error] svg{color:var(--state-error)}.auth-alert[data-tone=done] svg{color:var(--state-done)}.auth-form label{color:var(--text-muted)}.auth-input{width:100%;height:44px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:var(--site-body);letter-spacing:var(--tracking-caps);text-transform:uppercase}.auth-input[aria-invalid=true]{border-color:var(--state-error)}.auth-code{padding:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg);font-family:var(--font-mono);font-size:var(--site-h5);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-caps);text-align:center;overflow-wrap:anywhere}.auth-actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.auth-docs{gap:var(--space-3);display:grid}.auth-doc{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg)}.auth-doc h2{font-size:var(--text-lg);line-height:var(--leading-tight)}.auth-doc-meta{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle)}.auth-doc-meta+p{margin-top:var(--space-2);color:var(--text-muted)}.auth-footer{justify-content:center;gap:var(--space-2) var(--space-6);padding:var(--space-6) var(--site-gutter);border-top:1px solid var(--border);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-subtle);flex-wrap:wrap;display:flex}.auth-footer a{transition:color var(--duration-base) var(--ease-out)}.auth-footer a:hover{color:var(--text)}@media (max-width:809px){.auth-main{padding-top:var(--space-8);padding-bottom:var(--space-8);place-items:start center}.auth-card{padding:var(--space-6)}}