:root {
  color-scheme: dark;
  --lab-ink: #111310;
  --lab-panel: #1a1d18;
  --lab-paper: #f2f0e8;
  --lab-muted: #c8c8bd;
  --lab-acid: #c8ff2e;
  --lab-line: rgba(242,240,232,.18);
}
html { background: var(--lab-ink); }
body.login {
  min-height: 100vh;
  height: auto;
  background: radial-gradient(ellipse at 75% 0,rgba(200,255,46,.09),transparent 36rem),var(--lab-ink);
  color: var(--lab-paper);
  font-family: "Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  word-break: keep-all;
}
.login #login { box-sizing: border-box; width: min(100%,29rem); padding: clamp(2rem,7vh,5rem) 1.25rem 1.5rem; text-align: center; }
.login h1 a {
  background: none;
  width: auto;
  height: auto;
  text-indent: 0;
  margin: 0 0 2.5rem;
  padding: 0;
  color: var(--lab-paper);
  font-size: 1.25rem;
  font-weight: 850;
  line-height: 1.6;
  letter-spacing: -.03em;
}
.login h1 a::before { content: ""; display: inline-block; width: .75rem; height: .75rem; margin-right: .65rem; border-radius: 50%; background: var(--lab-acid); box-shadow: 0 0 24px rgba(200,255,46,.4); }
.gunist-login-intro { margin-bottom: 1.5rem; }
.gunist-login-intro .gunist-login-kicker { font-size: .875rem; letter-spacing: .08em; color: var(--lab-acid); margin: 0 0 .75rem; }
.gunist-login-intro h2 { font-size: clamp(1.65rem,6vw,2rem); line-height: 1.3; font-weight: 750; margin: 0 0 .75rem; letter-spacing: -.035em; }
.gunist-login-intro p { margin: 0; color: var(--lab-muted); }
.login form { margin: 0; padding: 1.75rem; border: 1px solid var(--lab-line); border-top: 3px solid var(--lab-acid); border-radius: 1rem; background: var(--lab-panel); box-shadow: 0 20px 60px rgba(0,0,0,.2); }
.login label { display: inline-block; color: var(--lab-paper); font-size: 1rem; margin-bottom: .5rem; }
.login form .input,.login input[type=text],.login input[type=password],.login input[type=email] {
  box-sizing: border-box; min-height: 3.25rem; border: 1px solid #65695e; border-radius: .5rem;
  background: var(--lab-ink); color: var(--lab-paper); font: inherit; font-size: 1.125rem; padding: .7rem .8rem; text-align: center;
}
.login .wp-pwd input { padding-inline: 3rem; }
.login input:focus { border-color: var(--lab-acid); box-shadow: 0 0 0 2px rgba(200,255,46,.3); outline: none; }
.login .button.wp-hide-pw { width: 3rem; height: 3.25rem; color: var(--lab-muted); }
.login .button.wp-hide-pw:hover { color: var(--lab-acid); }
.login .button.wp-hide-pw:focus { border-color: var(--lab-acid); box-shadow: 0 0 0 2px rgba(200,255,46,.3); }
.login #loginform p.forgetmenot { float: none; margin: .5rem 0 0; text-align: center; }
.login form .forgetmenot label { font-size: .9375rem; margin: 0; }
.login input[type=checkbox] { background: var(--lab-ink); border-color: #858a7b; width: 1.125rem; height: 1.125rem; }
.login input[type=checkbox]:checked::before { filter: brightness(2); }
.login .submit { clear: both; }
.login #loginform p.submit { padding-top: 1.75rem; }
.login .button-primary { float: none; width: 100%; min-height: 3.25rem; padding: .7rem 1rem; border: 1px solid var(--lab-acid); border-radius: .5rem; background: var(--lab-acid); color: var(--lab-ink); font: inherit; font-weight: 750; text-shadow: none; box-shadow: none; white-space: normal; }
.login .button-primary:hover,.login .button-primary:active { background: #daff76; border-color: #daff76; color: var(--lab-ink); }
.login .button-primary:focus { background: var(--lab-acid); color: var(--lab-ink); border-color: var(--lab-acid); box-shadow: 0 0 0 3px var(--lab-ink),0 0 0 5px var(--lab-acid); }
.login .button-primary:disabled { background: #414638!important; border-color: #65695e!important; color: var(--lab-muted)!important; }
.login #nav,.login #backtoblog { display: none; }
.login a { color: var(--lab-muted); }
.login a:hover { color: var(--lab-acid); }
.login a:focus-visible { outline: 2px solid var(--lab-acid); outline-offset: 4px; box-shadow: none; }
.login h1 a:focus,.login h1 a:active { border: 0; outline: none; box-shadow: none; }
.login h1 a:focus-visible { color: var(--lab-acid); text-decoration: underline; text-underline-offset: .3em; }
.login .message,.login .notice,.login .success,.login #login_error { background: var(--lab-panel); color: var(--lab-paper); border-left-color: var(--lab-acid); box-shadow: none; border-radius: .5rem; font-size: .9375rem; line-height: 1.65; margin-bottom: 1.25rem; }
.login #login_error,.login .notice-error { border-left-color: #ff947c; }
.login .message a,.login #login_error a { color: var(--lab-acid); }
.login .description,.login .indicator-hint { color: var(--lab-muted); font-size: .9375rem; }
.login #pass-strength-result { color: #111310; font-size: .9375rem; border-radius: .35rem; }
.login .privacy-policy-page-link { margin: 1.5rem 0; font-size: .875rem; }
@media (max-width: 400px) { .login form { padding: 1.25rem; } .login #login { padding-inline: 1rem; } }
@media (prefers-reduced-motion: reduce) { .login * { animation: none!important; transition: none!important; } }