html[data-site-theme="dark"] .book-page {
  --color-ink: #f3f3f5;
  --color-ink-2: #c8cad2;
  --color-ink-3: #8e919c;
  --color-line: #262830;
  --color-mist: #15171d;
  --color-paper: #0a0b0f;
  --color-accent: #ff7a5c;
  --color-free: #7ee2a8;
  background: #0a0b0f;
  color: var(--color-ink);
}
html[data-site-theme="dark"] .book-page select {
  background-color: #15171d;
  color: var(--color-ink-2);
}
html[data-site-theme="dark"] .book-page select option {
  background: #15171d;
  color: #f3f3f5;
}
html[data-site-theme="dark"] .book-page .ep-row .bg-\[\#e8f4ec\] {
  background: #7ee2a824;
}
html[data-site-theme="dark"] .book-page [data-lockbadge] {
  background: #ff8a6b24;
  color: #ffb39c;
}
html[data-site-theme="dark"] .book-page .pill[aria-current="page"],
html[data-site-theme="dark"] .book-page .pill.is-active {
  background: #f3f3f5;
  color: #111;
  border-color: #f3f3f5;
}
html[data-site-theme="dark"] body:has(.book-page) {
  background: #0a0b0f;
}
html[data-site-theme="dark"] body:has(.book-page) [data-header] {
  --color-ink: #f3f3f5;
  --color-ink-2: #c8cad2;
  --color-ink-3: #8e919c;
  --color-line: #1d1f26;
  background: #0a0b0fe0 !important;
}
html[data-site-theme="dark"] body:has(.book-page) [data-header] .wordmark-light,
html[data-site-theme="dark"] body:has(.book-page) > footer .wordmark-light {
  display: none;
}
html[data-site-theme="dark"] body:has(.book-page) [data-header] .wordmark-dark,
html[data-site-theme="dark"] body:has(.book-page) > footer .wordmark-dark {
  display: block;
}
html[data-site-theme="dark"] body:has(.book-page) > footer a[aria-label] {
  opacity: 1 !important;
}
html[data-site-theme="dark"] body:has(.book-page) > footer {
  --color-ink: #f3f3f5;
  --color-ink-2: #c8cad2;
  --color-ink-3: #8e919c;
  --color-line: #262830;
  margin-top: 0;
  background: #0a0b0f;
  color: var(--color-ink-3);
}
.book-band[data-kf-book]:after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 140px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(to bottom, #0a0b0f00, #fff 92%);
}
html[data-site-theme="dark"] .book-band[data-kf-book]:after {
  background: linear-gradient(to bottom, #0a0b0f00, #0a0b0f 92%);
}
html[data-site-theme="dark"] .book-stats {
  background: #15171d;
  box-shadow:
    0 18px 40px -24px #000c,
    inset 0 0 0 1px #ffffff1a;
}
html[data-site-theme="dark"] .book-tabs {
  background: #0a0b0fd9;
}