.auth-bg{background:radial-gradient(ellipse 1200px 600px at 50% -10%, color-mix(in srgb, var(--accent-primary) 10%, transparent), transparent 60%), radial-gradient(ellipse 800px 600px at 15% 100%, color-mix(in srgb, var(--accent-primary) 6%, transparent), transparent 50%), var(--bg-base);place-items:center;min-height:100dvh;padding:40px 20px;display:grid;position:relative;overflow:hidden}.auth-bg:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(800px 600px,#000,#0000 70%);mask-image:radial-gradient(800px 600px,#000,#0000 70%)}.auth-deco{pointer-events:none;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--accent-primary) 10%, transparent), transparent);width:1px;position:absolute;top:0;bottom:0}.auth-deco--l{left:18%}.auth-deco--r{right:18%}.auth-wrap{z-index:2;align-items:center;gap:var(--space-36);width:100%;max-width:420px;animation:auth-wrap-in var(--dur-500) var(--ease-primary);flex-direction:column;display:flex;position:relative}.auth-state{align-self:stretch}@keyframes auth-wrap-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-wrap{animation:none}}.auth-head{align-items:center;gap:var(--space-16);text-align:center;flex-direction:column;max-width:100%;display:flex}.auth-head__text{align-items:center;gap:var(--space-4);flex-direction:column;max-width:100%;display:flex}.auth-title{max-width:100%;font-size:var(--t-h5-size);line-height:var(--t-h5-lh);letter-spacing:-.01em;color:var(--text-primary);overflow-wrap:anywhere;text-wrap:balance;margin:0;font-weight:600}.auth-sub{max-width:100%;font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--text-secondary);overflow-wrap:anywhere;text-wrap:balance;margin:0}.auth-sub strong{color:var(--text-primary);font-weight:500}.auth-line{display:block}.auth-mark{border-radius:var(--radius-12);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:56px;height:56px}.auth-mark--row{width:var(--size-icon-lg);height:var(--size-icon-lg);border-radius:var(--radius-6)}.auth-wordmark{max-width:100%;font-size:var(--t-h6-size);line-height:var(--t-h6-lh);letter-spacing:-.01em;color:var(--text-primary);overflow-wrap:anywhere;font-weight:600}.auth-lockup{align-items:center;gap:var(--space-8);margin-bottom:var(--space-12);font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--text-secondary);font-weight:600;display:inline-flex}.auth-card{background:var(--bg-card);border:1px solid var(--border-container);border-radius:var(--radius-12);width:100%;padding:var(--space-24);box-shadow:var(--shadow-16dp)}.auth-card--list{padding:var(--space-8)}.auth-note{margin-bottom:var(--space-16);padding:var(--space-10) var(--space-12);border-radius:var(--radius-6);background:var(--bg-popover);font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--text-secondary);overflow-wrap:anywhere}.auth-note strong{color:var(--text-primary);font-weight:600}.auth-note--error{background:#f4335014}.auth-card>.auth-note:last-child{margin-bottom:0}.auth-stack{gap:var(--space-16);display:grid}.auth-text{font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--text-secondary);overflow-wrap:anywhere;text-wrap:pretty;margin:0}.auth-text strong{color:var(--text-primary);font-weight:500}.auth-form{gap:var(--space-12);display:grid}.auth-field{gap:var(--space-6);display:grid}.auth-label{font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--text-body);font-weight:500}.auth-wrap .ui-field:not(:focus):not([aria-invalid=true]){border-color:var(--border-control)}.auth-under{font-size:var(--t-body-sm-size);line-height:var(--t-body-sm-lh);margin:0;display:grid}.auth-under>*{text-wrap:pretty;grid-area:1/1;min-width:0;margin:0}.auth-under>[data-hidden]{visibility:hidden}.auth-help{font-size:var(--t-body-sm-size);line-height:var(--t-body-sm-lh);color:var(--text-tertiary);margin:0}.auth-notice{align-items:flex-start;gap:var(--space-6);color:var(--text-notice);display:flex}.auth-notice svg{width:var(--size-icon-sm);height:var(--size-icon-sm);flex-shrink:0}.auth-notice strong{font-weight:600}.auth-or{align-items:center;gap:var(--space-12);margin:var(--space-20) 0;color:var(--text-tertiary);font-size:var(--t-body-sm-size);line-height:var(--t-body-sm-lh);display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--border-tertiary);flex:1;height:1px}.auth-lastused{margin-top:var(--space-8);justify-content:center;display:flex}.auth-badge{height:var(--space-20);padding:0 var(--space-8);border-radius:var(--radius-full);background:var(--bg-toast);color:var(--text-body);font-size:var(--t-caption-size);line-height:var(--t-caption-lh);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.auth-wrap .btn[aria-disabled=true]{cursor:progress}.auth-spin{width:var(--size-icon-sm);height:var(--size-icon-sm);animation:.9s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-spin{animation:none}}.auth-link{border-radius:var(--radius-4);font:inherit;color:var(--text-link);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.auth-link:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.auth-link:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.auth-link:disabled{color:var(--text-tertiary);cursor:default}.auth-sentto{align-items:center;gap:var(--space-10);min-width:0;padding:var(--space-10) var(--space-12);border-radius:var(--radius-6);background:var(--bg-popover);display:flex}.auth-sentto svg{width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--text-tertiary);flex-shrink:0}.auth-sentto__email{overflow-wrap:anywhere;min-width:0;font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--text-primary);flex:1;font-weight:500}.auth-sentto .auth-link{font-size:var(--t-body-size);flex-shrink:0}.auth-wrap .ui-field.auth-code{height:var(--size-row);padding:0 var(--space-12) 0 calc(var(--space-12) + .4em);text-align:center;font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--t-h6-size);letter-spacing:.4em;font-variant-numeric:tabular-nums}.auth-resend{justify-content:center;align-items:center;gap:var(--space-4);min-height:var(--t-body-sm-lh);font-size:var(--t-body-sm-size);line-height:var(--t-body-sm-lh);color:var(--text-tertiary);flex-wrap:wrap;margin:0;display:flex}.auth-resend .auth-link{font-size:var(--t-body-sm-size)}.auth-timer{font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums}.auth-account{align-items:center;gap:var(--space-12);min-width:0;padding:var(--space-12);border-radius:var(--radius-8);background:var(--bg-popover);text-align:left;display:flex}.auth-account__text{flex-direction:column;flex:1;min-width:0;display:flex}.auth-account__name{overflow-wrap:anywhere;font-size:var(--t-body-size);line-height:var(--t-body-lh);color:var(--text-primary);font-weight:500}.auth-account__email{overflow-wrap:anywhere;font-size:var(--t-body-sm-size);line-height:var(--t-body-sm-lh);color:var(--text-secondary)}.auth-account__state{font-size:var(--t-body-sm-size);line-height:var(--t-body-sm-lh);color:var(--text-tertiary);flex-shrink:0}.auth-client{align-items:center;gap:var(--space-12);min-width:0;display:flex}.auth-client__icon{width:var(--space-40);height:var(--space-40);border-radius:var(--radius-8);object-fit:contain;flex-shrink:0}.auth-client__text{flex-direction:column;min-width:0;display:flex}.auth-client__name{font-size:var(--t-label-size);line-height:var(--t-label-lh);color:var(--text-primary);overflow-wrap:anywhere;font-weight:600}.auth-client__meta{font-size:var(--t-body-sm-size);line-height:var(--t-body-sm-lh);color:var(--text-tertiary);overflow-wrap:anywhere}.auth-note.auth-scopes{gap:var(--space-6);margin:0;list-style:none;display:grid}.auth-actions{gap:var(--space-10);display:flex}.auth-actions>.btn{flex:1}.auth-group+.auth-group{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-tertiary)}.auth-group__label{padding:var(--space-8) var(--space-16) var(--space-4)}.auth-row{align-items:center;gap:var(--space-12);min-height:var(--space-56);padding:var(--space-8) var(--space-16);border-radius:var(--radius-8);color:inherit;text-decoration:none;display:flex}a.auth-row{transition:background var(--dur-150) var(--ease-primary)}a.auth-row:hover{background:var(--bg-hover)}a.auth-row:focus-visible{outline:2px solid var(--accent-light);outline-offset:-2px}.auth-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.auth-row__name{font-size:var(--t-label-size);line-height:var(--t-label-lh);color:var(--text-primary);overflow-wrap:anywhere;font-weight:500}.auth-row__meta{font-size:var(--t-body-sm-size);line-height:var(--t-body-sm-lh);color:var(--text-tertiary);overflow-wrap:anywhere}.auth-row__chev{width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--text-tertiary);flex-shrink:0}.auth-row .btn{flex-shrink:0}.auth-row-action{padding:var(--space-4) var(--space-16) var(--space-16)}.auth-list-body{gap:var(--space-12);padding:var(--space-8) var(--space-16) var(--space-16);display:grid}.auth-whoami{text-align:center;max-width:100%;font-size:var(--t-body-sm-size);line-height:var(--t-body-sm-lh);color:var(--text-tertiary);overflow-wrap:anywhere;text-wrap:balance;margin:0}.auth-whoami strong{color:var(--text-secondary);font-weight:500}.auth-whoami .auth-link{font-size:var(--t-body-sm-size)}.auth-legal{font-size:var(--t-body-sm-size);line-height:var(--t-body-sm-lh);color:var(--text-tertiary);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-activated);text-decoration-color:var(--border-activated)}.auth-legal:hover{color:var(--text-secondary)}.auth-legal:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px;border-radius:var(--radius-4)}