body[data-page=login]{&{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.lg{width:100%;max-width:340px}.lg{.mark{width:40px;height:40px;border-radius:var(--r);font-size:19px;margin-bottom:22px}& h1{font-size:22px;line-height:1.25;font-weight:650;color:var(--text-strong);margin:0 0 24px;letter-spacing:-.01em}}.big{width:100%;height:46px;font-size:15px;border-radius:var(--r-lg)}.gap{height:10px}.em{& input{width:100%;height:46px;border:1px solid var(--border-2);border-radius:var(--r-lg);background:var(--bg-2);padding:0 12px;font-size:16px;margin-bottom:8px;color:var(--text-strong)}& input:focus{outline:none;border-color:var(--accent)}}.wait{margin-top:12px;color:var(--muted);font-size:var(--fs-sm)}.lg p{color:var(--muted);font-size:var(--fs-sm);margin:0 0 16px}.cn{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));right:8px}.th{width:44px;height:44px;border:0;background:none;color:var(--faint);border-radius:var(--r);display:grid;place-items:center}.th:hover{background:var(--hover);color:var(--text)}@media (max-width:760px){&{place-items:start center;padding-top:22vh}.big{height:52px;font-size:16px}}}