/* Mauve Toons Core v0.2 — restrained scanlation portal design */

:root {
  --mauve-bg: #07070b;
  --mauve-bg-soft: #0d0d0c;
  --mauve-surface: #121210;
  --mauve-surface-2: #191916;
  --mauve-surface-3: #21211c;
  --mauve-line: rgba(247, 243, 230, 0.12);
  --mauve-line-strong: rgba(247, 243, 230, 0.2);
  --mauve-text: #f7f3ff;
  --mauve-text-2: #e3e0d5;
  --mauve-muted: #b5b2a5;
  --mauve-dim: #8c897a;
  --mauve-accent: #cca43b;
  --mauve-accent-2: #fef08a;
  --mauve-accent-dark: #9a741e;
  --mauve-good: #5eead4;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-pill: 6px;
  --shadow-sm: 0 6px 16px rgba(0, 0, 0, 0.24);
  --shadow-md: 0 16px 34px rgba(0, 0, 0, 0.36);
  --container: min(1240px, calc(100vw - 32px));
}

html { color-scheme: dark; }
body,
body.darkmode {
  background: var(--mauve-bg) !important;
  color: var(--mauve-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 15% -10%, rgba(204, 164, 59, 0.16), transparent 380px),
    radial-gradient(circle at 86% 8%, rgba(204, 164, 59, 0.08), transparent 360px),
    linear-gradient(180deg, #090710 0%, #07070b 46%, #060509 100%);
}
a { color: inherit; }
a:hover { color: #fff; }
img { max-width: 100%; height: auto; }

/* Header / navigation */
.th {
  background: rgba(7, 7, 11, 0.88) !important;
  border-bottom: 1px solid var(--mauve-line) !important;
  backdrop-filter: blur(18px);
  position: sticky;
  top: 0;
  z-index: 50;
}
.centernav.bound {
  width: var(--container) !important;
  max-width: var(--container) !important;
  min-height: 72px;
  margin: 0 auto !important;
  padding: 10px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}
.centernav.bound header { flex: 0 0 auto; }
.logos a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  color: var(--mauve-text) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}
.logos img {
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
  border-radius: var(--radius-md) !important;
  box-shadow: none !important;
}
.logos .hdl,
.logos a .hdl {
  display: inline !important;
  color: var(--mauve-text) !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
#main-menu {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}
#main-menu > span,
#main-menu ul.menu {
  width: 100%;
}
#main-menu ul.menu,
#main-menu .menu {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  flex-wrap: nowrap !important;
}
#main-menu li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
#main-menu a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  min-height: 38px !important;
  line-height: 1 !important;
  padding: 0 2px !important;
  border-radius: 0 !important;
  color: var(--mauve-text-2) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  border: 0 !important;
  white-space: nowrap !important;
}
#main-menu a:hover,
#main-menu a:focus-visible {
  color: #fff !important;
  background: transparent !important;
  border-color: transparent !important;
}
#main-menu .mauve-join-link a {
  height: 34px !important;
  min-height: 34px !important;
  line-height: 1 !important;
  padding: 0 12px !important;
  background: var(--mauve-accent) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
  margin-left: 2px !important;
}
#main-menu .mauve-login-link a {
  border-color: var(--mauve-line) !important;
}
.mauve-account-menu > a::after { content: "▾"; font-size: 11px; margin-left: 7px; opacity: .72; }
.mauve-account-submenu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  min-width: 190px !important;
  padding: 8px !important;
  background: var(--mauve-surface-2) !important;
  border: 1px solid var(--mauve-line) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-md) !important;
  z-index: 80 !important;
}
.mauve-account-menu:hover .mauve-account-submenu,
.mauve-account-menu:focus-within .mauve-account-submenu { display: grid !important; gap: 3px !important; }
.mauve-account-submenu a { width: 100% !important; justify-content: flex-start !important; }
.searchx {
  flex: 0 1 330px !important;
  max-width: 340px !important;
  margin-left: auto !important;
  float: none !important;
}
.searchx form {
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  background: #0f0d16 !important;
  border: 1px solid var(--mauve-line) !important;
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
.searchx input#s,
.searchx input[type="text"] {
  width: 100% !important;
  height: 40px !important;
  padding: 0 13px !important;
  color: var(--mauve-text) !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  font-size: 14px !important;
}
.searchx input::placeholder { color: var(--mauve-muted) !important; opacity: 1; }
.searchx button#submit,
.searchx button[type="submit"] {
  width: 42px !important;
  height: 40px !important;
  border: 0 !important;
  border-left: 1px solid var(--mauve-line) !important;
  color: #fff !important;
  background: var(--mauve-accent-dark) !important;
}
.mauve-mobile-account-quick { display: none !important; }
.shme {
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: var(--radius-md) !important;
  border: 1px solid var(--mauve-line) !important;
  color: var(--mauve-text) !important;
  background: var(--mauve-surface) !important;
  cursor: pointer;
}

/* Buttons, chips, shared components */
.mauve-button,
a.mauve-button,
button.mauve-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 17px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(255,255,255,.12);
  background: var(--mauve-accent);
  color: #fff !important;
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: none;
  cursor: pointer;
}
.mauve-button:hover { background: #9a741e; color: #fff !important; }
.mauve-button--ghost {
  background: rgba(255,255,255,.04);
  border-color: var(--mauve-line-strong);
  color: var(--mauve-text) !important;
}
.mauve-button--small { min-height: 34px; padding: 0 12px; font-size: 12px; }
.mauve-chip-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.mauve-chip,
a.mauve-chip,
.mauve-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--mauve-line);
  color: var(--mauve-text-2) !important;
  background: rgba(255,255,255,.045);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none !important;
}
.mauve-chip.is-active,
.mauve-chip:hover { color: #fff !important; border-color: rgba(204, 164, 59,.45); background: rgba(204, 164, 59,.22); }
.mauve-kicker,
.mauve-eyebrow {
  display: inline-flex;
  color: var(--mauve-accent-2);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Custom homepage */
.slider-wrapper.wrapernum1,
.big-slider.swiper-container,
.home-genres.gennom1,
body.mauve-custom-home-active .slider-wrapper,
body.mauve-custom-home-active .big-slider,
body.mauve-custom-home-active .home-genres,
body.mauve-custom-home-active .wrapernum1 {
  display: none !important;
}
.mauve-home {
  width: var(--container);
  max-width: var(--container);
  margin: 0 auto;
  padding: 20px 0 48px;
}
.mauve-hero {
  min-height: 380px;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, 390px);
  gap: 26px;
  align-items: stretch;
  padding: 28px;
  border-radius: var(--radius-xl);
  border: 1px solid var(--mauve-line-strong);
  background:
    linear-gradient(135deg, rgba(24,20,34,.96), rgba(14,12,20,.96)),
    radial-gradient(circle at 80% 10%, rgba(204, 164, 59,.2), transparent 420px);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
.mauve-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.mauve-hero h1 {
  margin: 12px 0 12px;
  max-width: 720px;
  color: #fff !important;
  font-size: clamp(34px, 5vw, 62px);
  line-height: .94;
  letter-spacing: -0.055em;
}
.mauve-hero p {
  max-width: 620px;
  margin: 0 0 18px;
  color: var(--mauve-text-2) !important;
  font-size: 16px;
  line-height: 1.7;
}
.mauve-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.mauve-hero__art {
  position: relative;
  display: block;
  min-height: 320px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--mauve-line);
  background: var(--mauve-surface-2);
  box-shadow: var(--shadow-sm);
}
.mauve-hero__art img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  display: block;
}
.mauve-hero__art::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 42%;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.74));
}
.mauve-hero__badge {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 1;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  color: #fff;
  background: rgba(0,0,0,.58);
  border: 1px solid rgba(255,255,255,.16);
  font-weight: 900;
  font-size: 13px;
}
.mauve-hero__art--empty { display: flex; align-items: center; justify-content: center; }
.mauve-hero__art--empty img { width: 180px; height: 180px; min-height: 0; object-fit: contain; }

.mauve-quick-strip,
.mauve-home-section {
  margin-top: 22px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--mauve-line);
  background: rgba(18,16,26,.82);
  box-shadow: var(--shadow-sm);
}
.mauve-quick-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px;
}
.mauve-quick-strip__account {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--mauve-text-2);
  font-size: 14px;
}
.mauve-quick-strip__account a { color: #fff !important; font-weight: 900; text-decoration: none; }
.mauve-home-section { padding: 20px; }
.mauve-section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 16px;
}
.mauve-section-head h2 {
  margin: 4px 0 0;
  color: #fff !important;
  font-size: clamp(22px, 2.5vw, 32px);
  line-height: 1.05;
  letter-spacing: -0.035em;
}
.mauve-section-head > a {
  color: var(--mauve-text-2) !important;
  border: 1px solid var(--mauve-line);
  border-radius: var(--radius-pill);
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  text-decoration: none !important;
  font-weight: 800;
  font-size: 12px;
}
.mauve-release-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 14px;
}
.mauve-release-grid.mauve-grid-count-1 {
  grid-template-columns: minmax(0, 1fr);
}
.mauve-release-grid.mauve-grid-count-1 .mauve-release-card {
  grid-template-columns: 118px minmax(0, 1fr);
}
.mauve-release-card {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 13px;
  padding: 12px;
  border: 1px solid var(--mauve-line);
  border-radius: var(--radius-md);
  background: #0f0d15;
}
.mauve-release-cover {
  display: block;
  aspect-ratio: 2 / 3;
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: var(--mauve-surface-3);
}
.mauve-release-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mauve-release-body { min-width: 0; overflow: hidden; }
.mauve-release-body h3 {
  margin: 0 0 10px;
  color: #fff !important;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.015em;
}
.mauve-release-body h3 a { text-decoration: none !important; color: #fff !important; }
.mauve-release-chapters { display: grid; gap: 7px; }
.mauve-release-chapters a {
  min-width: 0;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 10px;
  border-radius: var(--radius-sm);
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.07);
  text-decoration: none !important;
}
.mauve-release-chapters span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-weight: 900; font-size: 13px; }
.mauve-release-chapters time { flex: 0 0 auto; color: var(--mauve-text-2); font-size: 12px; font-weight: 700; white-space: nowrap; }
.mauve-shelf-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px;
}
.mauve-shelf-grid.mauve-grid-count-1 {
  grid-template-columns: minmax(170px, 240px);
}
.mauve-shelf-card a {
  position: relative;
  display: grid;
  gap: 9px;
  text-decoration: none !important;
  color: var(--mauve-text) !important;
}
.mauve-shelf-card img {
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border-radius: var(--radius-md);
  border: 1px solid var(--mauve-line);
  background: var(--mauve-surface-2);
}
.mauve-shelf-card strong { color: #fff; font-size: 14px; line-height: 1.25; }
.mauve-shelf-card small { color: var(--mauve-text-2); font-weight: 700; }
.mauve-rank {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
  min-height: 28px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  border-radius: var(--radius-pill);
  background: rgba(0,0,0,.72);
  color: #fff;
  font-weight: 900;
  font-size: 12px;
}
.mauve-mini-feature-grid,
.mauve-continue-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.mauve-mini-feature,
.mauve-continue-card {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 76px;
  padding: 10px;
  border-radius: var(--radius-md);
  border: 1px solid var(--mauve-line);
  background: rgba(255,255,255,.04);
  text-decoration: none !important;
  color: var(--mauve-text) !important;
}
.mauve-mini-feature img,
.mauve-continue-card img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: var(--radius-sm);
}
.mauve-continue-card strong,
.mauve-mini-feature span { display: block; color: #fff; font-weight: 900; line-height: 1.25; }
.mauve-continue-card small { display: block; margin-top: 4px; color: var(--mauve-text-2); font-weight: 700; }
.mauve-compact-empty {
  min-height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 14px;
  border: 1px dashed var(--mauve-line-strong);
  border-radius: var(--radius-md);
  color: var(--mauve-text-2);
  background: rgba(255,255,255,.03);
}
.mauve-compact-empty strong { color: #fff; }
.mauve-compact-empty--split { flex-direction: row; align-items: center; justify-content: space-between; }

/* Account / bookmarks */
.mauve-account-shell {
  width: var(--container);
  max-width: var(--container);
  margin: 28px auto 56px;
  color: var(--mauve-text);
}
.mauve-page-hero {
  padding: 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--mauve-line);
  background: var(--mauve-surface);
  box-shadow: var(--shadow-sm);
}
.mauve-page-hero h1 { margin: 8px 0 8px; color: #fff; font-size: clamp(30px, 4vw, 46px); letter-spacing: -0.04em; }
.mauve-page-hero p { margin: 0; color: var(--mauve-text-2); line-height: 1.65; }
.mauve-library-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.mauve-bookmarks-grid,
.mauve-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}
.mauve-bookmark-card {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 14px;
  padding: 12px;
  border-radius: var(--radius-md);
  border: 1px solid var(--mauve-line);
  background: var(--mauve-surface);
}
.mauve-card-cover { aspect-ratio: 2 / 3; overflow: hidden; border-radius: var(--radius-sm); background: var(--mauve-surface-3); }
.mauve-card-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mauve-card-body { display: flex; flex-direction: column; min-width: 0; }
.mauve-card-body h2 { margin: 9px 0; color: #fff; font-size: 18px; line-height: 1.2; }
.mauve-card-body h2 a { color: #fff !important; text-decoration: none !important; }
.mauve-latest-link { color: var(--mauve-text-2) !important; text-decoration: none !important; font-weight: 800; }
.mauve-card-actions { display: flex; gap: 8px; margin-top: auto; align-items: center; flex-wrap: wrap; }
.mauve-remove-bookmark {
  min-height: 34px;
  padding: 0 11px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--mauve-line);
  color: var(--mauve-text-2);
  background: rgba(255,255,255,.035);
  cursor: pointer;
  font-weight: 800;
}
.mauve-dashboard-card {
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  padding: 18px;
  border-radius: var(--radius-md);
  border: 1px solid var(--mauve-line);
  background: var(--mauve-surface);
  text-decoration: none !important;
}
.mauve-dashboard-card strong { color: #fff; font-size: 26px; }
.mauve-dashboard-card span { color: var(--mauve-text-2); font-weight: 700; }
.mauve-account-section { margin-top: 22px; }
.mauve-account-section h2 { color: #fff; }
.mauve-empty-state {
  margin-top: 16px;
  padding: 28px;
  border-radius: var(--radius-md);
  border: 1px dashed var(--mauve-line-strong);
  background: rgba(255,255,255,.03);
  text-align: center;
}
.mauve-empty-state h2 { color: #fff; margin: 8px 0; }
.mauve-empty-state p { color: var(--mauve-text-2); }
.mauve-empty-orb { font-size: 28px; color: var(--mauve-accent-2); }
.mauve-cta-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }

/* Theme compatibility on inner pages */
.bixbox,
.blogbox,
.comments-area,
.single-info.bixbox,
.tsinfo {
  background: var(--mauve-surface) !important;
  border: 1px solid var(--mauve-line) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: none !important;
  color: var(--mauve-text) !important;
}
.releases h1,
.releases h2,
.bixbox h1,
.bixbox h2,
.bixbox h3 { color: #fff !important; }
.bsx,
.listupd .utao,
.animefull .bigcontent,
.single-info .bigcontent {
  border-radius: var(--radius-md) !important;
  background: var(--mauve-surface) !important;
  border-color: var(--mauve-line) !important;
}
.bsx img,
.limit img { border-radius: var(--radius-sm) !important; }
.epxs,
.luf ul li a,
.chapterbody .eph-num a {
  color: var(--mauve-text-2) !important;
  background: rgba(255,255,255,.045) !important;
  border-radius: var(--radius-sm) !important;
}
.bookmark[data-id],
.mauve-bookmark-button[data-id] {
  border-radius: var(--radius-pill) !important;
  border: 1px solid var(--mauve-line-strong) !important;
  background: rgba(255,255,255,.055) !important;
  color: var(--mauve-text) !important;
}
.bookmark.marked,
.mauve-bookmark-button.marked { background: var(--mauve-accent) !important; color: #fff !important; }
.mauve-reader-page { margin: 0 auto 14px; text-align: center; }
.mauve-reader-page img { display: block; margin: 0 auto; border-radius: var(--radius-sm); }
.mauve-chapter-note {
  max-width: 900px;
  margin: 0 auto 18px;
  padding: 14px 16px;
  border-radius: var(--radius-md);
  border: 1px solid var(--mauve-line);
  background: rgba(255,255,255,.04);
  color: var(--mauve-text-2);
}

/* Comments */
#comments,
.comments-area,
.comment-respond {
  color: var(--mauve-text) !important;
}
.commentlist li,
.comment-body,
.comment-respond,
.mauve-login-to-comment {
  border-radius: var(--radius-md) !important;
  border: 1px solid var(--mauve-line) !important;
  background: rgba(255,255,255,.035) !important;
}
.mauve-comment-title { color: #fff !important; }
.mauve-comment-note,
.mauve-login-to-comment { color: var(--mauve-text-2) !important; }
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  color: var(--mauve-text) !important;
  background: #0f0d16 !important;
  border: 1px solid var(--mauve-line) !important;
  border-radius: var(--radius-sm) !important;
}
.comment-form input[type="submit"],
#submit.submit {
  border-radius: var(--radius-pill) !important;
  background: var(--mauve-accent) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 900 !important;
}

/* Toast */
.mauve-toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translate(-50%, 12px);
  z-index: 9999;
  max-width: min(420px, calc(100vw - 28px));
  padding: 11px 14px;
  border-radius: var(--radius-md);
  border: 1px solid var(--mauve-line);
  background: #111018;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  box-shadow: var(--shadow-md);
  font-weight: 800;
}
.mauve-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.mauve-toast[data-tone="success"] { border-color: rgba(94,234,212,.45); }
.mauve-toast[data-tone="warn"] { border-color: rgba(204, 164, 59, .65); }
.mauve-toast[data-tone="error"] { border-color: rgba(248,113,113,.55); }

/* Responsive */
@media (max-width: 1024px) {
  .centernav.bound { flex-wrap: wrap !important; gap: 10px 14px !important; }
  .searchx { flex-basis: 260px !important; }
  .mauve-release-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mauve-shelf-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mauve-bookmarks-grid,
  .mauve-dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 880px) {
  :root { --container: min(100vw - 22px, 1180px); }
  .th { position: sticky; }
  .centernav.bound {
    min-height: 0;
    padding: 10px 0 !important;
    align-items: center !important;
  }
  .centernav.bound header { order: 1; flex: 1 1 auto; min-width: 0; }
  .logos img { width: 42px !important; height: 42px !important; }
  .logos .hdl { font-size: 16px !important; }
  .mauve-mobile-account-quick {
    order: 2;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 13px;
    border-radius: var(--radius-pill);
    background: var(--mauve-accent);
    color: #fff !important;
    font-weight: 900;
    text-decoration: none !important;
  }
  .shme { display: inline-flex !important; order: 3; }
  #main-menu {
    order: 5;
    flex-basis: 100% !important;
    width: 100% !important;
    display: none !important;
  }
  body.mauve-nav-open #main-menu { display: block !important; }
  #main-menu ul.menu,
  #main-menu .menu {
    display: grid !important;
    gap: 6px !important;
    padding: 8px !important;
    border: 1px solid var(--mauve-line) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--mauve-surface) !important;
  }
  #main-menu a { width: 100% !important; min-height: 44px !important; justify-content: flex-start !important; }
  #main-menu .mauve-join-link a { justify-content: center !important; }
  .mauve-account-submenu { position: static !important; display: grid !important; box-shadow: none !important; margin: 4px 0 0 8px !important; }
  .searchx {
    order: 4;
    display: block !important;
    flex: 1 0 100% !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .searchx form {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
  }
  .searchx .srcmob {
    display: none !important;
  }
  .searchx form { height: 44px !important; }
  .mauve-home { padding-top: 18px; }
  .mauve-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 16px;
    gap: 16px;
    border-radius: var(--radius-lg);
  }
  .mauve-hero__art { order: -1; min-height: 0; height: 260px; max-height: 260px; }
  .mauve-hero__art img { min-height: 0; height: 100%; }
  .mauve-hero h1 { font-size: clamp(31px, 12vw, 44px); }
  .mauve-hero p { font-size: 15px; line-height: 1.6; }
  .mauve-hero__actions .mauve-button { flex: 1 1 auto; min-height: 44px; }
  .mauve-quick-strip { align-items: stretch; flex-direction: column; }
  .mauve-quick-strip__account { align-items: flex-start; flex-direction: column; }
  .mauve-section-head { align-items: flex-start; flex-direction: column; }
  .mauve-release-grid,
  .mauve-shelf-grid,
  .mauve-mini-feature-grid,
  .mauve-continue-grid,
  .mauve-bookmarks-grid,
  .mauve-dashboard-grid { grid-template-columns: 1fr; }
  .mauve-release-card { grid-template-columns: 74px minmax(0, 1fr); }
  .mauve-release-body h3 { font-size: 15px; }
  .mauve-release-chapters a { min-height: 40px; }
  .mauve-shelf-card a { grid-template-columns: 64px minmax(0,1fr); align-items: center; }
  .mauve-shelf-card img { width: 64px; height: 86px; aspect-ratio: auto; }
  .mauve-bookmark-card { grid-template-columns: 86px minmax(0, 1fr); }
  .mauve-compact-empty--split { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 390px) {
  #main-menu a { font-size: 13px !important; }
  .mauve-home-section { padding: 14px; }
  .mauve-release-card { grid-template-columns: 66px minmax(0, 1fr); padding: 10px; }
  .mauve-release-chapters a { padding: 0 8px; }
  .mauve-release-chapters time { font-size: 11px; }
}

/* Rokari-inspired homepage rework: dense covers, modest corners, Mauve palette */
body.mauve-custom-home-active .mauve-home--rokari {
  width: var(--container);
  max-width: var(--container);
  margin: 0 auto;
  padding: 22px 0 56px;
}
.mauve-home--rokari .mauve-panel,
.mauve-home--rokari .mauve-home-section,
.mauve-home--rokari .mauve-quick-strip {
  border-radius: var(--radius-lg);
  border: 1px solid rgba(247, 243, 230,.11);
  background: #0c0b11;
  box-shadow: none;
}
.mauve-home--rokari .mauve-spotlight {
  position: relative;
  min-height: 310px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: 24px;
  align-items: center;
  padding: 34px 40px;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(254, 240, 138,.18);
  background: #08070c;
  overflow: hidden;
}
.mauve-spotlight__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center 28%;
  opacity: .24;
  filter: blur(8px) saturate(1.15);
  transform: scale(1.04);
}
.mauve-home--rokari .mauve-spotlight::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(8,7,12,.96) 0%, rgba(8,7,12,.86) 47%, rgba(8,7,12,.48) 100%),
    radial-gradient(circle at 78% 18%, rgba(197, 160, 89,.26), transparent 380px);
}
.mauve-spotlight__copy,
.mauve-spotlight__cover { position: relative; z-index: 1; }
.mauve-spotlight__copy { max-width: 760px; }
.mauve-spotlight__copy h1 {
  margin: 10px 0 12px;
  color: #fff !important;
  font-size: clamp(34px, 4.5vw, 56px);
  line-height: .96;
  letter-spacing: -.045em;
}
.mauve-spotlight__copy p {
  max-width: 610px;
  margin: 0 0 18px;
  color: var(--mauve-text-2) !important;
  font-size: 15px;
  line-height: 1.65;
}
.mauve-spotlight__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.mauve-spotlight__cover {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  background: var(--mauve-surface-2);
}
.mauve-spotlight__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mauve-cover-chapter,
.mauve-cover-new {
  position: absolute;
  z-index: 2;
  left: 10px;
  border-radius: var(--radius-sm);
  font-weight: 900;
}
.mauve-cover-new {
  top: 10px;
  padding: 4px 7px;
  color: #14130f;
  background: #f9e65c;
  font-size: 10px;
  letter-spacing: .08em;
  animation: mauveNewPulse 1.6s ease-in-out infinite;
}
.mauve-cover-chapter {
  bottom: 10px;
  padding: 7px 9px;
  color: #fff;
  background: rgba(0,0,0,.72);
  font-size: 12px;
}
.mauve-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px 12px;
}
.mauve-panel-head--line { border-bottom: 1px solid rgba(197, 160, 89,.74); }
.mauve-panel-head h2 {
  margin: 0;
  color: #fff !important;
  font-size: 17px;
  line-height: 1.1;
  letter-spacing: -.01em;
}
.mauve-panel-head > a {
  color: var(--mauve-text-2) !important;
  background: #050507;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--radius-sm);
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none !important;
  text-transform: uppercase;
}
.mauve-popular-strip { margin-top: 24px; overflow: hidden; }
.mauve-popular-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 150px;
  gap: 22px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  padding: 4px 16px 18px;
  scrollbar-width: thin;
}
.mauve-popular-card {
  scroll-snap-align: start;
  display: grid;
  gap: 8px;
  text-decoration: none !important;
  color: var(--mauve-text) !important;
}
.mauve-popular-card img {
  width: 150px;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border-radius: var(--radius-md);
  background: var(--mauve-surface-2);
}
.mauve-popular-card strong {
  color: #fff;
  font-size: 14px;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mauve-popular-card span { color: var(--mauve-muted); font-size: 12px; font-weight: 800; }
.mauve-support-panel {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 24px;
  padding: 20px 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 10%, rgba(254, 240, 138,.18), transparent 280px),
    linear-gradient(135deg, #12110e 0%, #0a090f 62%, #161511 100%) !important;
  border-color: rgba(254, 240, 138,.2) !important;
}
.mauve-support-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(249,230,92,.08), transparent 28%, rgba(197, 160, 89,.08));
  opacity: .75;
}
.mauve-support-panel__copy,
.mauve-support-panel__button {
  position: relative;
  z-index: 1;
}
.mauve-support-panel__copy { max-width: 780px; }
.mauve-support-panel__eyebrow {
  margin: 0 0 6px;
  color: #f9e65c !important;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.mauve-support-panel h2 {
  margin: 0 0 8px;
  color: #fff !important;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -.02em;
}
.mauve-support-panel p {
  margin: 0;
  color: var(--mauve-text-2) !important;
  font-size: 14px;
  line-height: 1.58;
}
.mauve-support-panel__note {
  margin-top: 7px !important;
  color: rgba(255,255,255,.76) !important;
  font-weight: 800;
}
.mauve-support-panel__button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  background: #f9e65c;
  color: #16091f !important;
  font-size: 13px;
  font-weight: 1000;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(249,230,92,.16);
}
.mauve-support-panel__button:hover { filter: brightness(1.04); transform: translateY(-1px); }
.mauve-rokari-strip {
  margin-top: 22px;
  border-radius: var(--radius-md) !important;
  background: #0b0a10 !important;
}
.mauve-portal-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 304px;
  gap: 22px;
  margin-top: 22px;
  align-items: start;
}
.mauve-portal-layout.is-wide {
  grid-template-columns: minmax(0, 1fr);
}
.mauve-portal-layout.is-wide .mauve-latest-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mauve-latest-panel { min-width: 0; }
.mauve-latest-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px 18px;
  padding: 18px 16px 20px;
}
.mauve-update-card { min-width: 0; }
.mauve-update-cover {
  position: relative;
  display: block;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, #17121f, #0f0d15);
  border: 1px solid rgba(255,255,255,.10);
}
.mauve-update-cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .2s ease; }
.mauve-update-card:hover .mauve-update-cover img { transform: scale(1.025); }
.mauve-update-card h3 {
  margin: 10px 0 8px;
  min-height: 38px;
  color: #fff !important;
  font-size: 15px;
  line-height: 1.28;
  letter-spacing: -.012em;
}
.mauve-update-card h3 a {
  color: #fff !important;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mauve-update-chapters { display: grid; gap: 6px; }
.mauve-chapter-row {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 9px;
  border-radius: var(--radius-sm);
  background: #15131c;
  border: 1px solid rgba(255,255,255,.07);
  color: #fff !important;
  text-decoration: none !important;
}
.mauve-chapter-row:hover { background: #22201a; border-color: rgba(254, 240, 138,.2); }
.mauve-chapter-main {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 900;
}
.mauve-chapter-icon { color: #f9e65c; font-size: 10px; }
.mauve-chapter-row time {
  flex: 0 0 auto;
  color: var(--mauve-text-2);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.mauve-new-tag {
  display: inline-flex;
  align-items: center;
  min-height: 16px;
  padding: 0 4px;
  border-radius: 3px;
  background: #f9e65c;
  color: #14130f;
  font-size: 9px;
  font-style: normal;
  font-weight: 1000;
  letter-spacing: .08em;
  animation: mauveNewPulse 1.6s ease-in-out infinite;
}
@keyframes mauveNewPulse {
  0%, 100% { box-shadow: 0 0 0 rgba(249,230,92,0); transform: translateY(0); }
  50% { box-shadow: 0 0 14px rgba(249,230,92,.45); transform: translateY(-1px); }
}
.mauve-home-sidebar { display: grid; gap: 16px; min-width: 0; }
.mauve-rank-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  padding: 10px;
  background: #0a090e;
}
.mauve-rank-tabs span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  color: var(--mauve-muted);
  font-size: 12px;
  font-weight: 900;
}
.mauve-rank-tabs .is-active { color: #fff; background: var(--mauve-accent); }
.mauve-rank-list { display: grid; padding: 2px 14px 12px; }
.mauve-rank-item {
  display: grid;
  grid-template-columns: 26px 54px minmax(0,1fr);
  gap: 10px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
  text-decoration: none !important;
  color: var(--mauve-text) !important;
}
.mauve-rank-item:last-child { border-bottom: 0; }
.mauve-rank-number {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-sm);
  color: var(--mauve-text-2);
  font-size: 12px;
  font-weight: 900;
}
.mauve-rank-item img { width: 54px; height: 72px; object-fit: cover; border-radius: var(--radius-sm); background: var(--mauve-surface-2); }
.mauve-rank-item strong { display: block; color: #fff; font-size: 13px; line-height: 1.25; }
.mauve-rank-item small { display: block; margin-top: 4px; color: var(--mauve-muted); font-size: 11px; font-weight: 800; }
.mauve-sidebar-account { padding: 16px; }
.mauve-sidebar-account h2 { margin: 7px 0 7px; color: #fff; font-size: 20px; }
.mauve-sidebar-account p { color: var(--mauve-text-2); line-height: 1.55; }

@media (max-width: 1120px) {
  .mauve-portal-layout { grid-template-columns: 1fr; }
  .mauve-home-sidebar { grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); }
}
@media (max-width: 880px) {
  #main-menu ul.menu,
  #main-menu .menu { gap: 6px !important; }
  #main-menu a { padding: 0 12px !important; border-radius: var(--radius-sm) !important; }
  .mauve-home--rokari { padding-top: 14px; }
  .mauve-home--rokari .mauve-spotlight {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 20px;
    gap: 18px;
  }
  .mauve-spotlight__copy h1 { font-size: clamp(30px, 10vw, 44px); }
  .mauve-spotlight__cover { width: min(220px, 70vw); justify-self: center; order: -1; }
  .mauve-popular-row { grid-auto-columns: 132px; gap: 14px; }
  .mauve-popular-card img { width: 132px; }
  .mauve-support-panel { flex-direction: column; align-items: flex-start; gap: 14px; padding: 18px; }
  .mauve-support-panel h2 { font-size: 20px; }
  .mauve-support-panel__button { width: 100%; }
  .mauve-latest-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 10px; padding: 14px; }
  .mauve-update-card h3 { font-size: 14px; min-height: 36px; }
  .mauve-chapter-row { min-height: 34px; padding: 0 7px; }
  .mauve-chapter-main { font-size: 11px; gap: 4px; }
  .mauve-chapter-row time { font-size: 10px; }
  .mauve-home-sidebar { grid-template-columns: 1fr; }
}
@media (max-width: 390px) {
  .mauve-latest-grid { gap: 16px 10px; padding: 12px; }
  .mauve-chapter-icon { display: none; }
  .mauve-new-tag { font-size: 8px; padding: 0 3px; }
}


/* Mauve v0.3.1 — user-flagged homepage/mobile/menu/series fixes */
.mauve-home--v4 {
  padding-top: 18px !important;
}
.mauve-home--v4 .mauve-panel {
  background: #0b0910 !important;
  border-color: rgba(254, 240, 138,.14) !important;
}
.mauve-hero-slider,
.mauve-hero-coverflow {
  position: relative;
  margin-top: 0 !important;
  padding: 30px 0 34px !important;
  overflow: hidden;
  border: 0 !important;
  border-top: 2px solid #cca43b !important;
  border-radius: 0 !important;
  background: #030304 !important;
  box-shadow: none !important;
}
.mauve-hero-coverflow > .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.mauve-hero-coverflow::before,
.mauve-hero-coverflow::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 12%;
  z-index: 4;
  pointer-events: none;
}
.mauve-hero-coverflow::before { left: 0; background: linear-gradient(90deg, #030304 0%, rgba(3,3,4,0) 100%); }
.mauve-hero-coverflow::after { right: 0; background: linear-gradient(270deg, #030304 0%, rgba(3,3,4,0) 100%); }
.mauve-hero-coverflow__shell {
  position: relative;
  width: min(1328px, calc(100vw - 32px));
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  isolation: isolate;
}
.mauve-hero-coverflow .mauve-hero-track {
  position: relative;
  display: block;
  height: clamp(300px, 27vw, 380px);
  min-height: 0;
  padding: 0 !important;
  overflow: visible;
  scrollbar-width: none;
  scroll-snap-type: none;
}
.mauve-hero-coverflow .mauve-hero-track::-webkit-scrollbar { display: none; }
.mauve-hero-slide {
  position: absolute;
  top: 0;
  left: 50%;
  width: min(652px, 50vw);
  height: 100%;
  min-height: 0;
  display: block;
  overflow: hidden;
  border: 0;
  border-radius: 14px;
  background: var(--mauve-slide-bg) center/cover no-repeat;
  box-shadow: 0 24px 58px rgba(0,0,0,.46);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) scale(.86);
  transition: transform .42s cubic-bezier(.22,.8,.22,1), opacity .32s ease, filter .32s ease, visibility .32s ease;
  will-change: transform, opacity;
}
.mauve-hero-slide.is-active {
  z-index: 3;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  filter: none;
  transform: translateX(-50%) scale(1);
}
.mauve-hero-slide.is-prev,
.mauve-hero-slide.is-next {
  z-index: 2;
  opacity: .66;
  visibility: visible;
  pointer-events: auto;
  filter: brightness(.3) grayscale(1);
}
.mauve-hero-slide.is-prev { transform: translateX(calc(-50% - min(338px, 28vw))) scale(.96); }
.mauve-hero-slide.is-next { transform: translateX(calc(-50% + min(338px, 28vw))) scale(.96); }
.mauve-hero-slide::before,
.mauve-hero-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.mauve-hero-slide::before {
  z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.10) 42%, rgba(0,0,0,.78) 100%);
}
.mauve-hero-slide::after {
  z-index: 2;
  opacity: 0;
  background: rgba(0,0,0,.36);
  transition: opacity .32s ease;
}
.mauve-hero-slide.is-prev::after,
.mauve-hero-slide.is-next::after { opacity: 1; }
.mauve-hero-slide__link {
  position: relative;
  z-index: 3;
  min-height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 24px 43px;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center;
}
.mauve-hero-slide__preload {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.mauve-hero-slide__copy {
  display: grid;
  gap: 10px;
  max-width: min(88%, 520px);
  text-shadow: 0 2px 18px rgba(0,0,0,.75);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .22s ease;
  margin: 0 auto;
}
.mauve-hero-slide.is-active .mauve-hero-slide__copy {
  opacity: 1;
  transform: translateY(0);
}
.mauve-hero-slide__copy strong {
  color: #fff;
  font-size: clamp(24px, 2.45vw, 32px);
  line-height: 1.08;
  letter-spacing: -.035em;
  font-weight: 900;
  display: block;
}
.mauve-hero-slide__desc {
  margin: 4px 0 0 0;
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
  opacity: 0.92;
  text-shadow: 0 1px 4px rgba(0,0,0,0.8);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mauve-hero-slide__copy .mauve-chip-row { gap: 8px; justify-content: center; }
.mauve-hero-slide__copy .mauve-chip {
  min-height: 27px;
  padding: 0 11px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.33);
  color: #fff !important;
  font-size: 13px;
  font-weight: 800;
  backdrop-filter: blur(10px);
}
@media (max-width: 880px) {
  .mauve-hero-slide__desc {
    font-size: 11px;
    -webkit-line-clamp: 2;
  }
}
.mauve-hero-coverflow .mauve-cover-new {
  top: 16px;
  left: 16px;
  z-index: 4;
}
.mauve-coverflow-arrow {
  position: absolute;
  top: calc(50% - 21px);
  z-index: 8;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(0,0,0,.72);
  color: #fff;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  transition: background .18s ease, transform .18s ease;
}
.mauve-coverflow-arrow:hover,
.mauve-coverflow-arrow:focus-visible {
  background: rgba(197, 160, 89,.95);
  outline: 0;
  transform: scale(1.04);
}
.mauve-coverflow-arrow--prev { left: 12px; }
.mauve-coverflow-arrow--next { right: 12px; }
.mauve-coverflow-count {
  position: absolute;
  top: 18px;
  right: 32px;
  z-index: 8;
  min-width: 48px;
  height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.48);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .03em;
  backdrop-filter: blur(12px);
}
.mauve-coverflow-dots {
  position: absolute;
  left: 50%;
  bottom: 18px;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  transform: translateX(-50%);
}
.mauve-coverflow-dots button {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.42);
  cursor: pointer;
  transition: width .22s ease, background .22s ease, opacity .22s ease;
}
.mauve-coverflow-dots button.is-active {
  width: 30px;
  background: #cca43b;
  opacity: 1;
}
.mauve-popular-slider { margin-top: 22px !important; }
.mauve-popular-row {
  grid-auto-columns: 148px !important;
  gap: 16px !important;
  padding: 14px 16px 18px !important;
}
.mauve-popular-card img {
  width: 148px !important;
  border-radius: var(--radius-sm) !important;
  border: 1px solid rgba(255,255,255,.10);
}
.mauve-latest-panel { margin-top: 22px; }
.mauve-latest-grid,
.mauve-portal-layout.is-wide .mauve-latest-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 22px 18px !important;
  padding: 18px !important;
}
.mauve-update-card {
  min-width: 0;
  display: flex !important;
  flex-direction: column !important;
}
.mauve-update-cover { flex: 0 0 auto; border-radius: var(--radius-sm) !important; }
.mauve-update-card h3 { min-height: 38px; margin-bottom: 9px !important; }
.mauve-update-chapters {
  display: grid !important;
  gap: 7px !important;
  margin-top: auto;
}
.mauve-chapter-row {
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
.mauve-chapter-row--empty {
  color: var(--mauve-text-2) !important;
  border-style: dashed !important;
  opacity: .88;
}
.mauve-cover-new--soon {
  background: #fef08a !important;
}

/* Header/menu stability: keep hamburger menu above content and stop hover-gap disappearing. */
.th,
.centernav.bound,
#main-menu,
#main-menu ul.menu,
#main-menu li {
  overflow: visible !important;
}
.th { z-index: 9990 !important; }
#main-menu { z-index: 9995 !important; }
#main-menu li ul,
#main-menu .sub-menu {
  z-index: 10000 !important;
  margin-top: 0 !important;
  border-radius: var(--radius-sm) !important;
  background: #121210 !important;
  border: 1px solid rgba(254, 240, 138,.18) !important;
}
#main-menu li:hover > ul,
#main-menu li:focus-within > ul,
#main-menu .menu-item-has-children:hover > .sub-menu,
#main-menu .menu-item-has-children:focus-within > .sub-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Manga/series page: bigger cover and less flat background. */
body.mauve-series-page {
  background:
    radial-gradient(circle at 14% 5%, rgba(197, 160, 89,.18), transparent 420px),
    linear-gradient(180deg, #08070c, #050509 60%, #050509) !important;
}
body.mauve-series-page .postbody.full {
  width: var(--container) !important;
  max-width: var(--container) !important;
  margin: 26px auto 52px !important;
  padding: 26px !important;
  border: 1px solid rgba(254, 240, 138,.16) !important;
  border-radius: var(--radius-lg) !important;
  background:
    linear-gradient(135deg, rgba(18,14,28,.96), rgba(8,7,12,.98)),
    radial-gradient(circle at 82% 12%, rgba(197, 160, 89,.22), transparent 440px) !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.28) !important;
}
body.mauve-series-page .thumb,
body.mauve-series-page .rating.bixbox,
body.mauve-series-page .tsinfo.bixbox,
body.mauve-series-page .bookmark {
  width: min(320px, 100%) !important;
  max-width: 320px !important;
}
body.mauve-series-page .thumb img {
  width: 100% !important;
  height: auto !important;
  border-radius: var(--radius-md) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 22px 44px rgba(0,0,0,.38) !important;
}
body.mauve-series-page .bixbox,
body.mauve-series-page .bxcl {
  background: rgba(10,9,15,.88) !important;
  border-color: rgba(254, 240, 138,.13) !important;
}
body.mauve-series-page h1,
body.mauve-series-page h2 {
  color: #fff !important;
}
body.mauve-series-page .entry-content-single,
body.mauve-series-page .tsinfo {
  color: var(--mauve-text-2) !important;
}

@media (max-width: 880px) {
  body.mauve-nav-open .th,
  body.mauve-nav-open .centernav.bound { overflow: visible !important; }
  body.mauve-nav-open #main-menu {
    display: block !important;
    position: relative !important;
    z-index: 10001 !important;
    flex-basis: 100% !important;
  }
  #main-menu ul.menu,
  #main-menu .menu {
    position: relative !important;
    z-index: 10002 !important;
    max-height: calc(100vh - 148px);
    overflow-y: auto !important;
    background: #12110e !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.42) !important;
  }
  #main-menu a {
    height: auto !important;
    line-height: 1.2 !important;
    min-height: 42px !important;
  }
  #main-menu li ul,
  #main-menu .sub-menu,
  #main-menu .children {
    position: static !important;
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    width: 100% !important;
    margin: 4px 0 4px 10px !important;
    padding: 5px !important;
    box-shadow: none !important;
  }
  .mauve-hero-coverflow {
    padding: 28px 0 28px !important;
  }
  .mauve-hero-coverflow__shell {
    width: calc(100vw - 24px);
    padding-bottom: 34px;
  }
  .mauve-hero-coverflow .mauve-hero-track {
    height: clamp(250px, 66vw, 315px);
  }
  .mauve-hero-coverflow .mauve-hero-slide {
    width: min(620px, calc(100vw - 58px));
    padding: 0;
  }
  .mauve-hero-coverflow .mauve-hero-slide.is-prev { transform: translateX(calc(-50% - 78vw)) scale(.92); }
  .mauve-hero-coverflow .mauve-hero-slide.is-next { transform: translateX(calc(-50% + 78vw)) scale(.92); }
  .mauve-hero-slide__link {
    padding: 0 18px 38px;
  }
  .mauve-hero-slide__copy {
    max-width: 94%;
    gap: 8px;
  }
  .mauve-hero-slide__copy strong {
    font-size: clamp(22px, 7vw, 30px);
  }
  .mauve-hero-slide__copy .mauve-chip {
    min-height: 25px;
    padding: 0 9px;
    font-size: 12px;
  }
  .mauve-coverflow-arrow {
    width: 40px;
    height: 40px;
    top: calc(50% - 22px);
    font-size: 32px;
  }
  .mauve-coverflow-arrow--prev { left: 8px; }
  .mauve-coverflow-arrow--next { right: 8px; }
  .mauve-coverflow-count {
    top: 12px;
    right: 18px;
    height: 27px;
    font-size: 12px;
  }
  .mauve-coverflow-dots { bottom: 12px; }
  .mauve-popular-row { grid-auto-columns: 116px !important; gap: 12px !important; }
  .mauve-popular-card img { width: 116px !important; }
  .mauve-latest-grid,
  .mauve-portal-layout.is-wide .mauve-latest-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px 10px !important;
    padding: 10px !important;
  }
  .mauve-update-card h3 {
    min-height: 34px;
    font-size: 13px !important;
  }
  .mauve-chapter-row {
    min-height: 40px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: center;
    gap: 2px !important;
    padding: 6px 7px !important;
  }
  .mauve-chapter-row time {
    justify-self: start;
    margin-left: 17px;
    font-size: 10px !important;
  }
  body.mauve-series-page .postbody.full {
    width: calc(100vw - 24px) !important;
    padding: 14px !important;
    margin-top: 14px !important;
  }
  body.mauve-series-page .thumb,
  body.mauve-series-page .rating.bixbox,
  body.mauve-series-page .tsinfo.bixbox,
  body.mauve-series-page .bookmark {
    width: min(280px, 100%) !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 390px) {
  .mauve-hero-coverflow .mauve-hero-slide { width: calc(100vw - 44px); }
  .mauve-hero-slide__link { padding: 0 15px 36px; }
  .mauve-coverflow-dots { gap: 10px; }
  .mauve-latest-grid,
  .mauve-portal-layout.is-wide .mauve-latest-grid { gap: 16px 10px !important; }
  .mauve-update-card h3 { font-size: 12px !important; }
}


/* Series page fallback for Mangareader's limited body classes. */
body.darkmode .postbody.full:has(.tsinfo.bixbox),
body.darkmode .postbody.full:has(.bxcl.epcheck) {
  width: var(--container) !important;
  max-width: var(--container) !important;
  margin: 26px auto 52px !important;
  padding: 26px !important;
  border: 1px solid rgba(254, 240, 138,.16) !important;
  border-radius: var(--radius-lg) !important;
  background:
    linear-gradient(135deg, rgba(18,14,28,.96), rgba(8,7,12,.98)),
    radial-gradient(circle at 82% 12%, rgba(197, 160, 89,.22), transparent 440px) !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.28) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bookmark {
  width: min(320px, 100%) !important;
  max-width: 320px !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb img {
  width: 100% !important;
  height: auto !important;
  border-radius: var(--radius-md) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 22px 44px rgba(0,0,0,.38) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bixbox,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl {
  background: rgba(10,9,15,.88) !important;
  border-color: rgba(254, 240, 138,.13) !important;
}
@media (max-width: 880px) {
  body.darkmode .postbody.full:has(.tsinfo.bixbox),
  body.darkmode .postbody.full:has(.bxcl.epcheck) {
    width: calc(100vw - 24px) !important;
    padding: 14px !important;
    margin-top: 14px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .bookmark {
    width: min(280px, 100%) !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* Series page grid column fix so cover can actually grow beyond the theme's 235px column. */
body.darkmode .postbody.full:has(.tsinfo.bixbox) .main-info {
  display: grid !important;
  grid-template-columns: 320px minmax(0, 1fr) !important;
  gap: 26px !important;
  align-items: start !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left-margin {
  float: none !important;
  width: 320px !important;
  max-width: 320px !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-right,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck {
  width: auto !important;
  min-width: 0 !important;
}
@media (max-width: 880px) {
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .main-info {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left-margin {
    width: min(280px, 100%) !important;
    max-width: 280px !important;
    justify-self: center !important;
  }
}


/* Series detail top cleanup v0.3.2 */
body.darkmode .wrapper:has(.postbody.full .tsinfo.bixbox),
body.darkmode .wrapper:has(.postbody.full .bxcl.epcheck) {
  width: min(1240px, calc(100vw - 32px)) !important;
  max-width: min(1240px, calc(100vw - 32px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox),
body.darkmode .postbody.full:has(.bxcl.epcheck) {
  width: auto !important;
  max-width: none !important;
  margin: 22px 0 52px !important;
  padding: 22px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(254, 240, 138, .10), transparent 340px),
    linear-gradient(135deg, rgba(17, 13, 26, .98), rgba(7, 6, 11, .98)) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry {
  width: 100% !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .main-info {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: stretch !important;
  overflow: visible !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left-margin,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bookmark {
  width: 300px !important;
  max-width: 300px !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left-margin {
  margin: 0 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb {
  margin-bottom: 12px !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-right {
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  overflow: visible !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-right > .ts-breadcrumb.bixbox {
  order: -2 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(254, 240, 138,.10) !important;
  color: var(--mauve-text-2) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox {
  flex: 1 1 auto !important;
  min-height: 300px !important;
  margin: 0 !important;
  padding: 28px 30px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  border: 1px solid rgba(254, 240, 138,.16) !important;
  background:
    radial-gradient(circle at 82% 12%, rgba(197, 160, 89, .22), transparent 360px),
    linear-gradient(135deg, rgba(25, 18, 39, .92), rgba(10, 8, 16, .96)) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox h1,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox .entry-title {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: clamp(34px, 4.2vw, 58px) !important;
  line-height: .96 !important;
  letter-spacing: -.045em !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox h2 {
  margin-top: 0 !important;
  color: var(--mauve-text-2) !important;
  font-size: 16px !important;
  letter-spacing: .01em !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .entry-content-single:empty::after {
  content: "Synopsis coming soon.";
  display: block;
  margin-top: 12px;
  color: var(--mauve-text-2);
  font-size: 15px;
  line-height: 1.65;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 96px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(254, 240, 138,.14) !important;
  background: rgba(8, 7, 12, .88) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb img {
  display: block !important;
  width: 100% !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bookmark {
  box-sizing: border-box !important;
  border-radius: var(--radius-sm) !important;
}
@media (max-width: 880px) {
  body.darkmode .wrapper:has(.postbody.full .tsinfo.bixbox),
  body.darkmode .wrapper:has(.postbody.full .bxcl.epcheck) {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox),
  body.darkmode .postbody.full:has(.bxcl.epcheck) {
    padding: 12px !important;
    margin-top: 12px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .main-info {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left-margin,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .bookmark {
    width: min(300px, 100%) !important;
    max-width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox {
    min-height: 0 !important;
    padding: 20px !important;
    justify-content: flex-start !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox h1,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox .entry-title {
    font-size: clamp(28px, 9vw, 40px) !important;
  }
}


/* Series detail top width/height correction v0.3.2b */
body.darkmode .wrapper:has(.postbody.full .tsinfo.bixbox),
body.darkmode .wrapper:has(.postbody.full .bxcl.epcheck) {
  width: min(1120px, calc(100vw - 32px)) !important;
  max-width: min(1120px, calc(100vw - 32px)) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox),
body.darkmode .postbody.full:has(.bxcl.epcheck) {
  width: 100% !important;
  box-sizing: border-box !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .main-info {
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: start !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-right {
  height: auto !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox {
  flex: 0 0 auto !important;
  min-height: 220px !important;
  justify-content: flex-end !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox h1,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox .entry-title {
  font-size: clamp(32px, 4vw, 50px) !important;
}
@media (max-width: 880px) {
  body.darkmode .wrapper:has(.postbody.full .tsinfo.bixbox),
  body.darkmode .wrapper:has(.postbody.full .bxcl.epcheck) {
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox {
    min-height: 0 !important;
    justify-content: flex-start !important;
  }
}


/* Mobile manga detail hard stack v0.3.2 */
@media (max-width: 700px) {
  html, body {
    max-width: 100%;
    overflow-x: hidden !important;
  }
  body.darkmode .wrapper:has(.postbody.full .tsinfo.bixbox),
  body.darkmode .wrapper:has(.postbody.full .bxcl.epcheck) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox),
  body.darkmode .postbody.full:has(.bxcl.epcheck) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 34px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .main-info {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .main-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    overflow: visible !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left-margin {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-right {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    overflow: visible !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .bookmark {
    width: min(100%, 310px) !important;
    max-width: 310px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-right > .ts-breadcrumb.bixbox,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox {
    padding: 18px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox h1,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox .entry-title {
    font-size: clamp(28px, 9vw, 40px) !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox h2,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck h2 {
    font-size: 16px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }
}


/* Manga detail reference layout v0.3.3 */
body.darkmode .wrapper:has(.postbody.full .tsinfo.bixbox),
body.darkmode .wrapper:has(.postbody.full .bxcl.epcheck) {
  width: min(1200px, calc(100vw - 32px)) !important;
  max-width: min(1200px, calc(100vw - 32px)) !important;
  margin: 28px auto 0 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox),
body.darkmode .postbody.full:has(.bxcl.epcheck) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 52px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 32px !important;
  align-items: start !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .main-info {
  display: contents !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 300px !important;
  max-width: 300px !important;
  height: auto !important;
  margin: 0 !important;
  float: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left-margin {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  height: auto !important;
  margin: 0 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #232332 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.5) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 2 / 3 !important;
  object-fit: cover !important;
  display: block !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bookmark {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 0 !important;
  background: linear-gradient(135deg, var(--mauve-accent), #cca43b) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 22px rgba(139,92,246,.24) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bookmark + p,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bookmark ~ p {
  text-align: center !important;
  color: var(--mauve-muted) !important;
  margin: -8px 0 0 !important;
  font-size: 13px !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 16px !important;
  border-radius: 8px !important;
  border: 1px solid #232332 !important;
  background: #15151e !important;
  box-shadow: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox {
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox .rtb:before,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox .rtb span:before {
  color: #fbbf24 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox .num {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox .imptdt,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox .imptdt i {
  border-color: #232332 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox .imptdt {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid #232332 !important;
  color: var(--mauve-text) !important;
  font-size: 14px !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox .imptdt:last-child { border-bottom: 0 !important; }
body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox .imptdt strong,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox .imptdt i:first-child {
  color: #9ca3af !important;
  font-style: normal !important;
  font-weight: 600 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-right {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
  overflow: visible !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-right > .bixbox:not(.info-desc):not(.bxcl):not(.ts-breadcrumb) {
  display: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .ts-breadcrumb.bixbox {
  order: -2 !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 0 -24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #9ca3af !important;
  font-size: 13px !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .ts-breadcrumb a { color: #c4b5fd !important; }
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox {
  order: -1 !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 32px !important;
  display: block !important;
  border-radius: 8px !important;
  border: 1px solid #232332 !important;
  background: #15151e !important;
  box-shadow: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox h1,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox .entry-title {
  margin: 0 0 10px !important;
  color: #f3f4f6 !important;
  font-size: clamp(32px, 4vw, 44px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox .wd-full { margin: 0 0 18px !important; }
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox .mgen a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  background: #2a2a3c !important;
  border: 1px solid rgba(254, 240, 138,.12) !important;
  color: #ddd6fe !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox h2 {
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #f3f4f6 !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .entry-content-single,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .entry-content-single p {
  color: #9ca3af !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .entry-content-single:empty::after {
  content: "Synopsis coming soon.";
  display: block;
  color: #9ca3af;
  font-size: 15px;
  line-height: 1.7;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck {
  order: 2 !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck .releases {
  margin: 0 0 16px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid #232332 !important;
  background: transparent !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck .releases h2 {
  color: #f3f4f6 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck .lastend,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck .search-chapter { display: none !important; }
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister li {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister a {
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 16px !important;
  border-radius: 6px !important;
  border: 1px solid #232332 !important;
  background: #15151e !important;
  text-decoration: none !important;
  transition: border-color .2s ease, transform .2s ease, background .2s ease !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num:hover,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister a:hover {
  transform: translateY(-2px) !important;
  border-color: var(--mauve-accent) !important;
  background: #191925 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapternum {
  color: var(--mauve-accent-2) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapterdate {
  color: #9ca3af !important;
  font-size: 13px !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) #comments.comments-area,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area .releases {
  margin: 0 0 16px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid #232332 !important;
  background: transparent !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area .releases h2 {
  color: #f3f4f6 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area .cmt,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .mauve-comment-gate,
body.darkmode .postbody.full:has(.tsinfo.bixbox) #respond {
  padding: 24px !important;
  border-radius: 8px !important;
  border: 1px solid #232332 !important;
  background: #15151e !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) textarea,
body.darkmode .postbody.full:has(.tsinfo.bixbox) input[type="text"] {
  background: #0d0d12 !important;
  border-color: #232332 !important;
  color: #f3f4f6 !important;
  border-radius: 6px !important;
}
@media (max-width: 900px) {
  body.darkmode .wrapper:has(.postbody.full .tsinfo.bixbox),
  body.darkmode .wrapper:has(.postbody.full .bxcl.epcheck) {
    width: min(760px, calc(100vw - 24px)) !important;
    max-width: min(760px, calc(100vw - 24px)) !important;
    margin-top: 18px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-right,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) #comments.comments-area,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left-margin {
    display: grid !important;
    grid-template-columns: 200px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb {
    grid-row: 1 / span 4 !important;
    width: 200px !important;
    max-width: 200px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .bookmark,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .tsinfo.bixbox {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox { padding: 24px !important; }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
  body.darkmode .wrapper:has(.postbody.full .tsinfo.bixbox),
  body.darkmode .wrapper:has(.postbody.full .bxcl.epcheck) {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left-margin {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb {
    width: min(250px, 100%) !important;
    max-width: 250px !important;
    margin: 0 auto !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox {
    padding: 22px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox h1,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox .entry-title {
    font-size: clamp(28px, 9vw, 34px) !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul { grid-template-columns: 1fr !important; }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area .cmt,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .mauve-comment-gate,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) #respond { padding: 18px !important; }
}


/* Manga detail right-edge polish v0.3.3 */
body.darkmode .wrapper:has(.postbody.full .tsinfo.bixbox),
body.darkmode .wrapper:has(.postbody.full .bxcl.epcheck) {
  width: min(1160px, calc(100vw - 48px)) !important;
  max-width: min(1160px, calc(100vw - 48px)) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry {
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 28px !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul {
  box-sizing: border-box !important;
  overflow: visible !important;
  max-width: 100% !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area .cmt,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .mauve-comment-gate {
  line-height: 1.6 !important;
}
@media (max-width: 900px) {
  body.darkmode .wrapper:has(.postbody.full .tsinfo.bixbox),
  body.darkmode .wrapper:has(.postbody.full .bxcl.epcheck) {
    width: min(760px, calc(100vw - 24px)) !important;
    max-width: min(760px, calc(100vw - 24px)) !important;
  }
}
@media (max-width: 600px) {
  body.darkmode .wrapper:has(.postbody.full .tsinfo.bixbox),
  body.darkmode .wrapper:has(.postbody.full .bxcl.epcheck) {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }
}


/* Manga detail reference polish v0.3.3 */
body.darkmode .manga-info .bigcover,
body.darkmode .postbody.full:has(.tsinfo.bixbox) ~ .bigcover,
body.darkmode .wrapper:has(.postbody.full .tsinfo.bixbox) ~ .bigcover {
  display: none !important;
}
body.darkmode .manga-info {
  background:
    radial-gradient(circle at 16% 6%, rgba(139, 92, 246, .10), transparent 320px),
    linear-gradient(180deg, rgba(8,7,12,1), rgba(13,13,18,1) 360px) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .ts-breadcrumb.bixbox {
  color: #9ca3af !important;
  text-shadow: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .ts-breadcrumb.bixbox div {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area #respond {
  padding: 24px !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area .mauve-login-to-comment,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area .must-log-in {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #9ca3af !important;
  line-height: 1.65 !important;
  min-height: 0 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area .must-log-in a {
  color: #c4b5fd !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area .mauve-comment-title {
  margin: 0 !important;
  color: #f3f4f6 !important;
  font-size: 17px !important;
}


/* Manga detail chapter/comment polish v0.3.3 */
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num:hover {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num > a {
  width: 100% !important;
  min-height: 82px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 16px !important;
  border-radius: 6px !important;
  border: 1px solid #232332 !important;
  background: #15151e !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num > a:hover {
  transform: translateY(-2px) !important;
  border-color: var(--mauve-accent) !important;
  background: #191925 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck .releases h2,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area .releases h2 {
  font-size: 20px !important;
  line-height: 1.25 !important;
  color: #f3f4f6 !important;
  font-weight: 800 !important;
}

/* Mauve mobile QA fixes v0.3.4 — latest rows inline, series mobile ordering/cards */
@media (max-width: 880px) {
  .mauve-latest-grid .mauve-chapter-row {
    min-height: 34px !important;
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    padding: 5px 7px !important;
  }
  .mauve-latest-grid .mauve-chapter-row time {
    justify-self: auto !important;
    margin-left: 4px !important;
    line-height: 1 !important;
    transform: translateY(-1px);
  }
  .mauve-latest-grid .mauve-chapter-main {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .mauve-latest-grid .mauve-new-tag {
    flex: 0 0 auto !important;
  }
}

@media (max-width: 900px) {
  body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .main-info {
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left {
    order: 1 !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-right {
    order: 2 !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) #comments.comments-area,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area {
    order: 3 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-right,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister li,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chbox,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num > a {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister li,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chbox,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

@media (max-width: 600px) {
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num > a {
    min-height: 72px !important;
    padding: 14px 16px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .comments-area .cmt,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .mauve-comment-gate,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) #respond {
    padding: 16px !important;
  }
}

/* Mauve UI fixes v0.3.5 — series ordering, empty chapters, mobile header, autoplay/ticker */
@media (max-width: 880px) {
  .searchx {
    display: none !important;
    order: 4 !important;
    flex: 1 0 100% !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
  body.mauve-nav-open .searchx {
    display: block !important;
  }
  body.mauve-nav-open .searchx form {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    height: 44px !important;
  }
  body.mauve-nav-open .searchx .srcmob { display: none !important; }
  .centernav.bound { gap: 10px !important; }
  .logos .hdl { display: none !important; }
}

/* Keep related series after the actual series content, never above the cover/details. */
body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry > .mauve-related-series {
  grid-column: 2 !important;
  grid-row: 3 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  order: 4 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry > .mauve-related-series .releases,
body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry > .mauve-related-series > h2 {
  margin: 0 0 16px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid #232332 !important;
  background: transparent !important;
  color: #f3f4f6 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry > .mauve-related-series .listupd {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(136px, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry > .mauve-related-series .bs,
body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry > .mauve-related-series .bsx {
  width: 100% !important;
  max-width: 100% !important;
}
@media (max-width: 900px) {
  body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry > .mauve-related-series {
    grid-column: 1 !important;
    grid-row: auto !important;
    order: 4 !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry > .mauve-related-series .listupd {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}
@media (max-width: 600px) {
  body.darkmode .postbody.full:has(.tsinfo.bixbox) article.hentry > .mauve-related-series .listupd {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Empty/no-chapter series should not show fake First/New Chapter ? buttons. */
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck.mauve-empty-chapters .lastend,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck.mauve-empty-chapters .search-chapter {
  display: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .mauve-chapters-empty-state {
  min-height: 76px;
  display: grid;
  gap: 6px;
  align-content: center;
  padding: 18px;
  border-radius: 8px;
  border: 1px dashed rgba(254, 240, 138,.22);
  background: rgba(21,21,30,.74);
  color: #9ca3af;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .mauve-chapters-empty-state strong {
  color: #f3f4f6;
  font-size: 15px;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .mauve-chapters-empty-state span {
  font-size: 13px;
  line-height: 1.55;
}

/* Popular Today continuous ticker: JS duplicates cards and scrolls; CSS keeps it clean. */
.mauve-popular-slider { overflow: hidden !important; }
.mauve-popular-slider .mauve-popular-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  overflow-x: hidden !important;
  scroll-snap-type: none !important;
  scrollbar-width: none !important;
  scroll-behavior: auto !important;
  will-change: scroll-position;
}
.mauve-popular-slider .mauve-popular-row::-webkit-scrollbar { display: none !important; }
.mauve-popular-slider .mauve-popular-card {
  flex: 0 0 148px !important;
  scroll-snap-align: none !important;
}
@media (max-width: 880px) {
  .mauve-popular-slider .mauve-popular-card { flex-basis: 116px !important; }
}

/* Mauve chapter-card target polish v0.3.6 — match large clean mobile cards */
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck {
  overflow: visible !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: 1fr !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister li,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  list-style: none !important;
  transform: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num > a {
  width: 100% !important;
  min-height: 112px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 26px 30px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(254, 240, 138, .13) !important;
  background: #15141f !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  text-decoration: none !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num > a:hover,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num > a:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(254, 240, 138, .38) !important;
  background: #191827 !important;
  outline: 0 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapternum {
  color: #fef08a !important;
  font-size: 21px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapterdate {
  color: #a8a3b3 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}
@media (max-width: 600px) {
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .bxcl.epcheck .releases {
    margin-bottom: 24px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul {
    gap: 24px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num > a {
    min-height: 130px !important;
    padding: 30px 32px !important;
    border-radius: 10px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapternum {
    font-size: 24px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapterdate {
    font-size: 18px !important;
  }
}

/* Mauve chapter-card row height fix v0.3.6b — make grid rows match large cards */
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister li,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num {
  min-height: 112px !important;
  height: auto !important;
  display: block !important;
}
@media (max-width: 600px) {
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister li,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num {
    min-height: 130px !important;
  }
}

/* Mauve chapter-card flow fix v0.3.6c — use flex list so comments cannot overlap tall cards */
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Mauve detail/header polish v0.3.7 — cover reflected bg, compact chapters, centered info, text logo/menu */
/* Text logo replaces image mark in header. */
.logos a {
  min-width: 0 !important;
  gap: 0 !important;
  text-decoration: none !important;
}
.logos img { display: none !important; }
.logos .hdl,
.logos a .hdl {
  position: static !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  overflow: visible !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
  white-space: nowrap !important;
  background: linear-gradient(90deg, #fff, #fef08a 60%, #cca43b);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
#main-menu .mauve-join-link a,
.mauve-mobile-account-quick {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #cca43b, #9a741e) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(197, 160, 89,.24) !important;
}
.searchx form {
  border-radius: 999px !important;
}
.searchx input#s,
.searchx input[type="text"] {
  padding-left: 16px !important;
  padding-right: 4px !important;
}
.searchx button#submit,
.searchx button[type="submit"] {
  width: 42px !important;
  min-width: 42px !important;
  border-radius: 999px !important;
  margin: 2px !important;
  height: calc(100% - 4px) !important;
  border-left: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.searchx button#submit::before,
.searchx button[type="submit"]::before {
  content: "⌕";
  font-size: 18px;
  line-height: 1;
  transform: translateY(-1px);
}
.searchx button#submit i,
.searchx button[type="submit"] i,
.searchx button#submit span,
.searchx button[type="submit"] span {
  display: none !important;
}
.shme.mauve-menu-toggle {
  position: relative !important;
  border-radius: 999px !important;
  background: #15131e !important;
  border-color: rgba(254, 240, 138,.18) !important;
}
.shme.mauve-menu-toggle::before,
.shme.mauve-menu-toggle::after,
.shme.mauve-menu-toggle i::before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: #f5f3ff !important;
  transition: transform .18s ease, top .18s ease, opacity .18s ease !important;
}
.shme.mauve-menu-toggle::before { top: 14px !important; }
.shme.mauve-menu-toggle i::before { top: 21px !important; }
.shme.mauve-menu-toggle::after { top: 28px !important; }
body.mauve-nav-open .shme.mauve-menu-toggle::before { top: 21px !important; transform: rotate(45deg) !important; }
body.mauve-nav-open .shme.mauve-menu-toggle i::before { opacity: 0 !important; }
body.mauve-nav-open .shme.mauve-menu-toggle::after { top: 21px !important; transform: rotate(-45deg) !important; }
@media (max-width: 880px) {
  .centernav.bound {
    min-height: 62px !important;
    padding: 9px 0 !important;
  }
  .logos .hdl,
  .logos a .hdl { font-size: 21px !important; }
  .mauve-mobile-account-quick {
    order: 2 !important;
    min-width: 62px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }
  #main-menu {
    margin-top: 8px !important;
  }
  body.mauve-nav-open #main-menu ul.menu,
  body.mauve-nav-open #main-menu .menu {
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 18px !important;
    background: rgba(13, 11, 19, .98) !important;
    border: 1px solid rgba(254, 240, 138,.18) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.42) !important;
  }
  body.mauve-nav-open #main-menu a {
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
    color: #f5f3ff !important;
    justify-content: center !important;
    font-weight: 850 !important;
  }
  body.mauve-nav-open #main-menu a:hover,
  body.mauve-nav-open #main-menu a:focus-visible {
    background: rgba(197, 160, 89,.28) !important;
  }
  body.mauve-nav-open .searchx {
    margin-top: 8px !important;
  }
}

/* Reflect the series cover as page background/glow. JS sets --mauve-series-cover-bg from the cover image. */
body.darkmode .manga-info.mauve-has-cover-bg {
  position: relative !important;
  isolation: isolate !important;
  background:
    linear-gradient(180deg, rgba(5,5,9,.78), rgba(8,7,12,.96) 340px, #0d0d12 100%),
    var(--mauve-series-cover-bg) center top / cover no-repeat !important;
}
body.darkmode .manga-info.mauve-has-cover-bg::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: min(540px, 80vh);
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(5,5,9,.28), #0d0d12 92%),
    var(--mauve-series-cover-bg) center 18% / cover no-repeat;
  filter: blur(22px) saturate(1.12) brightness(.42);
  transform: scale(1.05);
  opacity: .72;
  pointer-events: none;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .thumb {
  box-shadow: 0 20px 58px rgba(0,0,0,.5), 0 0 52px rgba(204, 164, 59,.20) !important;
}

/* Center title/bookmark/rating/follower count in the sidebar/top area. */
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-left-margin {
  text-align: center !important;
  align-items: center !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .entry-title,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox h1 {
  width: 100% !important;
  text-align: center !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bookmark + p,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .bookmark ~ p {
  width: 100% !important;
  text-align: center !important;
  margin: -6px 0 2px !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox {
  justify-content: center !important;
  gap: 16px !important;
  text-align: center !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox .rating-prc,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox .rtb {
  margin-left: auto !important;
  margin-right: auto !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .rating.bixbox .num {
  min-width: auto !important;
}

/* Smaller, stackable chapter cards. */
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 0 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister li,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num {
  min-height: 0 !important;
  height: auto !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num > a {
  min-height: 66px !important;
  padding: 14px 18px !important;
  border-radius: 8px !important;
  gap: 5px !important;
  background: rgba(21,20,31,.92) !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapternum {
  font-size: 17px !important;
  line-height: 1.18 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapterdate {
  font-size: 13px !important;
  line-height: 1.25 !important;
}
@media (max-width: 600px) {
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul { gap: 12px !important; }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num > a {
    min-height: 70px !important;
    padding: 15px 18px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapternum { font-size: 18px !important; }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapterdate { font-size: 13px !important; }
}

/* Mauve header loose search icon cleanup v0.3.7b */
@media (max-width: 880px) {
  .centernav.bound > .srcmob,
  .srcmob {
    display: none !important;
  }
  .centernav.bound header {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .logos,
  .site-branding.logox {
    width: auto !important;
  }
}

/* ============================================================
   Mauve v0.3.8 — visual QA fixes from screenshot review
   ============================================================ */

/* 1. Homepage gap — MangaReader .wrap adds default padding-top that
      creates dead space between header and hero slider.
      Zero it out; the slider's own padding-top handles spacing.        */
body.mauve-custom-home-active .wrap,
body.mauve-custom-home-active #content,
body.mauve-custom-home-active .site-content,
body.mauve-custom-home-active .content-area {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 2. Mobile logo text — v0.3.5 hides .logos .hdl at ≤880px but
      v0.3.7 only restores font-size, never display.
      Restore it so the text logo shows on mobile.                       */
@media (max-width: 880px) {
  .logos .hdl,
  .logos a .hdl {
    display: inline-flex !important;
    font-size: 19px !important;
  }
}

/* 3. Series page desktop — synopsis text overflows the info-desc panel.
      Ensure all text in entry-content wraps and doesn't escape the box.  */
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox {
  overflow: hidden !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .entry-content-single,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .entry-content-single p {
  overflow-wrap: break-word !important;
  word-break: normal !important;
  hyphens: auto !important;
  max-width: 100% !important;
}

/* 4. Chapter cards — v0.3.6b forces min-height:112px on li/.eph-num
      but v0.3.7 reduced the inner card to 66px, creating a mismatch
      where the li is taller than its card with dead space.
      Sync the wrapper height to auto so it hugs the card.              */
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister li,
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num {
  min-height: 0 !important;
  height: auto !important;
}
@media (max-width: 600px) {
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister li,
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num {
    min-height: 0 !important;
  }
}

/* 5. Chapter card inner sizing — tighten the card itself from the
      very tall v0.3.6 sizing to something proportional.
      66px inner / auto height works well for a chapter + date.         */
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num > a {
  min-height: 70px !important;
  padding: 16px 20px !important;
  gap: 6px !important;
  border-radius: 8px !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapternum {
  font-size: 17px !important;
  line-height: 1.2 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapterdate {
  font-size: 13px !important;
  line-height: 1.3 !important;
}
body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul {
  gap: 10px !important;
}
@media (max-width: 600px) {
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .eph-num > a {
    min-height: 74px !important;
    padding: 16px 18px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister .chapternum {
    font-size: 18px !important;
  }
  body.darkmode .postbody.full:has(.tsinfo.bixbox) .eplister ul {
    gap: 10px !important;
  }
}

/* 6. Popular Today ticker — first card partially clipped on page load
      because the row starts mid-scroll. Ensure the row starts at 0
      and the panel has enough left-padding for the first card.          */
.mauve-popular-slider .mauve-popular-row {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* 7. Series info-desc content alignment — v0.3.2b set justify-content:
      flex-end which stacks title/synopsis at the bottom of the card.
      Top-align it so the title reads from the top of the panel.        */
body.darkmode .postbody.full:has(.tsinfo.bixbox) .info-desc.bixbox {
  justify-content: flex-start !important;
}

/* ============================================================
   Mauve v0.3.12 — homepage translation update notice
   ============================================================ */
.mauve-translation-notice {
  margin-top: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid rgba(204, 164, 59, 0.24) !important;
  border-left: 4px solid var(--mauve-accent) !important;
  background: linear-gradient(90deg, rgba(204, 164, 59, 0.12), rgba(7, 7, 11, 0.4)) !important;
  box-shadow: none;
  animation: mauveNoticeGlow 2s infinite ease-in-out;
}
@keyframes mauveNoticeGlow {
  0% { box-shadow: 0 0 4px rgba(204, 164, 59, 0.15); border-color: rgba(204, 164, 59, 0.24); }
  50% { box-shadow: 0 0 10px rgba(204, 164, 59, 0.35); border-color: rgba(204, 164, 59, 0.45); }
  100% { box-shadow: 0 0 4px rgba(204, 164, 59, 0.15); border-color: rgba(204, 164, 59, 0.24); }
}
.mauve-translation-notice__badge {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  color: #120819;
  background: var(--mauve-accent-2);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.mauve-translation-notice p {
  margin: 0;
  color: var(--mauve-text-2) !important;
  font-size: 14px;
  line-height: 1.45;
}
@media (max-width: 560px) {
  .mauve-translation-notice {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 13px 14px;
  }
  .mauve-translation-notice p {
    font-size: 13px;
  }
}

/* ============================================================
   Mauve v0.3.11 — simple homepage Discord invite
   ============================================================ */
.mauve-discord-invite {
  --discord-blurple: #5865f2;
  --discord-blurple-dark: #4752c4;
  margin-top: 18px;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-color: rgba(88, 101, 242, .34) !important;
  border-left: 4px solid var(--discord-blurple) !important;
  background: linear-gradient(90deg, rgba(88, 101, 242, .14), rgba(255,255,255,.035)) !important;
  box-shadow: none;
}
.mauve-discord-invite__brand {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  color: #fff;
  background: var(--discord-blurple);
}
.mauve-discord-invite__brand svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.mauve-discord-invite__copy {
  min-width: 0;
  flex: 1 1 auto;
}
.mauve-discord-invite__copy h2 {
  margin: 0 0 2px;
  color: #fff !important;
  font-size: 18px;
  line-height: 1.18;
  letter-spacing: -.015em;
}
.mauve-discord-invite__copy p {
  margin: 0;
  color: var(--mauve-text-2) !important;
  font-size: 13px;
  line-height: 1.4;
}
.mauve-discord-invite__button {
  flex: 0 0 auto;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  border-radius: 10px;
  color: #fff !important;
  background: var(--discord-blurple);
  font-size: 13px;
  font-weight: 850;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background-color .16s ease, transform .16s ease;
}
.mauve-discord-invite__button:hover,
.mauve-discord-invite__button:focus-visible {
  background: var(--discord-blurple-dark);
  transform: translateY(-1px);
  outline: 0;
}
@media (max-width: 560px) {
  .mauve-discord-invite {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    padding: 14px;
  }
  .mauve-discord-invite__button {
    grid-column: 2;
    justify-self: start;
    margin-top: 2px;
  }
}
@media (max-width: 360px) {
  .mauve-discord-invite {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .mauve-discord-invite__brand,
  .mauve-discord-invite__button {
    justify-self: center;
  }
  .mauve-discord-invite__button {
    grid-column: 1;
  }
}

/* ============================================================
   Mauve v0.4.0 — Metadata & card elements inspired by violetscans.org
   ============================================================ */

.mauve-card-badge {
  position: absolute;
  z-index: 2;
  padding: 4px 7px;
  border-radius: var(--radius-sm);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.05em;
  pointer-events: none;
}
.mauve-card-badge--hot {
  top: 8px;
  right: 8px;
  background: linear-gradient(135deg, #cca43b, #f59e0b);
  box-shadow: 0 4px 12px rgba(204, 164, 59, 0.4);
}
.mauve-card-badge--type {
  top: 8px;
  left: 8px;
  background: rgba(7, 7, 11, 0.82);
  border: 1px solid var(--mauve-line);
}
.mauve-card-badge--type.Manhwa {
  border-color: rgba(204, 164, 59, 0.4);
  background: rgba(204, 164, 59, 0.22);
  color: var(--mauve-accent-2);
}
.mauve-card-badge--type.Manga {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.mauve-card-badge--type.Manhua {
  border-color: rgba(168, 85, 247, 0.4);
  background: rgba(168, 85, 247, 0.2);
  color: #d8b4fe;
}
.mauve-update-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 800;
  color: var(--mauve-muted);
}
.mauve-status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9ca3af;
  display: inline-block;
}
.mauve-status-dot--ongoing {
  background: #10b981; /* Green */
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.6);
}
.mauve-status-dot--completed {
  background: #3b82f6; /* Blue */
  box-shadow: 0 0 8px rgba(59, 130, 246, 0.6);
}
.mauve-update-score {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: var(--mauve-accent-2);
}
.mauve-update-score i {
  font-size: 9px;
}

/* Series Badge: New */
.mauve-card-badge--new {
  top: 8px;
  left: 8px;
  background: linear-gradient(135deg, #cca43b, #fef08a);
  box-shadow: 0 4px 12px rgba(204, 164, 59, 0.4);
  color: #000;
}

/* Slider swipe gesture optimization */
.mauve-hero-track,
.mauve-popular-row {
  touch-action: pan-y !important;
}

/* Mobile View Layout (Grid Columns) */
@media (max-width: 600px) {
  .mauve-latest-grid,
  .mauve-portal-layout.is-wide .mauve-latest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 12px !important;
    padding: 10px !important;
  }
}
@media (max-width: 360px) {
  .mauve-latest-grid,
  .mauve-portal-layout.is-wide .mauve-latest-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 12px !important;
  }
}

/* ==========================================================================
   NEON GOLDEN & BLACK THEME OVERRIDES (v1.0.0)
   ========================================================================== */

:root {
  --mauve-bg: #030304 !important;
  --mauve-bg-soft: #08080a !important;
  --mauve-surface: #0d0d10 !important;
  --mauve-surface-2: #14141a !important;
  --mauve-surface-3: #1d1d25 !important;
  --mauve-accent: #cca43b !important;
  --mauve-accent-2: #cca43b !important; /* Solid neon golden */
  --mauve-accent-dark: #9a741e !important;
  --mauve-line: rgba(204, 164, 59, 0.15) !important;
  --mauve-line-strong: rgba(204, 164, 59, 0.3) !important;
  --mauve-text: #f7f3ff !important;
}

body::before {
  background:
    radial-gradient(circle at 15% -10%, rgba(204, 164, 59, 0.14), transparent 420px),
    radial-gradient(circle at 86% 8%, rgba(204, 164, 59, 0.07), transparent 380px),
    linear-gradient(180deg, #050506 0%, #000000 100%) !important;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
::-webkit-scrollbar-track {
  background: #030304 !important;
}
::-webkit-scrollbar-thumb {
  background: var(--mauve-accent) !important;
  border-radius: 4px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #fff !important;
}

/* Homepage Continue Reading Banner (Library) */
.mauve-history-panel {
  background: var(--mauve-surface) !important;
  border: 1px solid var(--mauve-line) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
  box-shadow: var(--shadow-sm) !important;
}
.mauve-history-panel__header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  border-bottom: 1px dashed var(--mauve-line) !important;
  padding-bottom: 16px !important;
  margin-bottom: 20px !important;
}
.mauve-history-panel__title-area {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.mauve-history-panel__badge {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--mauve-accent) !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}
.mauve-history-panel__title {
  font-size: 24px !important;
  font-weight: 800 !important;
  margin: 0 !important;
  color: #fff !important;
  line-height: 1.2 !important;
}
.mauve-history-panel__my-library {
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  border-radius: 6px !important;
  background: var(--mauve-surface-2) !important;
  border: 1px solid var(--mauve-line) !important;
  color: #fff !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}
.mauve-history-panel__my-library:hover {
  border-color: var(--mauve-accent) !important;
  color: var(--mauve-accent) !important;
  background: var(--mauve-surface-3) !important;
}
.mauve-history-panel__row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: var(--mauve-bg-soft) !important;
  border: 1px solid var(--mauve-line) !important;
  padding: 16px 20px !important;
  border-radius: 8px !important;
  gap: 16px !important;
}
.mauve-history-panel__text {
  font-size: 14px !important;
  color: var(--mauve-text-2) !important;
  line-height: 1.5 !important;
}
.mauve-history-panel__text strong {
  color: #fff !important;
  font-weight: 700 !important;
}
.mauve-history-panel__button {
  display: inline-block !important;
  padding: 10px 24px !important;
  border-radius: 6px !important;
  background: var(--mauve-accent) !important;
  color: #000 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(204, 164, 59, 0.2) !important;
  white-space: nowrap !important;
}
.mauve-history-panel__button:hover {
  background: #fff !important;
  color: #000 !important;
  box-shadow: 0 4px 16px rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 600px) {
  .mauve-history-panel {
    padding: 16px !important;
  }
  .mauve-history-panel__row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }
  .mauve-history-panel__button {
    width: 100% !important;
    text-align: center !important;
  }
}

/* Chapter Detail Page: Highlight Buttons & Search */
.bxcl.epcheck {
  background: var(--mauve-surface) !important;
  border: 1px solid var(--mauve-line) !important;
  border-radius: 12px !important;
  padding: 24px !important;
}
.bxcl.epcheck .releases h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  border-left: 3px solid var(--mauve-accent) !important;
  padding-left: 10px !important;
  margin-bottom: 20px !important;
}
.lastend {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}
.inepcx {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}
.inepcx a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px 12px !important;
  border-radius: 10px !important;
  background: var(--mauve-accent) !important;
  color: #000 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(204, 164, 59, 0.25) !important;
  border: 1px solid var(--mauve-accent) !important;
}
.inepcx a span:first-child {
  font-size: 11px !important;
  opacity: 0.8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 4px !important;
}
.inepcx a span.epcur {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #000 !important;
}
.inepcx a:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(255, 255, 255, 0.25) !important;
}
.inepcx a:hover span.epcur {
  color: #000 !important;
}

.search-chapter {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}
.search-chapter input#searchchapter {
  width: 100% !important;
  height: auto !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  background: var(--mauve-bg-soft) !important;
  border: 1px solid var(--mauve-line) !important;
  color: #fff !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
  outline: none !important;
}
.search-chapter input#searchchapter:focus {
  border-color: var(--mauve-accent) !important;
  background: var(--mauve-surface) !important;
  box-shadow: 0 0 8px rgba(204, 164, 59, 0.15) !important;
}

/* Chapter Card Grid Layout */
.mauve-chapter-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.mauve-chapter-grid li {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.mauve-chapter-card {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: var(--mauve-bg-soft) !important;
  border: 1px solid var(--mauve-line) !important;
  padding: 14px 16px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  min-height: 64px !important;
}
.mauve-chapter-card__info {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  align-items: flex-start !important;
  text-align: left !important;
}
.mauve-chapter-card .chapternum {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #fff !important;
  transition: color 0.2s ease !important;
}
.mauve-chapter-card .chapterdate {
  font-size: 11px !important;
  color: var(--mauve-muted) !important;
}
.mauve-chapter-card__coins {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(204, 164, 59, 0.1) !important;
  border: 1px solid rgba(204, 164, 59, 0.2) !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  color: var(--mauve-accent) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.mauve-chapter-card__dl {
  color: var(--mauve-muted) !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
}
.mauve-chapter-card:hover {
  border-color: var(--mauve-accent) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(204, 164, 59, 0.15) !important;
  background: var(--mauve-surface) !important;
}
.mauve-chapter-card:hover .chapternum {
  color: var(--mauve-accent) !important;
}
.mauve-chapter-card:hover .mauve-chapter-card__dl {
  color: var(--mauve-accent) !important;
}

@media (max-width: 1024px) {
  .mauve-chapter-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 768px) {
  .mauve-chapter-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 480px) {
  .mauve-chapter-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .lastend {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* Global Join / Account buttons to Golden Neon */
#main-menu .mauve-join-link a,
.mauve-mobile-account-quick {
  background: var(--mauve-accent) !important;
  color: #000 !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(204, 164, 59, 0.3) !important;
  transition: all 0.2s ease !important;
}
#main-menu .mauve-join-link a:hover,
.mauve-mobile-account-quick:hover {
  background: #fff !important;
  color: #000 !important;
  box-shadow: 0 4px 16px rgba(255, 255, 255, 0.3) !important;
}
.mauve-support-panel__button {
  background: var(--mauve-accent) !important;
  color: #000 !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
}
.mauve-support-panel__button:hover {
  background: #fff !important;
  color: #000 !important;
}

/* Search input button and other icons */
.tsfront .headfront .fsearch #submit,
.quickfilter .filters .filter.submit button {
  background: var(--mauve-accent) !important;
  color: #000 !important;
}
.tsfront .headfront .fsearch #submit:hover,
.quickfilter .filters .filter.submit button:hover {
  background: #fff !important;
  color: #000 !important;
}

/* Hot badge color styling */
.mauve-card-badge--hot {
  background: linear-gradient(135deg, #ff4500, #cca43b) !important;
  color: #fff !important;
}

/* Star rating icons */
.mauve-update-score i {
  color: var(--mauve-accent) !important;
}