html#ht_spl,
html#ht_spl body {
  background: #111315;
  color: #e6e8ea;
  font-family: "IBM Plex Sans", "Aptos", "Segoe UI", sans-serif;
}

html#ht_spl a {
  color: #c7d0d8;
}

html#ht_spl a:hover,
html#ht_spl a:focus {
  color: #eef2f5;
}

html#ht_spl #wrap {
  max-width: 34rem;
  margin: 8vh auto 4rem;
  padding: 2rem;
  background: #171a1d;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  box-shadow: none;
}

html#ht_spl h1 {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #f4f6f8;
}

html#ht_spl #b,
html#ht_spl #m,
html#ht_spl small,
html#ht_spl blockquote,
html#ht_spl li {
  color: #98a1a9;
}

html#ht_spl table,
html#ht_spl .vols,
html#ht_spl .num,
html#ht_spl #msg {
  background: #171a1d;
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: none;
}

html#ht_spl form#lf {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

html#ht_spl #lf input[type="text"],
html#ht_spl #lf input[type="password"] {
  min-width: 12rem;
  padding: 0.7rem 0.8rem;
  border: 1px solid #2d353d;
  border-radius: 4px;
  background: #111315;
  color: #e6e8ea;
  box-shadow: none;
}

html#ht_spl #lf input[type="text"]::placeholder,
html#ht_spl #lf input[type="password"]::placeholder {
  color: #7f8891;
}

html#ht_spl #ls,
html#ht_spl #lo {
  padding: 0.72rem 1rem;
  border: 1px solid #dfe3e7;
  border-radius: 4px;
  background: #dfe3e7;
  color: #111315;
  font-weight: 600;
  box-shadow: none;
}

html#ht_spl #ls:hover,
html#ht_spl #lo:hover,
html#ht_spl #ls:focus,
html#ht_spl #lo:focus {
  background: #f4f6f8;
  border-color: #f4f6f8;
}

html#ht_spl #x,
html#ht_spl #w,
html#ht_spl #wb {
  color: #98a1a9;
}

html#ht_spl #pb {
  color: #7f8891;
}