.auth-form-root{--ctl:48px;font-family:var(--font)}@media (width>=1024px){.auth-form-root{--ctl:44px}}.auth-swap--in{animation:auth-fade .15s var(--ease-out)}@keyframes auth-fade{0%{opacity:0}to{opacity:1}}.auth-form-root .auth-title{letter-spacing:-.015em;color:var(--t0);margin:0;font-size:22px;font-weight:640;line-height:1.2}.auth-form-root .auth-title:focus-visible{outline:none}.ui-login .auth-title{padding-right:48px}.auth-form-root .auth-sub{color:var(--t1);text-wrap:pretty;margin:8px 0 0;font-size:14px;line-height:1.5}.auth-form-root .auth-sub strong{color:var(--t0);font-weight:600}.auth-body{margin-top:24px}.auth-why{margin:16px 0 0}.auth-why-h{color:var(--t0);margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.5}.auth-list{color:var(--t1);margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none}.auth-list li{padding-left:14px;position:relative}.auth-list li+li{margin-top:4px}.auth-list li:before{content:"";background:var(--t3);border-radius:50%;width:4px;height:4px;position:absolute;top:.62em;left:0}.auth-msg{color:var(--t1);align-items:flex-start;gap:8px;margin:0 0 16px;font-size:14px;line-height:1.45;display:flex}.auth-msg svg{flex:none;margin-top:2px}.auth-msg--err{color:var(--err-strong)}.auth-msg--err svg{color:var(--err)}.auth-msg:focus-visible{outline:none}.auth-inline{font:inherit;color:var(--link);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.auth-form-root .auth-google-btn{width:100%;min-height:var(--ctl);border-radius:var(--btn-radius);border:1px solid var(--border);background:var(--bg-1);color:var(--t0);font-family:var(--font);cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,transform var(--dur-1) ease-out;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.auth-form-root .auth-google-btn--primary{background:var(--accent-fill);color:var(--accent-ink);border-color:var(--accent-fill)}@media (hover:hover){.auth-form-root .auth-google-btn--primary:hover:not(:disabled){background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}}.auth-form-root .auth-google-btn:active:not(:disabled),.auth-form-root .auth-submit:active:not(:disabled){transform:scale(.97)}.auth-form-root .auth-google-btn:disabled,.auth-form-root .auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-google-mark{border-radius:var(--radius-xs);background:#fff;flex:none;place-items:center;width:22px;height:22px;display:grid}.auth-form-root .auth-divider{color:var(--t3);font-size:13px;line-height:16px;font-family:var(--font);align-items:center;gap:12px;margin:16px 0;display:flex}.auth-form-root .auth-divider:before,.auth-form-root .auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-form-root .auth-form{flex-direction:column;gap:12px;display:flex}.auth-form-root .auth-field label{color:var(--t1);margin-bottom:6px;font-size:13px;font-weight:560;line-height:18px;display:block}.auth-form-root .auth-field input{width:100%;min-height:var(--ctl);border-radius:var(--radius);padding:0 14px;scroll-margin-block:96px;font-size:16px;transition:border-color .15s ease-out}.auth-form-root .auth-field input[aria-invalid=true]{border-color:var(--err)}.auth-form-root .auth-field input:disabled{opacity:.5;cursor:not-allowed}.auth-pw{position:relative}.auth-form-root .auth-pw input{padding-right:64px}.auth-show{min-width:56px;height:var(--ctl);font-family:var(--font);color:var(--link);text-align:right;cursor:pointer;background:0 0;border:0;padding:0 14px 0 0;font-size:13px;font-weight:560;position:absolute;top:0;right:0}.auth-help{color:var(--t2);margin:4px 0 0;font-size:12px;line-height:18px}.auth-help--err{color:var(--err-strong)}.auth-form-root .auth-submit{width:100%;min-height:var(--ctl);transition:background-color .15s ease-out,border-color .15s ease-out,transform var(--dur-1) ease-out;justify-content:center;gap:8px;margin-top:4px;padding:0 16px;font-size:15px;font-weight:600}.auth-spin{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-legal{color:var(--t2);margin:12px 0 0;font-size:12px;line-height:18px}.auth-legal a{color:var(--link);text-underline-offset:2px;text-decoration:underline}.auth-form-root .auth-links{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.auth-link{min-height:44px;font-family:var(--font);color:var(--t1);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:14px}.auth-link-strong{color:var(--link);font-weight:600}.auth-link--quiet{color:var(--link);text-align:right}.auth-link:disabled,.auth-show:disabled{opacity:.5;cursor:not-allowed}.auth-link:focus-visible,.auth-inline:focus-visible{text-decoration:underline}@media (hover:hover){.auth-link:hover:not(:disabled),.auth-inline:hover,.auth-show:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}}.auth-notnow{width:fit-content;min-height:44px;font-family:var(--font);color:var(--t2);cursor:pointer;background:0 0;border:0;margin:8px auto 0;padding:0 12px;font-size:14px;display:block}.auth-notnow:disabled{opacity:.5;cursor:not-allowed}@media (hover:hover){.auth-notnow:hover:not(:disabled){color:var(--t0)}}.ui-modal.ui-login{isolation:isolate;width:min(440px,100%);max-width:440px;box-shadow:var(--shadow-l);overscroll-behavior:contain}.ui-login-pane{padding:32px}.ui-login .ui-login-x{width:40px;height:40px;color:var(--t2);transition:color .15s ease-out,background-color .15s ease-out;top:12px;right:12px}@media (hover:hover){.ui-login .ui-login-x:hover{color:var(--t0)}}@media (pointer:coarse){.ui-login-x:after{content:"";position:absolute;inset:-4px}}.ui-login .ui-login-x{z-index:2;position:absolute}.ui-modal.ui-login.ui-login--strip{background:var(--card);grid-template-columns:300px minmax(0,1fr);width:min(760px,100%);max-width:760px;display:grid;overflow:hidden}.ui-login--strip .ui-login-pane{overscroll-behavior:contain;background:linear-gradient(var(--card) 30%,#0000) top/100% 26px no-repeat local,linear-gradient(#0000,var(--card) 70%) bottom/100% 26px no-repeat local,radial-gradient(farthest-side at 50% 0,color-mix(in srgb,var(--t0) 18%,transparent),#0000) top/100% 12px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,color-mix(in srgb,var(--t0) 18%,transparent),#0000) bottom/100% 12px no-repeat scroll,var(--card);max-height:calc(100dvh - 34px);overflow-y:auto}@media (height<=460px){.ui-login--strip .ui-login-pane{max-height:calc(100dvh - 18px)}}.ui-login-strip{background:var(--bg-0);border-right:1px solid var(--border);min-height:0;position:relative}@media (width<=767px){.ui-modal.ui-login{width:auto;max-width:none;max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px));border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;animation:auth-sheet-in .24s var(--ease-entrance);border-bottom:0;position:fixed;inset:auto 0 0}.ui-login-pane{padding:24px max(24px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left,0px))}.auth-body{margin-top:24px}}@keyframes auth-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (height<=600px){.auth-form-root{--ctl:44px}.ui-login-pane{padding-top:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.auth-form-root .auth-links{margin-top:8px}}@media (height<=460px){.ui-modal.ui-login{max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px))}.ui-login-pane{padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.auth-form-root .auth-title{font-size:20px}.auth-body{margin-top:12px}.auth-form-root .auth-divider{margin:4px 0}.auth-form-root .auth-form{gap:8px}.auth-form-root .auth-field label{margin-bottom:4px}.auth-form-root .auth-submit{margin-top:0}.auth-legal{margin-top:8px}.auth-notnow{display:none}}html[data-reduced-motion=true] .auth-swap--in{animation:none}html[data-reduced-motion=true] .ui-modal.ui-login{animation:.15s linear auth-fade}html[data-reduced-motion=true] .auth-spin{animation-duration:2.4s}@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) .auth-swap--in{animation:none}html:not([data-reduced-motion=false]) .ui-modal.ui-login{animation:.15s linear auth-fade}html:not([data-reduced-motion=false]) .auth-spin{animation-duration:2.4s}}