.user-auth-page{box-sizing:border-box;justify-content:center;align-items:center;height:100dvh;padding:80px 16px 24px;display:flex;overflow:hidden}.user-auth-no-scroll,.user-auth-no-scroll html,.user-auth-no-scroll body{margin:0;height:100%!important;max-height:100%!important;overflow:hidden!important}.user-auth-no-scroll main.page{height:100%;min-height:0!important;padding-top:0!important}.user-auth-center{width:100%;max-width:420px;max-height:100%;overflow-y:auto}.auth-heading-clip{text-align:center;margin-bottom:24px;overflow:hidden}.auth-heading{color:#fff;letter-spacing:-.02em;white-space:nowrap;margin:0;font-family:GeneralSans,sans-serif;font-size:clamp(26px,5vw,34px);font-weight:600;display:inline-block}.auth-heading-left{animation:.5s cubic-bezier(.22,1,.36,1) both auth-slide-from-left}.auth-heading-right{animation:.5s cubic-bezier(.22,1,.36,1) both auth-slide-from-right}@keyframes auth-slide-from-left{0%{opacity:0;transform:translate(-110%)}to{opacity:1;transform:translate(0)}}@keyframes auth-slide-from-right{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.auth-dialog{text-align:left;box-sizing:border-box;width:100%;max-width:400px;padding:24px 20px 20px}.auth-toggle{overflow:hidden}@media (min-width:480px){.auth-dialog{padding:28px 24px 24px}}.auth-dialog .auth-heading-clip,.auth-dialog .auth-toggle,.auth-dialog .auth-body{text-align:center}.auth-dialog .auth-body .google-auth-btn,.auth-dialog .auth-body .manual-auth-btn{justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex}.auth-dialog .auth-body .login-email-input{text-align:center}.auth-dialog{scrollbar-width:none;max-height:calc(100dvh - 120px);overflow-y:auto}.auth-dialog::-webkit-scrollbar{display:none}.auth-dialog .login-content{width:100%;position:relative}.auth-dialog .login-out{pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.auth-toggle{background:#ffffff0d;border:1px solid #ffffff14;border-radius:9999px;margin-bottom:24px;padding:4px;display:flex;position:relative}.auth-toggle-slider{will-change:transform;background:linear-gradient(#3b9dff 0%,#1a73e8 50%,#0d5bc4 100%);border-radius:9999px;width:calc(50% - 4px);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 8px #1a73e866,inset 0 1px #fff3}.auth-toggle-slider.left{transform:translate(0)}.auth-toggle-slider.right{transform:translate(100%)}.auth-toggle-btn{z-index:1;color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:9999px;flex:1;padding:10px 0;font-family:inherit;font-size:14px;font-weight:500;transition:color .3s;position:relative}.auth-toggle-btn.active{color:#fff;font-weight:600}.auth-toggle-btn:hover:not(.active){color:#fff9}.auth-form .form-group{margin-bottom:14px}.auth-form .form-label{text-align:left}.nav-avatar{object-fit:cover;border:2px solid #fff3;border-radius:50%;width:32px;height:32px;transition:border-color .2s,transform .2s;display:block}.nav-avatar:hover{border-color:#ffffff80;transform:scale(1.05)}.nav-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#3b9dff 0%,#1a73e8 50%,#0d5bc4 100%);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:GeneralSans,sans-serif;font-size:14px;font-weight:700;transition:border-color .2s,transform .2s;display:flex}.nav-avatar-placeholder:hover{border-color:#ffffff80;transform:scale(1.05)}