.auth-page{min-height:100dvh;padding-top:32px;padding-bottom:calc(48px + env(safe-area-inset-bottom));padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));background:radial-gradient(1100px 560px at 88% -12%, var(--color-primary-container) 0%, transparent 62%), radial-gradient(900px 520px at -12% 112%, var(--color-secondary-container) 0%, transparent 55%), var(--color-surface);justify-content:center;align-items:center;display:flex}.auth-page--loading{color:var(--color-primary)}.auth-page__inner{flex-direction:column;gap:20px;width:100%;max-width:420px;display:flex}.auth-page__logo{color:var(--color-on-surface);align-self:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.auth-page__logo-mark{background:var(--color-primary);width:40px;height:40px;color:var(--color-on-primary);box-shadow:var(--shadow-e1);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.auth-page__logo-text{letter-spacing:-.01em;font-size:1.375rem;font-weight:700}.auth-card{overflow:hidden}.auth-card__tabs .m3-tabs__tab{flex:1 1 0}.auth-card__body{flex-direction:column;gap:18px;padding:24px;display:flex}.auth-card__error{border-radius:var(--radius-m3-md);background:var(--color-error-container);color:var(--color-on-error-container);align-items:flex-start;gap:8px;padding:12px 14px;font-size:.875rem;line-height:1.35;display:flex}.auth-card__form{flex-direction:column;gap:14px;display:flex}.auth-card__submit{width:100%;margin-top:4px}@media not (min-height:760px){.auth-page{padding-top:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));align-items:flex-start}.auth-page__inner{gap:12px}.auth-card__body{gap:12px;padding:18px}.auth-card__form{gap:10px}.auth-page__logo-mark{border-radius:10px;width:32px;height:32px}}.auth-card__notice{border-radius:var(--radius-m3-md);background:var(--color-surface-container-low);align-items:flex-start;gap:8px;padding:10px 12px;line-height:1.4;display:flex}.auth-card__switch{text-align:center}.auth-card__switch a{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-card__switch a:hover{text-decoration:underline}.auth-otp__back{color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:4px 4px 4px 0;font-size:.875rem;font-weight:600;display:inline-flex}.auth-otp__back:hover:not(:disabled){color:var(--color-on-surface)}.auth-otp__back:disabled{opacity:.5;cursor:not-allowed}.auth-otp__email{color:var(--color-on-surface);word-break:break-all;font-weight:700}.auth-otp__field .m3-field__input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:700}.auth-otp__field .m3-field__input::placeholder{letter-spacing:normal;font-family:inherit;font-size:.9375rem;font-weight:400}.auth-otp__resend{text-align:center;justify-content:center;align-items:center;gap:8px;display:flex}.auth-otp__resend button{color:var(--color-primary);font-size:inherit;cursor:pointer;background:0 0;border:none;font-weight:600}.auth-otp__resend button:hover:not(:disabled){text-decoration:underline}.auth-otp__resend button:disabled{color:var(--color-on-surface-variant);cursor:not-allowed}.auth-demo{border:1px dashed var(--color-outline-variant);border-radius:var(--radius-m3-lg);background:var(--color-surface-container-low);flex-direction:column;gap:8px;padding:16px 18px;display:flex}.auth-demo__head{color:var(--color-primary);align-items:center;gap:8px;display:flex}.auth-demo__cred{color:var(--color-on-surface-variant);font-size:.8125rem}.auth-demo__cred code{background:var(--color-surface-container-high);color:var(--color-on-surface);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.auth-demo__btn{align-self:flex-start;margin-top:4px}