.auth-layout{background:var(--color-bg-primary);color:var(--color-ink-primary);min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.auth-brand-panel{background:var(--color-surface-inverse);color:var(--color-ink-inverse);align-items:stretch;gap:var(--space-4);padding:var(--space-5) var(--gutter-mobile);flex-direction:column;justify-content:center;display:flex}.auth-brand-top{align-items:center;gap:var(--space-4);justify-content:space-between;display:flex}.auth-brand-panel .brand-lockup-inverse{color:var(--color-ink-inverse)}.auth-brand-panel .locale-switcher-trigger{background:var(--color-surface-inverse-raised);border-color:var(--color-ink-inverse-muted);color:var(--color-ink-inverse)}.auth-brand-title{color:var(--color-ink-inverse);font-family:var(--font-display);font-size:var(--type-body-lg);letter-spacing:-.02em;max-width:34ch;margin:0;font-weight:700;line-height:1.25}.auth-form-panel{min-width:0;padding:var(--gutter-mobile);justify-content:center;align-items:center;display:flex}.auth-card{animation:auth-card-enter var(--dur-medium) var(--ease-entrance) both;background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-sizing:border-box;max-width:var(--container-form);padding:clamp(var(--space-6), 4vw, var(--space-12));width:100%}.auth-card h1,.auth-card h2{color:var(--color-ink-primary);font-family:var(--font-display);letter-spacing:-.03em;margin:0;line-height:1.08}.auth-card h1{font-size:var(--type-h1)}.auth-card h2{font-size:var(--type-h2)}.auth-card .stack>h1,.auth-card .stack>h2{margin-bottom:var(--space-2)}.auth-loading-content{gap:var(--space-4);display:grid}.auth-loading-title{height:var(--space-9);width:min(68%,16rem)}.auth-loading-field{height:var(--space-16);width:100%}.auth-loading-action{height:var(--space-11);margin-top:var(--space-2);width:100%}.auth-card .stack label,.auth-card .stack input,.auth-card .stack select,.auth-card .stack textarea{color:var(--color-ink-primary)}.auth-card .stack input,.auth-card .stack select,.auth-card .stack textarea{background:var(--color-surface-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:var(--space-12);padding:var(--space-3);transition:background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);outline:none;width:100%}.auth-card .stack input:focus,.auth-card .stack select:focus,.auth-card .stack textarea:focus{border-color:var(--color-brand-active);box-shadow:0 0 0 3px var(--color-focus-ring-offset), 0 0 0 5px var(--color-focus-ring)}.auth-card .stack input::placeholder{color:var(--color-ink-muted)}.auth-password-field{min-width:0}.auth-password-control{display:block;position:relative}.auth-card .stack .auth-password-input{padding-inline-end:calc(var(--space-12) + var(--space-2))}.auth-password-toggle{border-radius:var(--radius-sm);color:var(--color-ink-secondary);cursor:pointer;height:var(--space-11);min-width:var(--space-11);background:0 0;border:0;justify-content:center;align-items:center;margin-block:auto;padding:0;display:inline-flex;position:absolute;inset-block:0;inset-inline-end:var(--space-1)}.auth-password-toggle:hover{background:var(--color-state-hover);color:var(--color-ink-primary)}@media (min-width:48rem) and (max-width:64rem){.auth-password-toggle{height:var(--space-12);min-width:var(--space-12)}}.auth-primary-action{color:var(--color-brand-on-primary);width:100%}.auth-layout .auth-primary-action.button-primary:not(:disabled):not([aria-disabled=true]):hover,.auth-layout .auth-primary-action.button-primary:not(:disabled):not([aria-disabled=true]):active{background:var(--color-brand-hover)}.auth-layout .auth-primary-action:disabled,.auth-layout .auth-primary-action[aria-disabled=true]{color:var(--color-ink-secondary)}.auth-links{font-size:var(--type-label-sm);align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.auth-links a{color:var(--color-brand-ink);text-underline-offset:.2em;font-weight:700}.auth-provider-divider{color:var(--color-ink-muted);font-size:var(--type-caption);align-items:center;gap:var(--space-3);white-space:nowrap;line-height:1.4;display:flex}.auth-provider-divider:before,.auth-provider-divider:after{border-block-start:1px solid var(--color-border-default);content:"";flex:1}.auth-card .google-sign-in{gap:var(--space-3);justify-items:stretch;display:grid}.auth-card .google-button-host{min-height:var(--space-11);justify-content:center;width:100%;display:flex}.auth-card .google-button-host.is-disabled{opacity:.45;pointer-events:none}@keyframes auth-card-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@media (min-width:64rem){.auth-layout{grid-template-rows:minmax(100dvh,auto);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-brand-panel{min-height:100dvh;padding:clamp(var(--gutter-desktop), 6vw, var(--space-20));grid-area:1/2;justify-content:space-between}.auth-brand-title{font-size:var(--type-display-2);letter-spacing:-.03em;max-width:18ch;line-height:1.02}.auth-form-panel{min-height:100dvh;padding:var(--gutter-desktop);grid-area:1/1}}@media (prefers-reduced-motion:reduce){.auth-card{animation:none}.auth-card .stack input,.auth-card .stack select,.auth-card .stack textarea{transition:none}}@media (forced-colors:active){.auth-password-toggle{border:1px solid buttontext}}
