/* An entrance sequence, separate from the working canvas inside the system. */
#login-screen.entry-screen {
  --entry-black: #0b0b0b;
  --entry-paper: #e5e2dd;
  --entry-muted: #74716c;
  --entry-orange: #b16c36;
  --entry-blue: #3470a0;
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-items: stretch;
  justify-content: stretch;
  min-width: 0;
  width: 100%;
  height: 100svh;
  min-height: 440px;
  margin: 0;
  padding: clamp(25px, 4.5vh, 48px) clamp(22px, 4.5vw, 70px) 25px;
  box-sizing: border-box;
  overflow: clip;
  isolation: isolate;
  background: var(--entry-black);
  color: var(--entry-paper);
  font-family: Consolas, "Cascadia Code", "Microsoft YaHei", monospace;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  color-scheme: dark;
  -webkit-font-smoothing: antialiased;
}
#login-screen.entry-screen.hidden { display: none; }
#login-screen.entry-screen *,
#login-screen.entry-screen *::before,
#login-screen.entry-screen *::after { box-sizing: border-box; }
#login-screen.entry-screen::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  opacity: .12;
  background-image: radial-gradient(#ddd5c647 .35px, transparent .7px), radial-gradient(#ddd5c62b .4px, transparent .8px);
  background-position: 0 0, 2px 3px;
  background-size: 5px 7px, 9px 11px;
}
#login-screen.entry-screen::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 45%, transparent 0 18%, #0003 70%, #0007 100%);
}
#login-screen.entry-screen .entry-frame {
  position: absolute;
  z-index: -3;
  inset: 14px 14px 15px;
  border: 1px solid #d9d0c509;
  pointer-events: none;
}
#login-screen.entry-screen .entry-frame::before,
#login-screen.entry-screen .entry-frame::after {
  content: "";
  position: absolute;
  top: -15px;
  bottom: -15px;
  width: 10px;
  border-right: 1px solid #e0d6c807;
  border-left: 1px solid #e0d6c808;
}
#login-screen.entry-screen .entry-frame::before { left: 13.4%; }
#login-screen.entry-screen .entry-frame::after { right: 12.9%; }
#login-screen.entry-screen .entry-architecture {
  position: absolute;
  z-index: -3;
  inset: 0;
  pointer-events: none;
}
#login-screen.entry-screen .entry-architecture > i {
  position: absolute;
  top: -1px;
  display: block;
  border: 1px solid #d7c7b30a;
  border-top: 0;
  background: linear-gradient(180deg, #ffffff01, transparent 75%);
}
#login-screen.entry-screen .entry-architecture > i:nth-child(1) { left: 23.5%; width: 31%; height: 75%; }
#login-screen.entry-screen .entry-architecture > i:nth-child(2) { right: 8.2%; width: 17%; height: 86%; }
#login-screen.entry-screen .entry-architecture > i:nth-child(3) { right: -1px; width: 6.5%; height: 68%; }
#login-screen.entry-screen .entry-sheen {
  position: absolute;
  z-index: -2;
  inset: -50%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(136deg, transparent 44%, #e2ddd006 48%, #e2ddd00a 50%, #e2ddd003 54%, transparent 58%);
  animation: entry-sheen-sweep 12s ease-in-out infinite;
}
#login-screen.entry-screen .entry-topbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; min-width: 0; }
#login-screen.entry-screen .entry-wordmark { display: flex; flex-direction: column; align-items: flex-start; max-width: calc(100vw - 120px); }
#login-screen.entry-screen .entry-wordmark > span { display: block; color: #d7d4cf; font-size: clamp(14px, 1.65vw, 24px); line-height: 1.25; letter-spacing: -.035em; font-weight: 400; }
#login-screen.entry-screen .entry-wordmark > span:first-child { color: #f1eeea; }
#login-screen.entry-screen .entry-wordmark > span:nth-child(2) { font-size: clamp(11px, 1.25vw, 18px); }
#login-screen.entry-screen .entry-wordmark > span:nth-child(3) { color: #9b9791; }
#login-screen.entry-screen .entry-revision { display: flex; align-items: center; gap: 9px; margin-top: 14px; color: #79736c; font-size: 8px; letter-spacing: .04em; }
#login-screen.entry-screen .entry-revision::before { content: ""; flex: none; width: 17px; height: 2px; background: var(--entry-orange); }
#login-screen.entry-screen .entry-skip,
#login-screen.entry-screen .entry-replay { appearance: none; padding: 4px 0; border: 0; border-radius: 0; background: transparent; color: #807b74; font: 9px/1.5 Consolas, "Microsoft YaHei", monospace; letter-spacing: .1em; cursor: pointer; }
#login-screen.entry-screen .entry-skip { flex: none; margin-top: 2px; }
#login-screen.entry-screen .entry-skip::after { content: ""; }
#login-screen.entry-screen .entry-skip:hover,
#login-screen.entry-screen .entry-replay:hover { color: #d8d2c7; }
#login-screen.entry-screen .entry-content { position: relative; display: grid; place-items: center; align-self: stretch; min-width: 0; min-height: 0; width: 100%; padding: 20px 0 42px; text-align: center; }
#login-screen.entry-screen :is(.entry-brand, .entry-permission, .entry-identity, .entry-verifying, .entry-welcome) { display: none; max-width: 100%; min-width: 0; }
#login-screen.entry-screen[data-phase="brand"] .entry-brand { display: flex; flex-direction: column; align-items: center; animation: entry-rise-in 1.05s ease both; }
#login-screen.entry-screen[data-phase="brand"] :is(.entry-wordmark, .entry-revision, .entry-footer, .entry-architecture, .entry-frame, .entry-progress) { opacity: 0; }
#login-screen.entry-screen .entry-heading em { color: var(--entry-orange); font-style: normal; }
.entry-active { overflow: hidden; background: #080808; }
#login-screen.entry-screen .entry-symbol { display: block; width: clamp(47px, 5.2vw, 76px); height: clamp(47px, 5.2vw, 76px); margin: 0 auto 18px; color: #ddd8cd; overflow: visible; }
#login-screen.entry-screen .entry-symbol svg { display: block; width: 100%; height: 100%; }
#login-screen.entry-screen .entry-brand-cn { margin: 0; color: #e5e0d8; font-size: clamp(22px, 2.1vw, 31px); font-weight: 400; line-height: 1.5; letter-spacing: .38em; text-indent: .38em; }
#login-screen.entry-screen .entry-brand-en { display: block; margin-top: 8px; color: #746e65; font-size: 8px; letter-spacing: .42em; text-indent: .42em; }
#login-screen.entry-screen[data-phase="permission"] .entry-permission { display: flex; width: min(440px, 100%); flex-direction: column; align-items: center; animation: entry-rise-in .8s ease both; }
#login-screen.entry-screen .entry-heading { margin: 0; font-weight: 400; }
#login-screen.entry-screen .entry-heading h1 { margin: 0; color: #e1dcd3; font-size: clamp(18px, 2vw, 27px); font-weight: 400; line-height: 1.6; letter-spacing: .25em; text-indent: .25em; }
#login-screen.entry-screen .entry-heading small { display: block; margin-top: 9px; color: #716a5f; font-size: 8px; line-height: 1.7; letter-spacing: .14em; }
#login-screen.entry-screen .entry-rule { flex: none; width: min(250px, 82%); height: 1px; margin: 23px auto 20px; border: 0; background: #635c4d66; transform-origin: center; animation: entry-rule-open .8s ease both; }
#login-screen.entry-screen .entry-grant { appearance: none; min-width: 108px; padding: 7px 21px; border: 1px solid #e4dfd6; border-radius: 0; background: #ddd8cf; color: #161513; font: 10px/1.6 Consolas, "Microsoft YaHei", monospace; letter-spacing: .12em; cursor: pointer; }
#login-screen.entry-screen .entry-grant:hover { background: #f4eee4; }
#login-screen.entry-screen .entry-hint { max-width: 100%; margin: 13px 0 0; color: #5e584f; font-size: 8px; line-height: 1.9; letter-spacing: .03em; overflow-wrap: anywhere; }
#login-screen.entry-screen[data-phase="identity"] .entry-identity { display: block; width: min(360px, 100%); animation: entry-rise-in .65s ease both; }
#login-screen.entry-screen .entry-identity .entry-heading h1 { font-size: clamp(17px, 1.7vw, 23px); }
#login-screen.entry-screen .entry-identity .entry-heading small { margin-top: 7px; font-size: 7px; }
#login-screen.entry-screen .entry-identity .entry-rule { width: 100%; margin: 19px 0 17px; background: #5b554a70; }
#login-screen.entry-screen .entry-account { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 10px; min-width: 0; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid #d0b58c17; color: #9b9181; font-size: 9px; text-align: left; }
#login-screen.entry-screen .entry-account :is(span, small) { color: #615b51; font-size: 8px; }
#login-screen.entry-screen .entry-account strong { color: #c2baad; font-weight: 400; }
#login-screen.entry-screen .entry-credentials,
#login-screen.entry-screen #login-form { display: flex; width: 100%; min-width: 0; flex-direction: column; align-items: stretch; gap: 10px; margin: 0; text-align: left; }
#login-screen.entry-screen .entry-credentials label { color: #8c8171; font-size: 9px; font-weight: 400; letter-spacing: .08em; }
#login-screen.entry-screen :is(#login-username, #login-password) { appearance: none; display: block; width: 100%; min-width: 0; height: 38px; margin: 0; padding: 10px 11px; border: 1px solid #4b4438; border-radius: 0; outline: 0; background: #10100e; box-shadow: none; color: #ddd6cb; font: 12px/1.5 Consolas, "Microsoft YaHei", monospace; letter-spacing: .15em; }
#login-screen.entry-screen :is(#login-username, #login-password)::placeholder { color: #514b40; font-size: 9px; letter-spacing: .06em; }
#login-screen.entry-screen :is(#login-username, #login-password):focus { border-color: #ac8055; box-shadow: none; }
#login-screen.entry-screen :is(#login-username, #login-password):-webkit-autofill { -webkit-text-fill-color: #ddd6cb; box-shadow: 0 0 0 1000px #10100e inset; caret-color: #ddd6cb; }
#login-screen.entry-screen #login-submit { appearance: none; width: 100%; min-height: 35px; padding: 8px 15px; border: 1px solid #d7d0c4; border-radius: 0; background: #d7d0c4; box-shadow: none; color: #15130f; font: 10px/1.5 Consolas, "Microsoft YaHei", monospace; letter-spacing: .16em; cursor: pointer; }
#login-screen.entry-screen #login-submit:hover:not(:disabled) { background: #eee5d7; border-color: #eee5d7; }
#login-screen.entry-screen #login-submit:disabled { opacity: .55; cursor: wait; }
#login-screen.entry-screen #login-error { min-height: 15px; margin: 0; color: #bd895f; font-size: 9px; line-height: 1.7; overflow-wrap: anywhere; }
#login-screen.entry-screen:is([data-phase="verifying"], [data-phase="verified"]) .entry-verifying { position: relative; display: grid; place-items: center; width: min(64svh, 580px, 86vw); height: auto; max-height: 100%; aspect-ratio: 1; animation: entry-rise-in .7s ease both; }
#login-screen.entry-screen .entry-orbits { position: absolute; inset: 0; pointer-events: none; }
#login-screen.entry-screen .entry-orbits > i { position: absolute; display: block; border-radius: 50%; }
#login-screen.entry-screen .entry-orbits > i::after { content: ""; position: absolute; display: block; border-radius: 50%; }
#login-screen.entry-screen .entry-orbits > i:nth-child(1) { inset: 0; border: clamp(2px, .35vw, 5px) solid #dfdbd4; border-bottom-color: transparent; transform: rotate(-25deg); animation: entry-orbit-outer 13s linear infinite; }
#login-screen.entry-screen .entry-orbits > i:nth-child(1)::after { right: 11.8%; bottom: 13.2%; width: clamp(8px, 1vw, 14px); height: clamp(8px, 1vw, 14px); background: #e8e3dc; }
#login-screen.entry-screen .entry-orbits > i:nth-child(2) { inset: 7.5%; border: 1px solid #71624d60; border-top-color: transparent; border-bottom-color: #1d1a155c; animation: entry-orbit-middle 20s linear infinite reverse; }
#login-screen.entry-screen .entry-orbits > i:nth-child(2)::after { top: 11%; left: 14%; width: 4px; height: 4px; background: #b67c43; box-shadow: 110px 242px 0 #976039, 241px 28px 0 #b67c43; }
#login-screen.entry-screen .entry-orbits > i:nth-child(3) { inset: 12%; border: 1px solid #b8b2a8b3; border-right-color: transparent; border-left-color: transparent; animation: entry-orbit-inner 16s linear infinite; }
#login-screen.entry-screen .entry-orbits > i:nth-child(3)::after { right: 14%; top: 12.5%; width: 4px; height: 4px; background: #d8d1c6; }
#login-screen.entry-screen .entry-verification-title { position: relative; z-index: 1; width: 100%; margin: 0; padding: 20px 0; background: linear-gradient(90deg, transparent, #0b0b0bf5 25% 75%, transparent); text-align: center; }
#login-screen.entry-screen .entry-verification-title h2 { margin: 0; color: #ddd8ce; font-size: clamp(13px, 1.55vw, 22px); font-weight: 400; line-height: 1.8; letter-spacing: .15em; text-indent: .15em; }
#login-screen.entry-screen .entry-verification-title small { display: block; margin-top: 5px; color: #6b6255; font-size: 7px; letter-spacing: .1em; }
#login-screen.entry-screen:is([data-phase="verifying"], [data-phase="verified"])::after { background: linear-gradient(180deg, transparent 0 15%, #e9e6df0b 22%, #e9e6df22 25%, #e9e6df03 30%, transparent 36%); background-size: 100% 180%; animation: entry-scan-down 4s ease-in-out infinite; }
#login-screen.entry-screen[data-phase="verified"] .entry-verification-title h2 { color: #f0e9dc; }
#login-screen.entry-screen[data-phase="verified"] .entry-orbits > i { animation-play-state: running; }
#login-screen.entry-screen:is([data-phase="welcome"], [data-phase="leaving"]) .entry-welcome { display: flex; flex-direction: column; align-items: center; width: min(560px, 100%); animation: entry-rise-in .85s ease both; }
#login-screen.entry-screen .entry-welcome-top { margin-bottom: 10px; color: #6391b1; font-size: clamp(10px, 1.3vw, 17px); line-height: 1.5; letter-spacing: .35em; text-indent: .35em; }
#login-screen.entry-screen .entry-welcome-band { display: block; max-width: 100%; padding: 9px 20px 10px; background: #d7dde0; color: #13212b; font-size: clamp(20px, 2.8vw, 39px); font-weight: 600; line-height: 1.12; letter-spacing: -.065em; white-space: nowrap; }
#login-screen.entry-screen .entry-welcome .entry-symbol { width: 25px; height: 25px; margin: 22px auto 0; color: #899eac; }
#login-screen.entry-screen:is([data-phase="welcome"], [data-phase="leaving"]) { background-color: #080e13; }
#login-screen.entry-screen:is([data-phase="welcome"], [data-phase="leaving"]) .entry-architecture > i { border-color: #6585a111; }
#login-screen.entry-screen:is([data-phase="welcome"], [data-phase="leaving"]) .entry-sheen { background: linear-gradient(136deg, transparent 44%, #3470a009 48%, #3470a012 50%, #3470a005 54%, transparent 58%); }
#login-screen.entry-screen .entry-footer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(200px, 1.15fr) minmax(0, 1fr); align-items: end; gap: 25px; min-width: 0; padding-bottom: 8px; }
#login-screen.entry-screen .entry-stage-label { color: #8a7a65; font-size: 8px; line-height: 1.7; letter-spacing: .08em; }
#login-screen.entry-screen .entry-spectrum { display: inline-flex; align-items: flex-end; gap: 3px; height: 12px; margin-right: 8px; vertical-align: middle; }
#login-screen.entry-screen .entry-spectrum > i { display: block; width: 2px; height: 7px; background: #9c6337; transform-origin: bottom; animation: entry-spectrum-pulse 2.5s ease-in-out infinite; }
#login-screen.entry-screen .entry-spectrum > i:nth-child(2) { height: 11px; animation-delay: -.6s; }
#login-screen.entry-screen .entry-spectrum > i:nth-child(3) { height: 5px; animation-delay: -1.1s; }
#login-screen.entry-screen .entry-spectrum > i:nth-child(4) { height: 9px; animation-delay: -.3s; }
#login-screen.entry-screen .entry-spectrum > i:nth-child(5) { height: 6px; animation-delay: -.9s; }
#login-screen.entry-screen .entry-status { min-width: 0; text-align: center; }
#login-screen.entry-screen .entry-status > span { display: block; color: #c8c0b4; font-size: 11px; line-height: 1.6; letter-spacing: .13em; }
#login-screen.entry-screen .entry-status > small { display: block; margin-top: 5px; color: #5b554d; font-size: 7px; line-height: 1.8; letter-spacing: .08em; }
#login-screen.entry-screen .entry-powered { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; min-width: 0; color: #5e5a52; font-size: 7px; line-height: 1.5; letter-spacing: .04em; text-align: right; }
#login-screen.entry-screen .entry-powered::after { content: ""; display: block; width: 29px; height: 3px; background: #b8b2a9; }
#login-screen.entry-screen .entry-progress { position: absolute; bottom: 0; left: 50%; width: min(340px, 38vw); height: 2px; overflow: hidden; background: #29251f; transform: translateX(-50%); }
#login-screen.entry-screen .entry-progress > i { display: block; width: 8%; height: 100%; background: #8c6240; transition: width .9s cubic-bezier(.2, .6, .2, 1), background-color .8s ease; }
#login-screen.entry-screen[data-phase="permission"] .entry-progress > i { width: 28%; }
#login-screen.entry-screen[data-phase="identity"] .entry-progress > i { width: 52%; }
#login-screen.entry-screen[data-phase="verifying"] .entry-progress > i { width: 76%; }
#login-screen.entry-screen[data-phase="verified"] .entry-progress > i { width: 89%; }
#login-screen.entry-screen:is([data-phase="welcome"], [data-phase="leaving"]) .entry-progress > i { width: 100%; background: var(--entry-blue); }
#login-screen.entry-screen .entry-replay { position: absolute; right: clamp(22px, 4.5vw, 70px); bottom: 13px; font-size: 7px; letter-spacing: .04em; }
#login-screen.entry-screen :is(button, input):focus-visible { outline: 1px solid #c4a17a; outline-offset: 4px; }
#login-screen.entry-screen[data-phase="leaving"] { pointer-events: none; animation: entry-exit .45s ease both; }

@keyframes entry-rise-in {
  from { opacity: 0; transform: translateY(9px); filter: blur(2px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@keyframes entry-rule-open { from { transform: scaleX(.12); opacity: 0; } to { transform: scaleX(1); opacity: 1; } }
@keyframes entry-sheen-sweep {
  0%, 14% { opacity: 0; transform: translate(18%, 35%); }
  25% { opacity: .7; }
  65% { opacity: .45; }
  82%, 100% { opacity: 0; transform: translate(-16%, -35%); }
}
@keyframes entry-spectrum-pulse { 0%, 100% { transform: scaleY(.65); opacity: .55; } 50% { transform: scaleY(1); opacity: .9; } }
@keyframes entry-verifying { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } }
@keyframes entry-orbit-outer { from { transform: rotate(-25deg); } to { transform: rotate(335deg); } }
@keyframes entry-orbit-middle { from { transform: rotate(0); } to { transform: rotate(360deg); } }
@keyframes entry-orbit-inner { from { transform: rotate(25deg); } to { transform: rotate(385deg); } }
@keyframes entry-scan-down { 0%, 100% { opacity: 0; background-position: 0 130%; } 20%, 65% { opacity: .7; } 80% { opacity: 0; background-position: 0 -30%; } }
@keyframes entry-exit { from { opacity: 1; } to { opacity: 0; } }

@media (max-width: 600px) {
  #login-screen.entry-screen { min-height: 440px; padding: 27px 24px 27px; }
  #login-screen.entry-screen .entry-frame { inset: 10px 10px 11px; }
  #login-screen.entry-screen .entry-frame::before { left: 13%; width: 6px; }
  #login-screen.entry-screen .entry-frame::after { right: 10%; width: 6px; }
  #login-screen.entry-screen .entry-architecture > i:nth-child(1) { left: 24%; width: 41%; height: 74%; }
  #login-screen.entry-screen .entry-architecture > i:nth-child(2) { right: 5%; width: 15%; height: 85%; }
  #login-screen.entry-screen .entry-architecture > i:nth-child(3) { width: 4%; }
  #login-screen.entry-screen .entry-wordmark > span { font-size: 17px; }
  #login-screen.entry-screen .entry-wordmark > span:nth-child(2) { font-size: 11px; }
  #login-screen.entry-screen .entry-revision { gap: 7px; margin-top: 11px; font-size: 6px; }
  #login-screen.entry-screen .entry-skip { font-size: 8px; }
  #login-screen.entry-screen .entry-content { padding: 20px 0 28px; }
  #login-screen.entry-screen .entry-symbol { width: 54px; height: 54px; margin-bottom: 16px; }
  #login-screen.entry-screen .entry-brand-cn { font-size: 24px; }
  #login-screen.entry-screen .entry-brand-en { margin-top: 7px; font-size: 7px; }
  #login-screen.entry-screen .entry-heading h1 { font-size: 18px; letter-spacing: .2em; text-indent: .2em; }
  #login-screen.entry-screen .entry-heading small { margin-top: 8px; font-size: 6px; letter-spacing: .12em; }
  #login-screen.entry-screen .entry-rule { margin: 20px auto 17px; }
  #login-screen.entry-screen .entry-grant { min-width: 106px; font-size: 9px; }
  #login-screen.entry-screen .entry-hint { font-size: 7px; }
  #login-screen.entry-screen .entry-identity { max-width: 300px; }
  #login-screen.entry-screen .entry-identity .entry-heading h1 { font-size: 17px; }
  #login-screen.entry-screen .entry-identity .entry-heading small { font-size: 6px; }
  #login-screen.entry-screen .entry-footer { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px 12px; padding-bottom: 5px; }
  #login-screen.entry-screen .entry-status { grid-column: 1 / -1; grid-row: 1; }
  #login-screen.entry-screen .entry-status > span { font-size: 10px; letter-spacing: .1em; }
  #login-screen.entry-screen .entry-status > small { margin-top: 4px; font-size: 6px; letter-spacing: .04em; }
  #login-screen.entry-screen .entry-stage-label { grid-column: 1; grid-row: 2; font-size: 7px; }
  #login-screen.entry-screen .entry-powered { grid-column: 2; grid-row: 2; font-size: 6px; }
  #login-screen.entry-screen .entry-powered::after { width: 24px; height: 2px; }
  #login-screen.entry-screen .entry-spectrum { gap: 2px; margin-right: 6px; }
  #login-screen.entry-screen .entry-spectrum > i { width: 2px; }
  #login-screen.entry-screen .entry-progress { width: 44vw; }
  #login-screen.entry-screen .entry-welcome-top { margin-bottom: 9px; font-size: 11px; letter-spacing: .3em; }
  #login-screen.entry-screen .entry-welcome-band { padding: 8px 13px 9px; font-size: clamp(18px, 5.6vw, 28px); }
  #login-screen.entry-screen .entry-verifying { width: min(70vw, 46svh); }
  #login-screen.entry-screen .entry-verification-title h2 { font-size: 12px; letter-spacing: .1em; }
  #login-screen.entry-screen .entry-verification-title small { font-size: 5px; letter-spacing: .04em; }
  #login-screen.entry-screen .entry-orbits > i:nth-child(2)::after { box-shadow: 54px 118px 0 #976039, 120px 15px 0 #b67c43; }
  #login-screen.entry-screen .entry-welcome .entry-symbol { width: 21px; height: 21px; margin-top: 18px; }
  #login-screen.entry-screen .entry-replay { right: 24px; bottom: 9px; font-size: 6px; }
}

@media (max-height: 620px) and (min-width: 601px) {
  #login-screen.entry-screen { padding-top: 20px; padding-bottom: 17px; }
  #login-screen.entry-screen .entry-wordmark > span { font-size: 15px; }
  #login-screen.entry-screen .entry-wordmark > span:nth-child(2) { font-size: 10px; }
  #login-screen.entry-screen .entry-revision { margin-top: 7px; font-size: 6px; }
  #login-screen.entry-screen .entry-content { padding: 10px 0 15px; }
  #login-screen.entry-screen .entry-identity .entry-rule { margin: 11px 0; }
  #login-screen.entry-screen .entry-account { margin-bottom: 8px; padding-bottom: 7px; }
  #login-screen.entry-screen .entry-credentials,
  #login-screen.entry-screen #login-form { gap: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  #login-screen.entry-screen::after { animation: none !important; }
  #login-screen.entry-screen *,
  #login-screen.entry-screen *::before,
  #login-screen.entry-screen *::after { animation: none !important; transition: none !important; }
  #login-screen.entry-screen .entry-sheen { display: none; }
  #login-screen.entry-screen[data-phase="leaving"] { animation: none; opacity: 0; }
}