body:has(.auth-page){margin:0}.auth-page{--font-size-display:40px;--font-size-section:30px;--font-size-page-title:26px;--font-size-body:22px;--font-size-ui:20px;--font-size-control:19px;--font-size-caption:17px;min-height:100vh;box-sizing:border-box;display:grid;place-items:center;padding:var(--space-6) var(--space-16);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-family-sans);font-size:var(--font-size-ui);line-height:1.2}.auth-card{box-sizing:border-box;width:min(100%,560px);display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-12);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-panel)}.auth-product{display:flex;align-items:center;gap:var(--space-5)}.auth-product-mark{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:var(--radius-control);background:var(--color-ink);color:var(--color-panel);font-family:var(--font-family-data);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);letter-spacing:-.04em}.auth-product-copy{min-width:0;display:flex;flex-direction:column;line-height:1.35}.auth-product-copy strong{font-size:var(--font-size-control);font-weight:var(--font-weight-medium)}.auth-deferred,.auth-field-optional,.auth-heading>p,.auth-product-copy span{color:var(--color-muted)}.auth-product-copy span{font-size:var(--font-size-control)}.auth-heading{display:flex;flex-direction:column;gap:var(--space-2)}.auth-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.auth-alert p,.auth-deferred,.auth-design-note,.auth-field-error,.auth-field-hint,.auth-heading p,.auth-title-line h1{margin:0}.auth-title-line h1{font-size:var(--font-size-page-title);line-height:1.25;letter-spacing:-.015em}.auth-heading>p{font-size:var(--font-size-ui)}.auth-title-line .status-badge{display:inline-flex;align-items:center;min-height:27px;padding:0 var(--space-4);border:var(--border-hairline) solid var(--color-border);border-radius:999px;background:var(--color-soft);color:var(--color-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.auth-login-form{gap:var(--space-7)}.auth-field,.auth-login-form{display:flex;flex-direction:column}.auth-field{min-width:0;gap:var(--space-3)}.auth-field label,.auth-field-aside{font-size:var(--font-size-control);font-weight:var(--font-weight-medium)}.auth-field-aside{align-self:flex-end;font-weight:var(--font-weight-regular)}.auth-field input{box-sizing:border-box;width:100%;height:var(--control-height);padding:0 var(--space-5);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-panel);color:var(--color-ink);font:inherit;font-size:var(--font-size-control)}.auth-field input::placeholder{color:var(--color-muted);opacity:.72}.auth-field input[aria-invalid=true]{border-color:var(--color-mark)}.auth-field-error{color:var(--color-mark);font-size:var(--font-size-caption);line-height:1.4}.auth-design-note,.auth-field-hint{line-height:1.4}.auth-demo-note,.auth-design-note,.auth-field-hint{color:var(--color-muted);font-size:var(--font-size-caption)}.auth-demo-note{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-soft);line-height:1.45}.auth-demo-note strong{color:var(--color-ink)}.auth-design-note{padding:var(--space-5);background:var(--color-soft);text-align:center}.auth-design-note,.auth-invite-context{border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-control)}.auth-invite-context{display:flex;flex-direction:column;gap:var(--space-5);margin:0;padding:var(--space-6);background:var(--color-paper)}.auth-invite-context>div{display:grid;grid-template-columns:minmax(120px,.65fr) minmax(0,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.auth-invite-context dd,.auth-invite-context dt{margin:0}.auth-invite-context dt{color:var(--color-muted);font-size:var(--font-size-caption)}.auth-invite-context dd{overflow-wrap:anywhere;font-size:var(--font-size-control);font-weight:var(--font-weight-medium)}.auth-quiet-link{color:var(--color-ink);-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:3px}.auth-quiet-button{padding:0;border:0;background:transparent;color:var(--color-ink);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:3px;cursor:default}.auth-ink-button{box-sizing:border-box;min-height:var(--control-height-lg);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);padding:0 var(--space-8);border:var(--border-hairline) solid var(--color-ink);border-radius:var(--radius-control);background:var(--color-ink);color:var(--color-panel);font:inherit;font-size:var(--font-size-control);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .16s ease}.auth-ink-button:hover:not(:disabled){opacity:.88}.auth-ink-button:disabled{cursor:wait;opacity:.65}.auth-alert-icon,.auth-ink-button svg{width:var(--icon-size);height:var(--icon-size);flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.auth-alert{display:grid;grid-template-columns:var(--icon-size) minmax(0,1fr);grid-gap:var(--space-5);gap:var(--space-5);padding:var(--space-6);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-paper)}.auth-alert-icon,.auth-alert-title{color:var(--color-mark)}.auth-alert-title{font-size:var(--font-size-control);font-weight:var(--font-weight-medium)}.auth-alert-body{margin-top:var(--space-2)!important;color:var(--color-muted);line-height:1.45}.auth-alert-body,.auth-deferred{font-size:var(--font-size-caption)}.auth-deferred{line-height:1.5;text-align:center}.auth-alert-actions{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-4)!important;font-size:var(--font-size-caption)}.auth-field input:focus-visible,.auth-ink-button:focus-visible,.auth-quiet-link:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.auth-quiet-button:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media (max-width:660px){.auth-page{padding:var(--space-12) var(--space-9)}.auth-card{padding:var(--space-12)}}@media (max-width:390px){.auth-page{padding:var(--space-8) var(--space-6)}.auth-card{padding:var(--space-9) var(--space-8)}}@media (prefers-reduced-motion:reduce){.auth-ink-button{transition:none}}