.signin{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;position:relative;z-index:1;animation:rise .5s var(--ease-out) backwards}.signin-card{width:min(400px,100%);align-items:stretch;padding:22px}.signin-form{display:grid;gap:12px}.signin-form .field{height:50px;padding-right:6px;border-radius:16px}.signin-form .field.solo{padding-right:14px}.signin-form .field input{font-size:16px}.signin-form .field input.code:not(:placeholder-shown){letter-spacing:.32em}.signin-form .field input:disabled{color:var(--ink-4)}.signin-form .btn.lg{--h: 50px;width:100%;font-size:15px}.signin-form .btn:disabled{opacity:.45;cursor:default}.signin-form .err,.signin-note{margin:0;padding:0 4px;font-size:13px;line-height:1.4}.signin-note{color:var(--ink-3)}.signin-quiet{justify-self:center;border:0;background:none;padding:6px 10px;margin-bottom:-6px;cursor:pointer;color:var(--ink-3);font:500 13px/1.2 var(--font);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}.signin-quiet:hover{color:var(--ink);text-decoration-color:currentColor}.signin-quiet:disabled{opacity:.45;cursor:default}.signin-quiet:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:8px}.shake{animation:shake .42s var(--ease-out)}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@media(prefers-reduced-motion:reduce){.signin,.shake{animation:none}}