#login-email,#login-code,#logout{display:grid;gap:14px;max-width:480px;margin:28px 0;padding:26px;background:#fffaf1;border:1px solid var(--line);border-radius:12px}
#login-email[hidden],#login-code[hidden]{display:none}
#login-email label,#login-code label{font-weight:650}
#login-email input,#login-code input{width:100%;min-height:52px;border:1px solid #718283;border-radius:6px;padding:12px 14px;background:white;color:var(--ink);font:inherit}
#login-code input{font-size:24px;letter-spacing:.3em}
#login-email input:focus-visible,#login-code input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
#login-email button,#login-code button,#logout button{min-height:48px;justify-content:center;cursor:pointer;border:0}
#login-again{background:transparent;color:var(--ink);text-decoration:underline;font:inherit}
#login-status{min-height:28px;max-width:480px}
button:disabled{opacity:.65;cursor:wait}
@media(max-width:600px){#login-email,#login-code,#logout{padding:18px}}