/* Reading channels keep the Kit layout and reader preferences, with drama colors. */
.dr-theme .dr-main :is(.mc-genre, .mc-mosaic) {
  background-color: var(--dr-content-bg);
}

.dr-theme .dr-main .mc-genre__pill {
  background: var(--dr-content-surface);
  border-color: var(--dr-content-line);
  color: var(--dr-content-muted);
}

.dr-theme .dr-main .mc-genre__pill:is(:hover, .is-on, [aria-current="page"]) {
  background: var(--dr-content-accent-soft);
  border-color: var(--dr-content-gold-border);
  color: var(--dr-content-accent);
  box-shadow: none;
}

.dr-theme .dr-main :is(.nv-tabs--capsule, .nv-rank-tabs, .mc-rank-tabs) {
  background: var(--dr-content-fill);
}

.dr-theme .dr-main :is(.nv-tabs__item, .nv-rank-tabs button, .mc-rank-tabs button, .mc-rank-tabs__link) {
  color: var(--dr-content-muted);
}

.dr-theme .dr-main :is(.nv-tabs__item, .nv-rank-tabs button, .mc-rank-tabs button, .mc-rank-tabs__link):hover {
  color: var(--dr-content-text);
  background: var(--dr-content-accent-soft);
}

.dr-theme .dr-main :is(.nv-tabs__item.is-on, .nv-tabs__item[aria-current="page"], .nv-rank-tabs button.is-on, .mc-rank-tabs button.is-on) {
  background: var(--dr-content-surface);
  color: var(--dr-content-accent);
  box-shadow: var(--dr-content-shadow);
}

.dr-theme .dr-main :is(.nv-sec, .nv-dock__card, .nv-rank-hero) {
  border-color: var(--dr-content-line);
  background: var(--dr-content-surface);
  box-shadow: var(--dr-content-shadow);
}

.dr-theme .dr-main :is(.nv-dock__ico, [data-component="novel_home_rank"] .nv-sec__ico--hot) {
  background-color: var(--dr-content-accent-soft);
  background-image: none;
}

.dr-theme .dr-main :is(.nv-dock__ico, [data-component="novel_home_rank"] .nv-sec__ico--hot)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--dr-content-accent);
  -webkit-mask: var(--dr-reading-icon) center / 50% no-repeat;
  mask: var(--dr-reading-icon) center / 50% no-repeat;
}

.dr-theme .dr-main .nv-dock__ico--rank {
  --dr-reading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10l1 7H6L7 4zM9 11a3 3 0 0 0 6 0'/%3E%3C/svg%3E");
}

.dr-theme .dr-main .nv-dock__ico--cat {
  --dr-reading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
}

.dr-theme .dr-main [data-component="novel_home_rank"] .nv-sec__ico--hot {
  --dr-reading-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 23c-3.9 0-7-3.1-7-7 0-2.8 1.6-5.2 4-6.4-.5 2.2.8 4.4 3 5.1.2-3.4 2.4-6.4 5.6-7.9C16.2 4.6 14 2 14 2c4.4 3.3 7 8.3 7 14 0 3.9-3.1 7-9 7z'/%3E%3C/svg%3E");
}

.dr-theme .dr-main :is(.nv-rank-hero__n, .nv-book__rank--top1, [data-component="novel_home_rank"] .nv-rank-list--text > li:first-child .nv-rank-item__n) {
  background: var(--dr-content-accent);
  color: var(--dr-content-on-accent);
}

.dr-theme .dr-main :is(.mc-rank-card__n, .mc-rank-card:nth-child(-n+3) .mc-rank-card__n, .mc-poster__meta--hot) {
  color: var(--dr-content-accent);
}

/* Image captions stay legible independently of the selected page theme. */
.dr-theme .dr-main :is(.nv-book__badge, .nv-book__rank:not(.nv-book__rank--top1):not(.nv-book__rank--top2):not(.nv-book__rank--top3), .mc-mosaic__meta) {
  color: #f4f1e9;
}

.dr-theme .dr-main :is(.mc-mosaic__tag, .mc-spot__cta) {
  background: var(--dr-content-accent);
  color: var(--dr-content-on-accent) !important;
}

.dr-theme .dr-main .mc-mosaic__dot.is-on {
  background: var(--dr-content-accent);
}

/* Detail heroes use the same content surfaces, including missing-cover states. */
.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) .media-hero {
  color: var(--dr-content-text);
  background: var(--dr-content-surface);
  border-color: var(--dr-content-line);
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) .media-hero__shade {
  background: linear-gradient(110deg, color-mix(in srgb, var(--dr-content-surface) 98%, transparent), color-mix(in srgb, var(--dr-content-surface) 93%, transparent));
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) :is(.media-hero__title, .media-hero__crumb-cur, .media-hero__stats em) {
  color: var(--dr-content-text);
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) :is(.media-hero__crumb, .media-hero__crumb a, .media-hero__meta, .media-hero__meta span + span::before, .media-hero__desc, .media-hero__stat-label, .media-hero__read-progress) {
  color: var(--dr-content-muted);
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) .media-hero__crumb a:is(:hover, :focus-visible) {
  color: var(--dr-content-accent);
  outline-color: var(--dr-content-accent);
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) .media-hero__stats li + li {
  border-color: var(--dr-content-line);
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) .media-hero__tag {
  background: var(--dr-content-fill);
  border-color: var(--dr-content-line);
  color: var(--dr-content-muted);
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) :is(.media-hero__tag--type, .media-hero__tag:hover) {
  background: var(--dr-content-accent-soft);
  border-color: var(--dr-content-gold-border);
  color: var(--dr-content-accent);
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) :is(.media-hero__poster, .media-hero__poster--book) {
  background: var(--dr-content-fill);
  box-shadow: var(--dr-content-shadow);
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) :is(.media-hero__play, .media-hero__follow.is_fav, .media-hero__follow.is_fav:hover) {
  background: var(--dr-content-accent);
  border-color: var(--dr-content-gold-border);
  color: var(--dr-content-on-accent) !important;
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) .media-hero__play-ico {
  color: inherit;
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) .media-hero__follow:not(.is_fav) {
  background: var(--dr-content-accent-soft);
  border-color: var(--dr-content-gold-border);
  color: var(--dr-content-accent) !important;
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) :is(.media-hero__rating, .media-hero__rating-stars, .media-hero__rating-label) {
  background-color: var(--dr-content-accent-soft);
  color: var(--dr-content-accent);
}

.dr-theme .dr-main :is(.pb-art-detail, .pb-manga-detail) .media-panel--cinema {
  background: var(--dr-content-surface);
  border-color: var(--dr-content-line);
  box-shadow: var(--dr-content-shadow);
}

.dr-theme .dr-main :is(.pb-art-detail .art-toc--detail .art-toc__item a, .pb-manga-detail__eps-item a) {
  border-color: var(--dr-content-line);
  background: var(--dr-content-fill);
  color: var(--dr-content-text);
}

.dr-theme .dr-main :is(.pb-art-detail .art-toc--detail .art-toc__no, .pb-manga-detail__eps-item.is-read a) {
  background: var(--dr-content-raised);
  color: var(--dr-content-muted);
}

.dr-theme .dr-main :is(.pb-art-detail .art-toc__item.is-last-read a, .pb-art-detail .art-toc__item a:hover, .pb-manga-detail__eps-item.is-last-read a, .pb-manga-detail__eps-item a:hover) {
  background: var(--dr-content-accent-soft);
  border-color: var(--dr-content-gold-border);
  color: var(--dr-content-accent);
}

/* Reader theme choices remain independent of the site's day/night preference. */
/* The shared app navigation remains visible. Reader controls reserve its
   configured navigation height instead of sitting underneath its hit area. */
.dr-theme .dr-main:has(~ .dr-tabbar) :is(.novel-player__bar, .manga-player__bar) {
  bottom: calc(var(--dr-tabbar-height, 68px) + env(safe-area-inset-bottom, 0px));
  padding-bottom: 4px;
}

.dr-theme .dr-main:has(~ .dr-tabbar) .novel-player__stage {
  padding-bottom: calc(var(--novel-bar-h) + 48px + var(--dr-tabbar-height, 68px) + env(safe-area-inset-bottom, 0px));
}

.dr-theme .dr-main:has(~ .dr-tabbar) .manga-player__stage {
  padding-bottom: calc(var(--manga-bar-h) + 12px + var(--dr-tabbar-height, 68px) + env(safe-area-inset-bottom, 0px));
}

.dr-theme .dr-main:has(~ .dr-tabbar) :is(.novel-player__catalog, .novel-player__settings, .manga-player__catalog) {
  bottom: calc(var(--dr-tabbar-height, 68px) + env(safe-area-inset-bottom, 0px));
}

.dr-theme .dr-main:has(~ .dr-tabbar) .novel-player__settings-panel {
  padding-bottom: 0;
}

.dr-theme .dr-main :is(.novel-player, .novel-player__catalog) {
  --dr-reader-bg: #f6f6f3;
  --dr-reader-surface: #ffffff;
  --dr-reader-fill: #eff0f2;
  --dr-reader-text: #292a2e;
  --dr-reader-muted: #74747c;
  --dr-reader-line: #e3e1db;
  --dr-reader-accent: #946e34;
  --dr-reader-accent-soft: #f4eddd;
  --dr-reader-on-accent: #ffffff;
  --dr-reader-gold-border: #b99b5b55;
  --novel-bg: var(--dr-reader-bg);
  --novel-surface: var(--dr-reader-surface);
  --novel-text: var(--dr-reader-text);
  --novel-muted: var(--dr-reader-muted);
  --c-bg: var(--dr-reader-bg);
  --c-surface: var(--dr-reader-surface);
  --c-surface-2: var(--dr-reader-fill);
  --c-text: var(--dr-reader-text);
  --c-text-strong: var(--dr-reader-text);
  --c-text-muted: var(--dr-reader-muted);
  --c-border: var(--dr-reader-line);
  --c-accent: var(--dr-reader-accent);
  --c-accent-hover: var(--dr-reader-accent);
  --c-accent-soft: var(--dr-reader-accent-soft);
  --c-accent-border: var(--dr-reader-gold-border);
  --c-accent-border-strong: var(--dr-reader-accent);
  --c-accent-ink: var(--dr-reader-on-accent);
  --c-on-accent: var(--dr-reader-on-accent);
  --c-link: var(--dr-reader-accent);
  color: var(--dr-reader-text);
}

.dr-theme .dr-main .novel-player[data-mac-novel-theme="sepia"],
.dr-theme .dr-main:has(.novel-player[data-mac-novel-theme="sepia"]) .novel-player__catalog {
  --dr-reader-bg: #f4ecd8;
  --dr-reader-surface: #faf5e8;
  --dr-reader-fill: #eee3cb;
  --dr-reader-text: #3d3428;
  --dr-reader-muted: #756856;
  --dr-reader-line: #dacdb4;
  --dr-reader-accent: #805e2d;
  --dr-reader-accent-soft: #e9dcc0;
  --dr-reader-on-accent: #ffffff;
  --dr-reader-gold-border: #a080495c;
}

.dr-theme .dr-main .novel-player[data-mac-novel-theme="night"],
.dr-theme .dr-main:has(.novel-player[data-mac-novel-theme="night"]) .novel-player__catalog {
  --dr-reader-bg: #090909;
  --dr-reader-surface: #191919;
  --dr-reader-fill: #22211f;
  --dr-reader-text: #f4f1e9;
  --dr-reader-muted: #aaa6a0;
  --dr-reader-line: #ffffff1f;
  --dr-reader-accent: #e9c67c;
  --dr-reader-accent-soft: #2b251a;
  --dr-reader-on-accent: #241d11;
  --dr-reader-gold-border: #e9c67c4d;
}

.dr-theme .dr-main .novel-player :is(.novel-player__top, .novel-player__bar, .novel-player__settings-panel),
.dr-theme .dr-main .novel-player__catalog-panel {
  background: var(--novel-surface);
  border-color: var(--c-border);
  color: var(--novel-text);
}

.dr-theme .dr-main :is(.novel-player__catalog-close, .novel-player__settings-close, .novel-player__chip) {
  background: var(--c-surface-2);
  border-color: var(--c-border);
  color: var(--c-text);
}

.dr-theme .dr-main :is(.novel-player__catalog-sub, .novel-player__catalog-read, .novel-player__settings-label) {
  color: var(--c-text-muted);
}

.dr-theme .dr-main :is(.novel-player__catalog-head, .novel-player__catalog-progress, .novel-player__settings-head) {
  border-color: var(--c-border);
}

.dr-theme .dr-main :is(.novel-player__catalog-no, .manga-player__catalog-no) {
  background: var(--c-surface-2);
  color: var(--c-text-muted);
}

.dr-theme .dr-main :is(.novel-player__catalog-item.is-cur .novel-player__catalog-no, .manga-player__catalog-item.is-cur .manga-player__catalog-no, .novel-player__chip.is-on) {
  background: var(--c-accent-soft);
  border-color: var(--c-accent-border);
  color: var(--c-accent);
}

.dr-theme .dr-main .novel-player__catalog-continue {
  color: var(--c-accent-ink);
}

.dr-theme .dr-main :is(.novel-player__bar-item--primary, a.novel-player__bar-item--primary, .manga-player__bar-item--primary, a.manga-player__bar-item--primary) {
  color: var(--c-accent);
}

.dr-theme .dr-main :is(.novel-player, .manga-player) :is(.pb-player-gate__btn--primary, .member-popedom-gate__buy, .member-popedom-gate__upgrade) {
  background: var(--c-accent);
  border-color: var(--c-accent-border);
  color: var(--c-accent-ink);
}

.dr-theme .dr-main :is(.novel-player, .manga-player) .pb-player-gate__panel {
  background: var(--c-surface);
  border-color: var(--c-border);
  color: var(--c-text);
}

.dr-theme .dr-main :is(.novel-player, .manga-player) :is(.pb-empty-state__title, .pb-player-gate__title, .member-popedom-gate__title) {
  color: var(--c-text);
}

.dr-theme .dr-main :is(.novel-player, .manga-player) :is(.pb-player-gate__hint, .member-popedom-gate__hint) {
  color: var(--c-text-muted);
}

.dr-theme .dr-main .manga-player__page {
  background: var(--dr-content-surface);
  box-shadow: none;
}

.dr-theme .dr-main :is(.novel-player__catalog-mask, .novel-player__settings-mask, .manga-player__catalog-mask) {
  background: #00000080;
}