/* Additive cosmetics for the verified native challenge DOM only. */
html.kniga-theme {
  display: block;
  height: auto;
  min-height: 100%;
  background: #f5f2ed;
  color: #292622;
}
html.kniga-theme body {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 100vh;
  min-height: 100svh;
  height: auto;
  margin: 0;
  padding: 28px 16px;
  width: 100%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}
html.kniga-theme main {
  width: 100%;
  max-width: 640px;
  min-width: 0;
  margin: auto;
  overflow-wrap: anywhere;
}
html.kniga-theme #title {
  font-size: clamp(1.7rem, 5vw, 2.3rem);
  line-height: 1.16;
  letter-spacing: -0.035em;
  margin: 0 auto 10px;
  font-weight: 750;
}
.kniga-bender-subtitle {
  max-width: 470px;
  margin: 0 auto;
  text-align: center;
  color: #6a6258;
  font-size: 0.96rem;
}
.kniga-bender {
  width: min(288px, 100%);
  aspect-ratio: 4 / 3;
  margin: 24px auto 10px;
  overflow: hidden;
  border-radius: 12px;
  background: #e6e0d7;
}
.kniga-bender img, .kniga-bender canvas {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  margin: 0;
}
.kniga-bender [hidden] { display: none !important; }
.kniga-bender-joke {
  min-height: 3.1em;
  max-width: 430px;
  margin: 12px auto 16px;
  text-align: center;
  font-size: 0.93rem;
  color: #79634c;
}
html.kniga-theme #image[src*="/pensive.webp"] { display: none !important; }
html.kniga-theme #status { margin: 0.8rem auto; }
html.kniga-theme #progress { outline-color: #a67c52; }
html.kniga-theme .bar-inner { background-color: #a67c52; }
html.kniga-theme details { max-width: 560px; margin: 1.1rem auto; text-align: left; }
html.kniga-theme footer { font-size: 0.76rem; color: #746b61; margin-top: 24px; }
html.kniga-theme footer p { margin: 0.5rem auto; }
html.kniga-theme a { color: #80582f; }
html.kniga-theme :focus-visible { outline: 3px solid #a67c52; outline-offset: 4px; }
@media (max-width: 380px) {
  html.kniga-theme body { padding: 24px 14px; }
  .kniga-bender { width: min(252px, 100%); margin-top: 20px; }
}
@media (prefers-color-scheme: dark) {
  html.kniga-theme { background: #1c2022; color: #efede8; }
  .kniga-bender-subtitle, html.kniga-theme footer { color: #b6b0a7; }
  .kniga-bender-joke { color: #d1b799; }
  html.kniga-theme a { color: #e0b47e; }
}

/* Hide vendor/promotional footer only on the Anubis document that loads this file. */
footer { display: none !important; }

/* Hide the optional native explanation disclosure requested by the site owner. */
details { display: none !important; }