.login .logo{display:block;width:96px;height:96px;border-radius:var(--r-round);object-fit:cover;margin:0 auto 14px}
.login{max-width:340px;margin:12vh auto 0;}
.login h1{font-size:var(--fs-xl);margin:0 0 14px} .login .f{margin-bottom:10px}
.login .err{color:var(--hot);font-size:var(--fs-s);margin:0 0 10px}
.login .ok{color:var(--gain,var(--c-green-46));font-size:var(--fs-s);margin:0 0 12px;line-height:1.45}
.login .btn.main{width:100%}
.login details{margin-top:14px;font-size:var(--fs-s);color:var(--dim)}
.login details summary{cursor:pointer}
.login details .f{margin-top:8px}
.login details .btn{margin-top:4px}
.login .note{margin:14px 0 0;font-size:var(--fs-s);color:var(--dim);line-height:1.45}
.login{counter-reset:opt}
.login .opt{margin:12px 0 0}
.login .opt .optt{font-weight:600;font-size:var(--fs-m);margin:0 0 8px}
.login .opt:not([hidden]) .optt::before{counter-increment:opt;content:counter(opt) ". "}
.login .opt .note{margin-top:8px}
.login .opt .f{margin-bottom:8px}
.login .orline{margin:14px 0 6px;font-size:var(--fs-s);color:var(--dim)}
.login .chk{display:flex;align-items:center;gap:8px;font-size:var(--fs-s);color:var(--dim);margin:0 0 8px;cursor:pointer}
.login .chk input{flex:none}
.login .note.once{margin:10px 0 0}
.login .spam{margin:0 0 14px;padding:9px 11px;border-radius:var(--r);background:var(--c-yellow-95-2);color:var(--c-yellow-34);font-size:var(--fs-s);line-height:1.45}
.login a.btn.main{display:block;box-sizing:border-box;text-align:center}
.login .lsignup{margin:18px 0 0;padding:12px 0 0;border-top:var(--bw) solid var(--line2)}.login .lsignup .note{margin:0 0 8px;text-align:center}
.login .pkbox .btn.main{white-space:normal}
.login .pkbox .orline{margin-top:16px}
.login .pkerr{margin:10px 0 0;line-height:1.45}
.login .linkish{border:0;background:none;padding:0;font:inherit;color:var(--dim);text-decoration:underline;cursor:pointer}
.lprivacy{max-width:340px;margin:14px auto 30px;padding:0 24px;font-size:var(--fs-s);color:var(--dim);line-height:1.45}
.lprivacy summary{cursor:pointer;text-align:center}
.lprivacy[open]{max-width:640px}
.lprivacy .infointro{margin:10px 0} .lprivacy dt{font-weight:600;margin:10px 0 2px;color:var(--ink)} .lprivacy dd{margin:0}