.admin-body {
  min-height: 100svh;
  background: #000;
  display: grid;
  place-items: center;
  padding: 40px 20px;
}

.admin-shell {
  width: min(520px, 100%);
}

.admin-shell h1 {
  font-size: 2rem;
  line-height: 1.1;
  max-width: none;
  margin-bottom: 12px;
}

.admin-lede,
.admin-status {
  color: var(--white-70);
  margin-bottom: 28px;
}

.admin-form {
  display: grid;
  gap: 10px;
  margin-bottom: 24px;
}

.admin-form label {
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--white-50);
}

.admin-form input {
  background: #000;
  border: 1px solid var(--white-35);
  color: var(--white-100);
  padding: 14px 16px;
  font: 16px / 1.4 "Roboto Mono", ui-monospace, monospace;
}

.admin-form .explore-btn {
  justify-content: center;
  width: 100%;
}

.admin-clear {
  border: 1px solid var(--white-35);
  padding: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--white-70);
}

.admin-status.ok {
  color: var(--white-100);
}

.admin-shell a {
  border-bottom: 1px solid var(--white-35);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 12px;
}