/*
 * Truyen v3.1.4 — Honeytoon design system
 * Single source of truth for public theme UI.
 * Namespace: --truyenchua-* / _truyenchua_*.
 */

:root {
  --truyenchua-font-body: "Quicksand", "Segoe UI", Arial, sans-serif;
  --truyenchua-font-display:
    "Quicksand", "Inter", "Segoe UI", Arial, sans-serif;
  --truyenchua-site-width: 1280px;
  --truyenchua-reader-width: 1040px;
  --truyenchua-reader-font-size: 20px;
  --truyenchua-reader-line-height: 1.9;

  --truyenchua-bg: #f7f5ef;
  --truyenchua-surface: #ffffff;
  --truyenchua-surface-soft: #fff6cf;
  --truyenchua-surface-muted: #eff8fb;
  --truyenchua-ink: #111115;
  --truyenchua-ink-soft: #45454e;
  --truyenchua-muted: #74747e;
  --truyenchua-line: #111115;
  --truyenchua-line-soft: #d8d6cf;

  --truyenchua-honey: #ffda21;
  --truyenchua-cyan: #89ddf7;
  --truyenchua-mint: #aeea85;
  --truyenchua-pink: #ffc2df;
  --truyenchua-violet: #d5bdff;
  --truyenchua-coral: #ff9e9f;
  --truyenchua-blue: #c7eaff;
  --truyenchua-lime: #d7ef83;

  --truyenchua-radius-lg: 24px;
  --truyenchua-radius-md: 17px;
  --truyenchua-radius-sm: 12px;
  --truyenchua-shadow: 5px 6px 0 var(--truyenchua-ink);
  --truyenchua-shadow-small: 3px 3px 0 var(--truyenchua-ink);
  --truyenchua-shadow-soft: 0 15px 34px rgba(20, 20, 24, 0.13);
  --truyenchua-header-height: 76px;
  --truyenchua-nav-height: 44px;
  --truyenchua-breadcrumb-height: 46px;
  --truyenchua-toolbar-size: 44px;
  --truyenchua-toolbar-gap: 8px;
  --truyenchua-toolbar-edge: 14px;
  --truyenchua-toolbar-ink: #111115;
  --truyenchua-toolbar-line: #111115;
  --truyenchua-toolbar-shadow: 3px 4px 0 #111115;
}

html[data-truyenchua-theme="dark"] {
  --truyenchua-bg: #111114;
  --truyenchua-surface: #1a1a1f;
  --truyenchua-surface-soft: #29251b;
  --truyenchua-surface-muted: #1b2930;
  --truyenchua-ink: #f8f6ef;
  --truyenchua-ink-soft: #e4e0d6;
  --truyenchua-muted: #bab7c0;
  --truyenchua-line: #f7f1df;
  --truyenchua-line-soft: #3f3f47;
  --truyenchua-shadow: 5px 6px 0 #050506;
  --truyenchua-shadow-small: 3px 3px 0 #050506;
  --truyenchua-shadow-soft: 0 16px 36px rgba(0, 0, 0, 0.45);
  --truyenchua-toolbar-ink: #111115;
  --truyenchua-toolbar-line: #111115;
  --truyenchua-toolbar-shadow: 3px 4px 0 #050506;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}
html {
  min-width: 320px;
  background: var(--truyenchua-bg);
  scroll-behavior: smooth;
}
body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  background: var(--truyenchua-bg);
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-body);
  font-size: 16px;
  line-height: 1.55;
}
body._truyenchua_site_body_block {
  overflow-x: hidden;
}
body.truyenchua-reader-focus ._truyenchua_header_block,
body.truyenchua-reader-focus ._truyenchua_breadcrumb_wrap_block,
body.truyenchua-reader-focus ._truyenchua_toolbar_block,
body.truyenchua-reader-focus ._truyenchua_footer_block,
body.truyenchua-reader-focus ._truyenchua_reader_tip_block,
body.truyenchua-reader-focus ._truyenchua_reader_quick_tools_block {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: inherit;
}
button,
input,
select,
textarea {
  font: inherit;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}
img {
  display: block;
  max-width: 100%;
}
svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}
::selection {
  background: var(--truyenchua-honey);
  color: #111115;
}
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--truyenchua-cyan);
  outline-offset: 3px;
}

/* Shared Honeytoon primitives */
._truyenchua_site_shell_block {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
._truyenchua_main_block {
  width: min(var(--truyenchua-site-width), calc(100% - 36px));
  flex: 1;
  margin: 0 auto;
  padding: 28px 0 76px;
}
._truyenchua_section_block,
._truyenchua_sponsor_hook_block,
._truyenchua_side_section_block,
._truyenchua_story_hero_block,
._truyenchua_meta_grid_block,
._truyenchua_reader_hero_block,
._truyenchua_reader_navigation_block,
._truyenchua_reader_quick_tools_block,
._truyenchua_reader_tip_block,
._truyenchua_reader_content_shell_block,
._truyenchua_reader_alert_block,
._truyenchua_category_hero_block,
._truyenchua_404_block {
  border: 3px solid var(--truyenchua-line);
  border-radius: var(--truyenchua-radius-lg);
  background: var(--truyenchua-surface);
  box-shadow: var(--truyenchua-shadow-soft);
}
._truyenchua_section_block,
._truyenchua_sponsor_hook_block,
._truyenchua_side_section_block {
  margin-bottom: 25px;
  padding: 19px;
}
._truyenchua_section_heading_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 38px;
  margin: 0 0 17px;
}
._truyenchua_section_heading_block h1,
._truyenchua_section_heading_block h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: clamp(22px, 2.2vw, 30px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.045em;
}
._truyenchua_section_heading_block h2::before {
  width: 12px;
  height: 28px;
  flex: 0 0 auto;
  content: "";
  border: 2px solid var(--truyenchua-line);
  border-radius: 7px;
  background: var(--truyenchua-honey);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_section_heading_block > span,
._truyenchua_section_heading_block > a {
  color: var(--truyenchua-muted);
  font-size: 13px;
  font-weight: 800;
  text-align: right;
}
._truyenchua_empty_block {
  display: grid;
  min-height: 140px;
  place-items: center;
  padding: 24px;
  border: 2px dashed var(--truyenchua-line-soft);
  border-radius: var(--truyenchua-radius-md);
  color: var(--truyenchua-muted);
  font-weight: 700;
  text-align: center;
}

/* Header, nav and breadcrumb */
._truyenchua_header_block {
  position: sticky;
  top: 0;
  z-index: 120;
  border-bottom: 2px solid #171717;
  background: #09090b;
  color: #fff;
}
._truyenchua_header_topbar_block {
  border-bottom: 1px solid #29292d;
}
._truyenchua_header_inner_block {
  display: grid;
  width: min(var(--truyenchua-site-width), calc(100% - 36px));
  min-height: var(--truyenchua-header-height);
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  align-items: center;
  gap: 18px;
  margin: auto;
}
._truyenchua_header_icon_button_block {
  display: grid;
  width: 46px;
  height: 46px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #fff;
}
._truyenchua_header_icon_button_block:hover,
._truyenchua_header_icon_button_block:focus-visible {
  background: #232328;
}
._truyenchua_header_icon_button_block svg {
  width: 27px;
  height: 27px;
}
._truyenchua_brand_block {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-self: center;
  gap: 8px;
  color: #fff;
  font-family: var(--truyenchua-font-display);
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.065em;
  white-space: nowrap;
}
._truyenchua_brand_block img {
  width: auto;
  max-width: min(220px, 45vw);
  height: auto;
  max-height: 48px;
  object-fit: contain;
}
._truyenchua_brand_block.is-footer img {
  max-width: 220px;
  max-height: 46px;
}
._truyenchua_brand_mark_block {
  color: var(--truyenchua-honey);
  font-size: 0.76em;
}
._truyenchua_brand_name_block b {
  color: #ff6f94;
}
._truyenchua_header_nav_block {
  min-height: var(--truyenchua-nav-height);
  overflow-x: auto;
  border-top: 1px solid #2b2b31;
  border-bottom: 1px solid #35353c;
  background: #08080a;
  scrollbar-width: none;
}
._truyenchua_header_nav_block::-webkit-scrollbar {
  display: none;
}
._truyenchua_menu_block {
  display: flex;
  width: max-content;
  min-width: min(var(--truyenchua-site-width), calc(100% - 36px));
  min-height: var(--truyenchua-nav-height);
  align-items: stretch;
  gap: 0;
  margin: auto;
  padding: 0 8px;
  list-style: none;
}
._truyenchua_menu_block li { display: flex; }
._truyenchua_menu_block a {
  --truyenchua-menu-accent: var(--truyenchua-honey);
  position: relative;
  display: inline-flex;
  min-height: var(--truyenchua-nav-height);
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.08);
  background: transparent;
  color: var(--truyenchua-menu-accent);
  font-family: var(--truyenchua-font-display);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: -0.018em;
  line-height: 1;
  transition: background .16s ease, color .16s ease, transform .16s ease;
  white-space: nowrap;
}
._truyenchua_menu_block li:first-child a { border-left: 1px solid rgba(255,255,255,.08); }
._truyenchua_menu_block a[data-menu-tone="honey"] { --truyenchua-menu-accent: #ffe463; }
._truyenchua_menu_block a[data-menu-tone="cyan"] { --truyenchua-menu-accent: #85e7ff; }
._truyenchua_menu_block a[data-menu-tone="mint"] { --truyenchua-menu-accent: #b6f68d; }
._truyenchua_menu_block a[data-menu-tone="violet"] { --truyenchua-menu-accent: #d8c3ff; }
._truyenchua_menu_block a[data-menu-tone="pink"] { --truyenchua-menu-accent: #ffacd2; }
._truyenchua_menu_block a[data-menu-tone="coral"] { --truyenchua-menu-accent: #ffbc83; }
._truyenchua_menu_block a[data-menu-tone="lime"] { --truyenchua-menu-accent: #cfef8d; }
._truyenchua_menu_block a[data-menu-tone="blue"] { --truyenchua-menu-accent: #a7dbff; }
._truyenchua_menu_icon_block { display: inline-grid; width: 15px; height: 15px; place-items: center; }
._truyenchua_menu_icon_block svg { width: 15px; height: 15px; stroke-width: 2.25; }
._truyenchua_menu_block a::after {
  position: absolute;
  right: 12px;
  bottom: 0;
  left: 12px;
  height: 3px;
  content: "";
  transform: scaleX(0);
  transform-origin: center;
  border-radius: 99px 99px 0 0;
  background: currentColor;
  transition: transform .17s ease;
}
._truyenchua_menu_block a:hover,
._truyenchua_menu_block a:focus-visible,
._truyenchua_menu_block a[aria-current="page"] { background: rgba(255,255,255,.06); color: var(--truyenchua-menu-accent); outline: 0; }
._truyenchua_menu_block a:hover::after,
._truyenchua_menu_block a:focus-visible::after,
._truyenchua_menu_block a[aria-current="page"]::after { transform: scaleX(1); }
._truyenchua_breadcrumb_wrap_block {
  min-height: var(--truyenchua-breadcrumb-height);
  border-bottom: 2px solid var(--truyenchua-line);
  background: var(--truyenchua-surface-soft);
}
._truyenchua_breadcrumb_block {
  width: min(var(--truyenchua-site-width), calc(100% - 36px));
  margin: auto;
  overflow-x: auto;
  scrollbar-width: none;
}
._truyenchua_breadcrumb_block::-webkit-scrollbar {
  display: none;
}
._truyenchua_breadcrumb_block ol {
  display: flex;
  width: max-content;
  min-width: 100%;
  min-height: calc(var(--truyenchua-breadcrumb-height) - 2px);
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
._truyenchua_breadcrumb_block li {
  display: flex;
  min-width: 0;
  max-width: 420px;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
._truyenchua_breadcrumb_block li + li::before {
  display: grid;
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  margin-right: 8px;
  content: "›";
  place-items: center;
  border: 1px solid var(--truyenchua-line);
  border-radius: 50%;
  background: var(--truyenchua-surface);
  font-size: 17px;
  line-height: 1;
}
._truyenchua_breadcrumb_block a {
  display: inline-flex;
  max-width: 100%;
  padding: 4px 9px;
  overflow: hidden;
  border: 2px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-surface);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  text-overflow: ellipsis;
  margin-bottom: 5px;
  margin-right: 5px;
}
._truyenchua_breadcrumb_block span {
  overflow: hidden;
  color: var(--truyenchua-muted);
  text-overflow: ellipsis;
}

/* Search / menu overlays */
._truyenchua_header_overlay_block,
._truyenchua_reader_overlay_block {
  position: fixed;
  z-index: 100;
  inset: 0;
  background: rgba(7, 7, 10, 0.52);
  backdrop-filter: blur(2px);
}
._truyenchua_header_search_panel_block {
  position: absolute;
  z-index: 130;
  top: 100%;
  right: 0;
  left: 0;
  display: none;
  padding: 16px 0;
  border-bottom: 3px solid var(--truyenchua-line);
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  box-shadow: var(--truyenchua-shadow-soft);
}
._truyenchua_header_search_panel_block.is-open {
  display: block;
}
._truyenchua_header_search_inner_block {
  width: min(var(--truyenchua-site-width), calc(100% - 36px));
  margin: auto;
}
._truyenchua_search_block,
._truyenchua_hero_search_block,
._truyenchua_category_search_block {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 18px;
  background: var(--truyenchua-ink);
  box-shadow: var(--truyenchua-shadow-small);
}
._truyenchua_search_block input,
._truyenchua_hero_search_block input,
._truyenchua_category_search_block input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  border-radius: 10px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  padding: 10px 12px;
  font-weight: 700;
}
._truyenchua_search_block button,
._truyenchua_hero_search_block button,
._truyenchua_category_search_block button,
._truyenchua_search_close_block {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 11px;
  background: var(--truyenchua-honey);
  color: #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 900;
}
._truyenchua_search_close_block {
  width: 40px;
  padding: 0;
  background: #fff;
}
._truyenchua_search_close_block svg {
  width: 19px;
  height: 19px;
}
._truyenchua_search_suggest_block {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  color: var(--truyenchua-muted);
  font-size: 13px;
  font-weight: 700;
}
._truyenchua_search_suggest_block a {
  color: var(--truyenchua-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
._truyenchua_menu_drawer_block {
  position: fixed;
  z-index: 140;
  top: 0;
  right: 0;
  width: min(390px, calc(100vw - 28px));
  height: 100dvh;
  padding: 18px;
  overflow: auto;
  transform: translateX(108%);
  border-left: 3px solid var(--truyenchua-line);
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  box-shadow: -7px 0 0 var(--truyenchua-ink);
  transition: transform 0.24s ease;
}
._truyenchua_menu_drawer_block.is-open {
  transform: translateX(0);
}
._truyenchua_menu_drawer_head_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-family: var(--truyenchua-font-display);
  font-size: 22px;
  font-weight: 900;
}
._truyenchua_menu_drawer_head_block button {
  display: grid;
  width: 38px;
  height: 38px;
  padding: 0;
  place-items: center;
  border: 2px solid var(--truyenchua-line);
  border-radius: 11px;
  background: var(--truyenchua-honey);
  color: var(--truyenchua-ink);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_menu_drawer_head_block svg {
  width: 18px;
  height: 18px;
}
._truyenchua_menu_drawer_block nav ul {
  margin: 16px 0;
  padding: 0;
  border-top: 2px solid var(--truyenchua-line);
  list-style: none;
}
._truyenchua_menu_drawer_block nav li { margin: 0; }
._truyenchua_menu_drawer_block nav a {
  --truyenchua-menu-accent: var(--truyenchua-honey);
  display: grid;
  min-height: 52px;
  grid-template-columns: 32px minmax(0,1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 9px 3px;
  border-bottom: 2px solid var(--truyenchua-line);
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-weight: 900;
}
._truyenchua_menu_drawer_block nav a[data-menu-tone="honey"] { --truyenchua-menu-accent: var(--truyenchua-honey); }
._truyenchua_menu_drawer_block nav a[data-menu-tone="cyan"] { --truyenchua-menu-accent: var(--truyenchua-cyan); }
._truyenchua_menu_drawer_block nav a[data-menu-tone="mint"] { --truyenchua-menu-accent: var(--truyenchua-mint); }
._truyenchua_menu_drawer_block nav a[data-menu-tone="violet"] { --truyenchua-menu-accent: var(--truyenchua-violet); }
._truyenchua_menu_drawer_block nav a[data-menu-tone="pink"] { --truyenchua-menu-accent: var(--truyenchua-pink); }
._truyenchua_menu_drawer_block nav a[data-menu-tone="coral"] { --truyenchua-menu-accent: var(--truyenchua-coral); }
._truyenchua_menu_drawer_block nav a[data-menu-tone="lime"] { --truyenchua-menu-accent: var(--truyenchua-lime); }
._truyenchua_menu_drawer_block nav a[data-menu-tone="blue"] { --truyenchua-menu-accent: var(--truyenchua-blue); }
._truyenchua_drawer_menu_icon_block {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border: 2px solid var(--truyenchua-line);
  border-radius: 9px;
  background: var(--truyenchua-menu-accent);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_drawer_menu_icon_block svg { width: 16px; height: 16px; }
._truyenchua_menu_drawer_block nav a > i { display: grid; place-items: center; color: var(--truyenchua-muted); }
._truyenchua_menu_drawer_block nav a > i svg { width: 15px; height: 15px; }
._truyenchua_menu_drawer_block nav a:hover,
._truyenchua_menu_drawer_block nav a:focus-visible { background: var(--truyenchua-surface-soft); outline: 0; }
._truyenchua_drawer_genres_block > strong {
  display: block;
  margin: 20px 0 10px;
  font-family: var(--truyenchua-font-display);
  font-size: 17px;
}
._truyenchua_drawer_genres_block > div,
._truyenchua_term_cloud_block {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
._truyenchua_drawer_genres_block a,
._truyenchua_term_cloud_block a {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  padding: 0 9px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-surface-soft);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  font-size: 12px;
  font-weight: 800;
}

/* Home */
._truyenchua_home_hero_block {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.95fr);
  gap: 26px;
  margin-bottom: 28px;
  padding: 30px;
  border: 3px solid var(--truyenchua-line);
  border-radius: var(--truyenchua-radius-lg);
  background: linear-gradient(
    120deg,
    #fff0a0 0%,
    var(--truyenchua-surface) 48%,
    #dff5fc 100%
  );
  box-shadow: var(--truyenchua-shadow);
}
html[data-truyenchua-theme="dark"] ._truyenchua_home_hero_block {
  background: linear-gradient(
    125deg,
    #3d3411 0%,
    var(--truyenchua-surface) 48%,
    #13313b 100%
  );
}
._truyenchua_hero_kicker_block {
  display: inline-flex;
  padding: 6px 10px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-honey);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  color: #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 900;
}
._truyenchua_hero_copy_block h1 {
  max-width: 720px;
  margin: 14px 0 10px;
  font-family: var(--truyenchua-font-display);
  font-size: clamp(38px, 5vw, 58px);
  font-weight: 900;
  line-height: 0.96;
  letter-spacing: -0.07em;
}
._truyenchua_hero_copy_block p {
  max-width: 650px;
  margin: 0;
  color: var(--truyenchua-ink-soft);
  font-size: 16px;
  font-weight: 650;
}
._truyenchua_hero_search_block {
  max-width: 510px;
  margin-top: 22px;
}
._truyenchua_quick_links_block {
  width: 100%;
  min-width: 0;
  align-self: center;
  padding: 10px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 17px;
  background: color-mix(in srgb, var(--truyenchua-surface) 90%, var(--truyenchua-cyan));
  box-shadow: var(--truyenchua-shadow-small);
}
._truyenchua_quick_links_heading_block {
  display: flex;
  min-height: 25px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 8px;
}
._truyenchua_quick_links_heading_block > span,
._truyenchua_quick_links_heading_block > button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
._truyenchua_quick_links_heading_block > span {
  min-width: 0;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .02em;
}
._truyenchua_quick_links_heading_block > span ._truyenchua_toolbar_icon_block,
._truyenchua_quick_links_heading_block > button ._truyenchua_toolbar_icon_block {
  display: inline-grid;
  width: 16px;
  height: 16px;
  place-items: center;
}
._truyenchua_quick_links_heading_block svg { width: 15px; height: 15px; }
._truyenchua_quick_links_heading_block > button {
  min-height: 26px;
  padding: 0 7px;
  border: 1px solid var(--truyenchua-line);
  border-radius: 8px;
  background: var(--truyenchua-honey);
  color: #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 10px;
  font-weight: 900;
}
._truyenchua_quick_links_heading_block .is-quick-links-close { display: none; }
._truyenchua_quick_links_block.is-expanded .is-quick-links-close { display: inline; }
._truyenchua_quick_links_block.is-expanded .is-quick-links-open { display: none; }
._truyenchua_quick_links_block.is-expanded ._truyenchua_quick_links_heading_block > button ._truyenchua_toolbar_icon_block { transform: rotate(180deg); }
._truyenchua_quick_links_primary_block,
._truyenchua_quick_links_more_block {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
._truyenchua_quick_links_more_block {
  display: none;
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px dashed var(--truyenchua-line-soft);
}
._truyenchua_quick_links_block.is-expanded ._truyenchua_quick_links_more_block { display: grid; }
._truyenchua_quick_links_block a {
  display: flex;
  min-width: 0;
  min-height: 35px;
  align-items: center;
  gap: 5px;
  padding: 5px 6px;
  border: 1px solid var(--truyenchua-line);
  border-radius: 9px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  box-shadow: 1px 2px 0 var(--truyenchua-ink);
  font-size: 10px;
  line-height: 1.1;
}
._truyenchua_quick_links_block a > span {
  display: inline-grid;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  place-items: center;
  border-radius: 6px;
  background: var(--truyenchua-honey);
  color: #111115;
}
._truyenchua_quick_links_block a:nth-child(3n+2) > span { background: var(--truyenchua-cyan); }
._truyenchua_quick_links_block a:nth-child(3n) > span { background: var(--truyenchua-pink); }
._truyenchua_quick_links_block a svg { width: 12px; height: 12px; }
._truyenchua_quick_links_block a b {
  min-width: 0;
  overflow: hidden;
  font-family: var(--truyenchua-font-display);
  font-size: 10px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_quick_links_block a:hover {
  transform: translate(-1px, -1px);
  background: var(--truyenchua-surface-soft);
  box-shadow: 3px 4px 0 var(--truyenchua-ink);
}
html[data-truyenchua-theme="dark"] ._truyenchua_quick_links_block {
  background: color-mix(in srgb, var(--truyenchua-surface) 86%, #123f4d);
}
html[data-truyenchua-theme="dark"] ._truyenchua_quick_links_block a {
  background: #24242a;
  color: var(--truyenchua-ink);
}
._truyenchua_sponsor_hook_block {
  padding: 14px;
  background: var(--truyenchua-surface-muted);
}
._truyenchua_sponsor_hook_block ._truyenchua_section_heading_block {
  margin-bottom: 0;
}

/* Layout, story cards and full section */
._truyenchua_layout_block {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 28px;
  align-items: start;
}
._truyenchua_primary_block,
._truyenchua_sidebar_block {
  min-width: 0;
}
._truyenchua_story_grid_block {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 16px;
}
._truyenchua_story_card_block {
  min-width: 0;
}
._truyenchua_story_cover_block {
  position: relative;
  display: block;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  border: 3px solid var(--truyenchua-line);
  border-radius: 18px;
  background: #202025;
  box-shadow: 4px 5px 0 var(--truyenchua-ink);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
._truyenchua_story_cover_block::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 46%;
  content: "";
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.76));
  pointer-events: none;
}
._truyenchua_story_cover_block > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    transform 0.22s ease,
    filter 0.22s ease;
}
._truyenchua_story_card_block:hover ._truyenchua_story_cover_block,
._truyenchua_story_card_block:focus-within ._truyenchua_story_cover_block {
  transform: translate(-2px, -3px);
  box-shadow: 6px 8px 0 var(--truyenchua-ink);
}
._truyenchua_story_card_block:hover ._truyenchua_story_cover_block > img {
  transform: scale(1.035);
  filter: contrast(1.04);
}
._truyenchua_story_cover_fallback_block {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  background: repeating-linear-gradient(
    135deg,
    #25252a 0 12px,
    #35353f 12px 24px
  );
  color: #fff;
  font-family: var(--truyenchua-font-display);
  font-weight: 900;
}
._truyenchua_story_content_block {
  padding: 10px 3px 2px;
}
._truyenchua_story_card_block h3 {
  display: -webkit-box;
  margin: 0 0 5px;
  overflow: hidden;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.28;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
._truyenchua_story_card_block h3 a {
  text-decoration: none;
}
._truyenchua_story_metadata_block {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  color: var(--truyenchua-muted);
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}
._truyenchua_story_metadata_block span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
._truyenchua_story_metadata_block span + span::before {
  margin-right: 5px;
  content: "·";
}
._truyenchua_story_genres_block {
  margin: 4px 0 0;
  overflow: hidden;
  color: var(--truyenchua-muted);
  font-size: 10px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_status_block,
._truyenchua_story_chapter_badge_block,
._truyenchua_rank_block {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  min-height: 25px;
  align-items: center;
  gap: 4px;
  padding: 4px 7px;
  border: 2px solid #111115;
  border-radius: 999px;
  color: #111115;
  box-shadow: 2px 2px 0 #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}
._truyenchua_status_block {
  top: 8px;
  left: 8px;
  background: #fff;
}
._truyenchua_status_block.is-ongoing,
._truyenchua_status_block.is-updating {
  background: var(--truyenchua-honey);
}
._truyenchua_status_block.is-full {
  background: var(--truyenchua-mint);
}
._truyenchua_status_block.is-drop {
  background: var(--truyenchua-coral);
}
._truyenchua_status_block.is-coming-soon {
  background: var(--truyenchua-violet);
}
._truyenchua_status_block i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
._truyenchua_story_chapter_badge_block {
  right: 8px;
  bottom: 8px;
  max-width: calc(100% - 16px);
  overflow: hidden;
  background: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_rank_block {
  right: 8px;
  bottom: 8px;
  background: var(--truyenchua-honey);
}
._truyenchua_story_cover_block:has(._truyenchua_story_chapter_badge_block)
  ._truyenchua_rank_block {
  bottom: 39px;
}
._truyenchua_section_block.is-full {
  background: linear-gradient(
    145deg,
    var(--truyenchua-surface) 0%,
    #f1fff4 100%
  );
}
html[data-truyenchua-theme="dark"] ._truyenchua_section_block.is-full {
  background: linear-gradient(
    145deg,
    var(--truyenchua-surface) 0%,
    #17271c 100%
  );
}

/* Sidebar */
._truyenchua_sidebar_block ._truyenchua_side_section_block {
  padding: 16px;
}
._truyenchua_side_heading_block {
  display: flex;
  min-height: 36px;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
._truyenchua_side_heading_block > span {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border: 2px solid var(--truyenchua-line);
  border-radius: 11px;
  background: var(--truyenchua-honey);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_side_heading_block > span svg {
  width: 18px;
  height: 18px;
}
._truyenchua_side_heading_block h2 {
  margin: 0;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 21px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.03em;
}
._truyenchua_app_card_block {
  background: linear-gradient(
    135deg,
    #fff2a4 0%,
    var(--truyenchua-surface) 75%
  );
}
html[data-truyenchua-theme="dark"] ._truyenchua_app_card_block {
  background: linear-gradient(
    135deg,
    #44350a 0%,
    var(--truyenchua-surface) 75%
  );
}
._truyenchua_app_card_block p {
  margin: 0 0 13px;
  color: var(--truyenchua-ink-soft);
  font-size: 14px;
  font-weight: 650;
}
._truyenchua_app_install_button_block {
  display: flex;
  width: 100%;
  min-height: 43px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 13px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: var(--truyenchua-shadow-small);
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 900;
}
._truyenchua_app_install_button_block svg {
  width: 18px;
  height: 18px;
}
._truyenchua_history_block {
  display: grid;
  gap: 9px;
}
._truyenchua_history_empty_block {
  display: block;
  padding: 11px 0;
  color: var(--truyenchua-muted);
  font-size: 13px;
  font-weight: 700;
}
._truyenchua_history_item_block {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 9px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 12px;
  background: var(--truyenchua-surface);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_history_item_copy_block {
  min-width: 0;
}
._truyenchua_history_item_copy_block b {
  display: block;
  overflow: hidden;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_history_item_copy_block b::before {
  margin-right: 6px;
  content: "--";
  color: var(--truyenchua-muted);
}
._truyenchua_history_item_copy_block small {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: var(--truyenchua-muted);
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_history_continue_block {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border: 2px solid #111115;
  border-radius: 9px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 2px 2px 0 #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}
._truyenchua_history_continue_block:hover,
._truyenchua_history_continue_block:focus-visible {
  color: #111115;
  outline: 0;
  transform: translate(-1px, -1px);
  box-shadow: 3px 3px 0 #111115;
}
._truyenchua_side_rows_block {
  display: grid;
}
._truyenchua_story_row_block {
  display: grid;
  min-width: 0;
  grid-template-columns: 31px minmax(0, 1fr) max-content;
  align-items: center;
  gap: 9px;
  padding: 10px 0;
  border-bottom: 1px dashed var(--truyenchua-line-soft);
}
._truyenchua_latest_side_block ._truyenchua_story_row_block {
  grid-template-columns: minmax(0, 1fr) max-content;
}
._truyenchua_story_row_block:last-child {
  border-bottom: 0;
}
._truyenchua_story_row_rank_block {
  display: grid;
  width: 29px;
  height: 29px;
  flex: 0 0 auto;
  place-items: center;
  border: 2px solid var(--truyenchua-line);
  border-radius: 10px;
  background: var(--rank-color, var(--truyenchua-honey));
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 14px;
  font-weight: 900;
}
._truyenchua_story_row_block:nth-child(-n + 3)
  ._truyenchua_story_row_rank_block {
  transform: rotate(-3deg);
}
._truyenchua_story_row_copy_block {
  min-width: 0;
}
._truyenchua_story_row_copy_block strong {
  display: block;
  overflow: hidden;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_story_row_copy_block small {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
  margin-top: 3px;
  overflow: hidden;
  color: var(--truyenchua-muted);
  font-size: 10px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_story_row_copy_block em {
  overflow: hidden;
  font-style: normal;
  text-overflow: ellipsis;
}
._truyenchua_type_text_block {
  display: inline-flex;
  min-height: 19px;
  align-items: center;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--truyenchua-blue);
  color: #111115;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}
._truyenchua_type_text_block.is-truyenfull {
  background: var(--truyenchua-violet);
}
._truyenchua_story_row_views_block {
  display: inline-flex;
  max-width: 86px;
  min-height: 27px;
  align-items: center;
  justify-content: center;
  justify-self: end;
  overflow: hidden;
  padding: 0 7px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 9px;
  background: var(--truyenchua-surface-soft);
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_rank_side_block ._truyenchua_story_row_views_block {
  background: var(--truyenchua-blue);
}
._truyenchua_latest_side_block ._truyenchua_story_row_views_block {
  background: var(--truyenchua-violet);
}

/* Story profile */
._truyenchua_story_hero_block {
  display: grid;
  grid-template-columns: 142px minmax(0, 1fr);
  gap: 20px;
  align-items: stretch;
  margin-bottom: 18px;
  padding: 18px;
  background: linear-gradient(
    125deg,
    var(--truyenchua-surface) 0%,
    #eefbff 100%
  );
  box-shadow: var(--truyenchua-shadow);
}
html[data-truyenchua-theme="dark"] ._truyenchua_story_hero_block {
  background: linear-gradient(
    125deg,
    var(--truyenchua-surface) 0%,
    #152d37 100%
  );
}
._truyenchua_story_poster_block {
  position: relative;
  min-height: 184px;
  overflow: hidden;
  border: 3px solid var(--truyenchua-line);
  border-radius: 18px;
  background: #222228;
  box-shadow: var(--truyenchua-shadow-small);
}
._truyenchua_story_poster_block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._truyenchua_story_poster_block > span {
  position: absolute;
}
._truyenchua_story_poster_block ._truyenchua_status_block {
  top: 7px;
  left: 7px;
}
._truyenchua_source_marker_block {
  right: 7px;
  bottom: 7px;
  left: 7px;
  display: flex;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 6px;
  overflow: hidden;
  border: 2px solid #111115;
  border-radius: 9px;
  background: var(--truyenchua-honey);
  color: #111115;
  font-size: 10px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_source_marker_block svg {
  width: 14px;
  height: 14px;
}
._truyenchua_story_hero_copy_block {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}
._truyenchua_story_eyebrow_block span {
  display: inline-flex;
  width: fit-content;
  min-height: 29px;
  align-items: center;
  padding: 0 9px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-honey);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  color: #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 11px;
  font-weight: 900;
}
._truyenchua_story_hero_copy_block h1 {
  margin: 12px 0 8px;
  overflow-wrap: anywhere;
  font-family: var(--truyenchua-font-display);
  font-size: clamp(29px, 4vw, 47px);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.06em;
}
._truyenchua_story_hero_intro_block {
  margin: 0;
  color: var(--truyenchua-ink-soft);
  font-size: 15px;
  font-weight: 650;
}
._truyenchua_story_actions_block {
  display: flex;
  min-width: 0;
  flex-wrap: nowrap;
  gap: 9px;
  margin-top: 17px;
  overflow-x: auto;
  padding: 2px 3px 5px 2px;
  scrollbar-width: thin;
}
._truyenchua_story_actions_block > a,
._truyenchua_story_actions_block > button {
  display: inline-flex;
  min-height: 42px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 13px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  box-shadow: var(--truyenchua-shadow-small);
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
._truyenchua_story_actions_block > .is-primary {
  background: var(--truyenchua-honey);
  color: #111115;
}
._truyenchua_story_actions_block > .is-secondary {
  background: var(--truyenchua-cyan);
  color: #111115;
}
._truyenchua_story_actions_block svg {
  width: 17px;
  height: 17px;
}
._truyenchua_story_actions_block > a:hover,
._truyenchua_story_actions_block > button:hover {
  transform: translate(-1px, -1px);
  box-shadow: 5px 5px 0 var(--truyenchua-ink);
}
._truyenchua_meta_grid_block {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 24px;
  overflow: hidden;
  border-radius: var(--truyenchua-radius-md);
  box-shadow: var(--truyenchua-shadow-soft);
}
._truyenchua_meta_grid_block > div {
  min-width: 0;
  min-height: 76px;
  padding: 13px;
  border-right: 1px solid var(--truyenchua-line-soft);
  border-bottom: 1px solid var(--truyenchua-line-soft);
  background: var(--truyenchua-surface);
}
._truyenchua_meta_grid_block > div:nth-child(4n) {
  border-right: 0;
}
._truyenchua_meta_grid_block > div:nth-last-child(-n + 4) {
  border-bottom: 0;
}
._truyenchua_meta_grid_block small {
  display: block;
  margin-bottom: 4px;
  color: var(--truyenchua-muted);
  font-family: var(--truyenchua-font-display);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
._truyenchua_meta_grid_block > div > span {
  display: block;
  overflow: hidden;
  color: var(--truyenchua-ink);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  text-overflow: ellipsis;
}
._truyenchua_meta_grid_block > div > span em {
  display: block;
  margin-top: 2px;
  color: var(--truyenchua-muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 650;
}
._truyenchua_status_inline_block {
  display: inline-flex !important;
  width: fit-content;
  min-height: 23px;
  align-items: center;
  padding: 0 7px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-honey);
  color: #111115 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
._truyenchua_story_summary_copy_block {
  color: var(--truyenchua-ink-soft);
  line-height: 1.8;
  padding: 5px 10px;
}
._truyenchua_story_summary_copy_block > :first-child {
  margin-top: 0;
}
._truyenchua_story_summary_copy_block > :last-child {
  margin-bottom: 0;
}

/* Chapters and import progress */
._truyenchua_chapter_controls_block {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(200px, 1.05fr) auto;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
}
._truyenchua_chapter_controls_block input,
._truyenchua_chapter_controls_block select,
._truyenchua_chapter_drawer_block input {
  width: 100%;
  min-width: 0;
  min-height: 43px;
  padding: 0 11px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 12px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  font-size: 13px;
  font-weight: 700;
}
._truyenchua_chapter_controls_block button {
  display: inline-flex;
  min-height: 43px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 12px;
  background: var(--truyenchua-violet);
  color: #111115;
  box-shadow: var(--truyenchua-shadow-small);
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
._truyenchua_chapter_controls_block button svg {
  width: 16px;
  height: 16px;
}
._truyenchua_chapter_page_note_block {
  display: block;
  margin: -3px 0 11px;
  color: var(--truyenchua-muted);
  font-size: 11px;
  font-weight: 750;
}
._truyenchua_chapter_search_feedback_block {
  grid-column: 1 / -1;
  display: none;
  margin: 0;
  color: var(--truyenchua-ink);
  font-size: 11px;
  font-weight: 800;
}
._truyenchua_chapter_search_feedback_block.is-visible {
  display: block;
}
._truyenchua_chapter_search_feedback_block.is-loading::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: truyenchua-spin .72s linear infinite;
  vertical-align: -1px;
}
._truyenchua_chapter_search_feedback_block.is-error {
  color: var(--truyenchua-danger, #c13b54);
}
._truyenchua_chapter_item_block.is-search-hidden,
._truyenchua_chapter_item_block[hidden] {
  display: none !important;
}
._truyenchua_chapter_list_block {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
._truyenchua_chapter_item_block {
  display: flex;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 10px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 12px;
  background: var(--truyenchua-surface);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  color: var(--truyenchua-ink);
  font-size: 12px;
  font-weight: 800;
}
._truyenchua_chapter_item_block > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_chapter_item_block small {
  flex: 0 0 auto;
  color: var(--truyenchua-muted);
  font-size: 9px;
  font-weight: 900;
}
._truyenchua_chapter_item_block.is-truyenfull small {
  min-width: 42px;
  padding: 3px 5px;
  border: 1px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-surface-soft);
  color: #111115;
  text-align: center;
  text-transform: lowercase;
}
._truyenchua_chapter_item_block.is-truyenfull small.is-local {
  background: var(--truyenchua-mint);
}
._truyenchua_chapter_item_block.is-truyenfull small.is-lazy {
  background: var(--truyenchua-honey);
}
._truyenchua_chapter_item_block:hover,
._truyenchua_chapter_item_block:focus-visible,
._truyenchua_chapter_item_block.is-current {
  transform: translate(-1px, -1px);
  border-color: #111115;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 4px 4px 0 #111115;
}
._truyenchua_chapter_pagination_block {
  display: flex;
  justify-content: center;
  margin: 18px 0 4px;
}
._truyenchua_chapter_pagination_block .page-numbers,
._truyenchua_pagination_block .page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}
._truyenchua_chapter_pagination_block a,
._truyenchua_chapter_pagination_block span,
._truyenchua_pagination_block a,
._truyenchua_pagination_block span {
  display: grid;
  min-width: 35px;
  min-height: 35px;
  place-items: center;
  padding: 0 8px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 10px;
  background: var(--truyenchua-surface);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 900;
}
._truyenchua_chapter_pagination_block .current,
._truyenchua_pagination_block .current {
  background: var(--truyenchua-honey);
  color: #111115;
}
._truyenchua_pagination_block {
  display: flex;
  justify-content: center;
  margin: 28px 0 0;
}
._truyenchua_reader_alert_block {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  padding: 14px;
  background: linear-gradient(125deg, #fff4af, #fff);
}
html[data-truyenchua-theme="dark"] ._truyenchua_reader_alert_block {
  background: linear-gradient(125deg, #3a3212, var(--truyenchua-surface));
}
._truyenchua_tf_json_status_icon_block {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 2px solid var(--truyenchua-line);
  border-radius: 13px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: var(--truyenchua-shadow-small);
}
._truyenchua_tf_json_status_icon_block svg {
  width: 21px;
  height: 21px;
}
._truyenchua_tf_json_status_copy_block {
  min-width: 0;
}
._truyenchua_tf_json_status_copy_block strong {
  display: block;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 15px;
  font-weight: 900;
}
._truyenchua_tf_json_status_copy_block > span {
  display: block;
  margin-top: 3px;
  color: var(--truyenchua-ink-soft);
  font-size: 12px;
  font-weight: 650;
}
._truyenchua_tf_json_progress_track_block {
  width: 100%;
  height: 12px;
  margin-top: 9px;
  overflow: hidden;
  border: 2px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-surface);
}
._truyenchua_tf_json_progress_track_block > i {
  display: block;
  width: 0;
  height: 100%;
  background: var(--truyenchua-honey);
  transition: width 0.25s ease;
}
._truyenchua_tf_json_progress_track_block.is-indeterminate > i {
  width: 38% !important;
  animation: truyenchua-progress-indeterminate 1.25s ease-in-out infinite;
}
@keyframes truyenchua-progress-indeterminate {
  0% {
    transform: translateX(-115%);
  }
  100% {
    transform: translateX(290%);
  }
}
._truyenchua_tf_json_progress_meta_block {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin-top: 7px;
  color: var(--truyenchua-muted);
  font-size: 10px;
  font-weight: 800;
}
._truyenchua_tf_json_error_block {
  display: block;
  margin-top: 5px;
  color: #b3132c;
  font-size: 11px;
  font-weight: 800;
}
._truyenchua_tf_json_status_actions_block {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
._truyenchua_tf_json_status_actions_block button {
  min-height: 34px;
  padding: 0 9px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 10px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}
._truyenchua_tf_json_status_actions_block .is-secondary {
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
}

/* Reader */
._truyenchua_reader_progress_top_block {
  position: fixed;
  z-index: 210;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: transparent;
}
._truyenchua_reader_progress_top_block i {
  display: block;
  height: 100%;
  background: var(--truyenchua-honey);
  transition: width 0.14s linear;
}
._truyenchua_reader_breadcrumb_wrap_block {
  background: var(--truyenchua-surface-soft);
}
._truyenchua_reader_breadcrumb_wrap_block ._truyenchua_reader_breadcrumb_block {
  width: min(var(--truyenchua-reader-width), calc(100% - 36px));
}
._truyenchua_reader_page_block {
  padding-bottom: 94px;
}
._truyenchua_reader_container_block {
  width: min(var(--truyenchua-reader-width), calc(100% - 36px));
  margin: 0 auto;
  transition: max-width 0.2s ease;
}
._truyenchua_reader_container_block[data-reader-width="compact"] {
  max-width: 780px;
}
._truyenchua_reader_container_block[data-reader-width="wide"] {
  max-width: 1280px;
}
._truyenchua_reader_container_block[data-reader-width="full"] {
  width: min(calc(100% - 36px), 1600px);
  max-width: 1600px;
}
._truyenchua_reader_hero_block {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr);
  gap: 20px;
  margin: 24px 0 14px;
  padding: 18px;
  background: linear-gradient(
    125deg,
    var(--truyenchua-surface) 0%,
    #eaf9fe 100%
  );
  box-shadow: var(--truyenchua-shadow);
}
html[data-truyenchua-theme="dark"] ._truyenchua_reader_hero_block {
  background: linear-gradient(
    125deg,
    var(--truyenchua-surface) 0%,
    #12303b 100%
  );
}
._truyenchua_reader_title_group_block {
  min-width: 0;
}
._truyenchua_reader_source_chip_block {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  gap: 5px;
  padding: 0 8px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 10px;
  font-weight: 900;
}
._truyenchua_reader_source_chip_block svg {
  width: 14px;
  height: 14px;
}
._truyenchua_reader_title_group_block h1 {
  margin: 9px 0 6px;
  overflow: hidden;
  font-family: var(--truyenchua-font-display);
  font-size: clamp(23px, 3.4vw, 35px);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -0.045em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_reader_title_group_block h1 a {
  text-decoration: none;
}
._truyenchua_reader_chapter_line_block {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 7px;
  margin: 0;
  color: var(--truyenchua-muted);
  font-size: 12px;
  font-weight: 700;
}
._truyenchua_reader_chapter_line_block strong {
  overflow: hidden;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 15px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_reader_progress_block {
  display: grid;
  min-width: 0;
  align-self: center;
  grid-template-columns: auto minmax(110px, 1fr);
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 17px;
  background: var(--truyenchua-surface);
  box-shadow: var(--truyenchua-shadow-small);
}
._truyenchua_reader_progress_status_block {
  display: grid;
  gap: 3px;
}
._truyenchua_reader_progress_status_block b {
  display: inline-flex;
  width: fit-content;
  min-height: 30px;
  align-items: center;
  padding: 0 8px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-honey);
  color: #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 900;
}
._truyenchua_reader_progress_status_block small {
  overflow: hidden;
  color: var(--truyenchua-muted);
  font-size: 10px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_reader_progress_track_block {
  display: block;
  width: 100%;
  height: 13px;
  overflow: hidden;
  border: 2px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-surface-soft);
}
._truyenchua_reader_progress_track_block i {
  display: block;
  height: 100%;
  background: var(--truyenchua-honey);
}
._truyenchua_reader_navigation_block {
  position: sticky;
  z-index: 38;
  top: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 1.2fr) minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  padding: 9px;
  background: color-mix(in srgb, var(--truyenchua-surface) 93%, transparent);
  backdrop-filter: blur(10px);
  box-shadow: var(--truyenchua-shadow-small);
}
._truyenchua_reader_navigation_block a,
._truyenchua_reader_navigation_block > span {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 10px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 12px;
  background: var(--truyenchua-cyan);
  color: #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
._truyenchua_reader_navigation_block .is-next {
  background: var(--truyenchua-mint);
}
._truyenchua_reader_navigation_block .is-disabled {
  background: var(--truyenchua-surface-muted);
  color: var(--truyenchua-muted);
  opacity: 0.65;
}
._truyenchua_reader_navigation_block ._truyenchua_toolbar_icon_block {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}
._truyenchua_reader_navigation_block svg {
  width: 17px;
  height: 17px;
}
._truyenchua_reader_navigation_block select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 0 9px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 12px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 900;
}
._truyenchua_reader_quick_tools_block {
  margin: 0 0 12px;
  overflow: hidden;
}
._truyenchua_reader_quick_tools_toggle_block {
  display: flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px;
  border: 0;
  border-bottom: 2px solid var(--truyenchua-line);
  background: var(--truyenchua-surface-soft);
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 900;
}
._truyenchua_reader_quick_tools_toggle_block > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
._truyenchua_reader_quick_tools_toggle_block ._truyenchua_toolbar_icon_block {
  display: inline-flex;
}
._truyenchua_reader_quick_tools_toggle_block svg {
  width: 17px;
  height: 17px;
}
._truyenchua_reader_quick_tools_toggle_block .is-quick-open-icon {
  transition: transform 0.18s ease;
}
._truyenchua_reader_quick_tools_block.is-collapsed .is-quick-open-icon {
  transform: rotate(-90deg);
}
._truyenchua_reader_quick_tools_actions_block {
  display: flex;
  gap: 8px;
  padding: 10px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}
._truyenchua_reader_quick_tools_block.is-collapsed
  ._truyenchua_reader_quick_tools_actions_block {
  display: none;
}
._truyenchua_reader_quick_tools_actions_block button,
._truyenchua_reader_quick_tools_actions_block a {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  padding: 0;
  border: 2px solid var(--truyenchua-line);
  border-radius: 12px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_reader_quick_tools_actions_block button:nth-child(2) {
  background: var(--truyenchua-pink);
}
._truyenchua_reader_quick_tools_actions_block a:nth-child(3) {
  background: var(--truyenchua-blue);
}
._truyenchua_reader_quick_tools_actions_block a:nth-child(4) {
  background: var(--truyenchua-mint);
}
._truyenchua_reader_quick_tools_actions_block button:nth-child(5) {
  background: var(--truyenchua-violet);
}
._truyenchua_reader_quick_tools_actions_block button:nth-child(6) {
  background: var(--truyenchua-cyan);
}
._truyenchua_reader_quick_tools_actions_block button:nth-child(7) {
  background: var(--truyenchua-lime);
}
._truyenchua_reader_quick_tools_actions_block button:nth-child(8) {
  background: var(--truyenchua-pink);
}
._truyenchua_reader_quick_tools_actions_block button:nth-child(9) {
  background: var(--truyenchua-surface-soft);
}
._truyenchua_reader_quick_tools_actions_block button:nth-child(10) {
  background: var(--truyenchua-coral);
}
._truyenchua_reader_quick_tools_actions_block .is-disabled {
  pointer-events: none;
  opacity: 0.45;
}
._truyenchua_reader_quick_tools_actions_block svg {
  width: 20px;
  height: 20px;
}
._truyenchua_reader_quick_tools_actions_block [data-truyenchua-tooltip] {
  position: relative;
}
._truyenchua_reader_quick_tools_actions_block [data-truyenchua-tooltip]::after {
  position: absolute;
  z-index: 42;
  bottom: calc(100% + 9px);
  left: 50%;
  width: max-content;
  max-width: min(240px, calc(100vw - 30px));
  padding: 7px 9px;
  content: attr(data-truyenchua-tooltip);
  transform: translate(-50%, 4px);
  border: 2px solid #111115;
  border-radius: 10px;
  background: #fff;
  color: #111115;
  box-shadow: 2px 2px 0 #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.13s ease, transform 0.13s ease;
  white-space: nowrap;
}
._truyenchua_reader_quick_tools_actions_block [data-truyenchua-tooltip]:hover::after,
._truyenchua_reader_quick_tools_actions_block [data-truyenchua-tooltip]:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0);
}
@media (min-width: 761px) {
  ._truyenchua_reader_quick_tools_actions_block {
    overflow: visible;
  }
  ._truyenchua_toolbar_block.is-open ._truyenchua_toolbar_primary_panel_block {
    overflow: visible;
  }
}
._truyenchua_reader_tip_block {
  margin: 0 0 14px;
  overflow: hidden;
}
._truyenchua_reader_tip_toggle_block {
  display: flex;
  width: 100%;
  min-height: 43px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 12px;
  border: 0;
  border-bottom: 2px solid var(--truyenchua-line);
  background: var(--truyenchua-pink);
  color: #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 900;
  text-align: left;
}
._truyenchua_reader_tip_toggle_block > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
._truyenchua_reader_tip_toggle_block small {
  color: #111115;
  font-size: 10px;
  font-weight: 800;
}
._truyenchua_reader_tip_toggle_block .is-tip-open-icon {
  display: inline-flex;
  transition: transform 0.18s ease;
}
._truyenchua_reader_tip_toggle_block svg {
  width: 17px;
  height: 17px;
}
._truyenchua_reader_tip_block.is-collapsed .is-tip-open-icon {
  transform: rotate(-90deg);
}
._truyenchua_reader_tip_content_block {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
}
._truyenchua_reader_tip_block.is-collapsed
  ._truyenchua_reader_tip_content_block {
  display: none;
}
._truyenchua_reader_tip_content_block > div {
  display: grid;
  min-height: 66px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  padding: 8px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 12px;
  background: var(--truyenchua-surface-muted);
}
._truyenchua_reader_tip_content_block > div > span {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
._truyenchua_reader_tip_content_block i {
  color: var(--truyenchua-muted);
  font-style: normal;
  font-size: 10px;
}
._truyenchua_reader_tip_content_block kbd {
  display: inline-flex;
  min-width: 24px;
  min-height: 23px;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border: 2px solid #111115;
  border-radius: 7px;
  background: #111115;
  color: #fff;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.45);
  font-family: var(--truyenchua-font-body);
  font-size: 10px;
  font-weight: 900;
}
._truyenchua_reader_tip_content_block b {
  min-width: 0;
  color: var(--truyenchua-ink);
  font-size: 11px;
  line-height: 1.2;
}
html[data-truyenchua-theme="dark"] ._truyenchua_reader_tip_content_block kbd {
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 2px 2px 0 #050506;
}
html[data-truyenchua-theme="dark"] ._truyenchua_reader_quick_tools_actions_block [data-truyenchua-tooltip]::after {
  background: #f8f6ef;
  color: #111115;
}
._truyenchua_reader_content_shell_block {
  overflow: hidden;
  border-radius: var(--truyenchua-radius-lg);
  background: var(--truyenchua-surface);
  box-shadow: var(--truyenchua-shadow);
}
._truyenchua_reader_content_shell_block > header {
  display: flex;
  min-height: 43px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 15px;
  background: #111115;
  color: #fff;
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 900;
}
._truyenchua_reader_content_shell_block > header small {
  color: #d7d7dc;
  font-size: 10px;
  font-weight: 700;
}
._truyenchua_reader_content_block {
  min-height: 240px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
}
._truyenchua_reader_content_shell_block.is-comic
  ._truyenchua_reader_content_block {
  padding: 16px;
  background: #141417;
}
._truyenchua_reader_content_shell_block.is-comic
  ._truyenchua_comic_content_block {
  display: grid;
  gap: 10px;
  justify-items: center;
}
._truyenchua_reader_content_shell_block.is-comic
  ._truyenchua_comic_content_block
  img {
  width: auto;
  max-width: 100%;
  height: auto;
}
._truyenchua_reader_content_shell_block.is-novel
  ._truyenchua_reader_content_block {
  padding: clamp(24px, 5vw, 70px);
}
._truyenchua_novel_content_block {
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-body);
  font-size: var(--truyenchua-reader-font-size);
  line-height: var(--truyenchua-reader-line-height);
}
._truyenchua_novel_content_block p {
  margin: 0 0 1.35em;
}
._truyenchua_novel_content_block p:last-child {
  margin-bottom: 0;
}
._truyenchua_reader_container_block[data-reader-font="tahoma"]
  ._truyenchua_novel_content_block {
  font-family: Tahoma, Arial, sans-serif;
}
._truyenchua_reader_container_block[data-reader-font="quicksand"]
  ._truyenchua_novel_content_block {
  font-family: var(--truyenchua-font-display);
}
._truyenchua_reader_container_block[data-reader-font="serif"]
  ._truyenchua_novel_content_block,
._truyenchua_reader_container_block[data-reader-layout="newspaper"]
  ._truyenchua_novel_content_block {
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: 0.01em;
}
html[data-truyenchua-theme="dark"]
  ._truyenchua_reader_content_shell_block.is-novel
  ._truyenchua_reader_content_block {
  background: #202026;
}

/* Reader flyouts, drawer, report */
._truyenchua_reader_settings_block,
._truyenchua_chapter_drawer_block,
._truyenchua_history_panel_block {
  position: fixed;
  z-index: 160;
  right: 18px;
  bottom: 18px;
  width: min(370px, calc(100vw - 36px));
  max-height: min(78dvh, 760px);
  padding: 14px;
  overflow: auto;
  transform: translateX(calc(100% + 35px));
  border: 3px solid var(--truyenchua-line);
  border-radius: 20px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  box-shadow: var(--truyenchua-shadow);
  transition: transform 0.22s ease;
}
._truyenchua_reader_settings_block.is-open,
._truyenchua_chapter_drawer_block.is-open,
._truyenchua_history_panel_block.is-open {
  transform: translateX(0);
}
._truyenchua_reader_settings_block > header,
._truyenchua_chapter_drawer_block > header,
._truyenchua_history_panel_block > header,
._truyenchua_report_modal_block header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 11px;
}
._truyenchua_reader_settings_block h2,
._truyenchua_chapter_drawer_block h2,
._truyenchua_history_panel_block h2,
._truyenchua_report_modal_block h2 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  font-family: var(--truyenchua-font-display);
  font-size: 20px;
  font-weight: 900;
}
._truyenchua_reader_settings_block header button,
._truyenchua_chapter_drawer_block header button,
._truyenchua_history_panel_block header button,
._truyenchua_report_modal_block header button {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  padding: 0;
  border: 2px solid var(--truyenchua-line);
  border-radius: 10px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_reader_settings_block header svg,
._truyenchua_chapter_drawer_block header svg,
._truyenchua_history_panel_block header svg,
._truyenchua_report_modal_block header svg {
  width: 17px;
  height: 17px;
}
._truyenchua_reader_settings_block section {
  margin: 0;
  padding: 11px 0;
  border-top: 1px solid var(--truyenchua-line-soft);
}
._truyenchua_reader_settings_block h3 {
  margin: 0 0 8px;
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 900;
}
._truyenchua_reader_option_group_block {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
._truyenchua_reader_option_group_block button {
  min-height: 32px;
  padding: 0 9px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 9px;
  background: var(--truyenchua-surface-muted);
  color: var(--truyenchua-ink);
  font-size: 11px;
  font-weight: 800;
}
._truyenchua_reader_option_group_block button.is-active {
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_chapter_drawer_block ._truyenchua_chapter_list_block {
  grid-template-columns: 1fr;
  margin-top: 12px;
}
._truyenchua_chapter_drawer_block ._truyenchua_chapter_item_block {
  min-height: 39px;
}
._truyenchua_report_modal_block {
  position: fixed;
  z-index: 190;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(7, 7, 10, 0.62);
}
._truyenchua_report_modal_block.is-open {
  display: flex;
}
._truyenchua_report_modal_block > div {
  width: min(500px, 100%);
  padding: 18px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 21px;
  background: var(--truyenchua-surface);
  box-shadow: var(--truyenchua-shadow);
}
._truyenchua_report_modal_block textarea {
  display: block;
  width: 100%;
  margin: 10px 0;
  padding: 11px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 13px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
}
._truyenchua_report_intro_block {
  margin: -2px 0 10px;
  color: var(--truyenchua-ink-soft);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.55;
}
._truyenchua_report_status_block {
  min-height: 19px;
  margin: 0 0 9px;
  color: var(--truyenchua-muted);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}
._truyenchua_report_status_block.is-loading { color: var(--truyenchua-ink-soft); }
._truyenchua_report_status_block.is-success { color: #08784f; }
._truyenchua_report_status_block.is-error { color: #b32637; }
._truyenchua_report_honeypot_block {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
._truyenchua_report_modal_block form > button.is-loading { transform: none; filter: saturate(.78); }

._truyenchua_report_modal_block form > button,
._truyenchua_reader_retry_button_block {
  min-height: 40px;
  padding: 0 12px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 12px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: var(--truyenchua-shadow-small);
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 900;
}
._truyenchua_truyenfull_loading_block {
  display: grid;
  justify-items: start;
  gap: 9px;
  padding: 18px;
  border: 3px dashed var(--truyenchua-line);
  border-radius: 17px;
  background: var(--truyenchua-surface-soft);
}
._truyenchua_truyenfull_loading_block strong {
  font-family: var(--truyenchua-font-display);
  font-size: 16px;
}
._truyenchua_truyenfull_loading_block span {
  color: var(--truyenchua-ink-soft);
  font-size: 13px;
  font-weight: 650;
}

/* Footer and social */
._truyenchua_footer_block {
  margin-top: auto;
  border-top: 3px solid var(--truyenchua-line);
  background: #111115;
  color: #f8f6ef;
}
._truyenchua_footer_inner_block {
  display: grid;
  width: min(var(--truyenchua-site-width), calc(100% - 36px));
  grid-template-columns: 1.2fr 0.9fr 1fr;
  gap: 42px;
  margin: auto;
  padding: 44px 0 34px;
}
._truyenchua_footer_block ._truyenchua_brand_block {
  justify-self: start;
}
._truyenchua_footer_brand_block h2,
._truyenchua_footer_shortcuts_block h2,
._truyenchua_footer_latest_block h2,
._truyenchua_footer_genres_block h2 {
  margin: 0 0 12px;
  color: #fff;
  font-family: var(--truyenchua-font-display);
  font-size: 17px;
  font-weight: 900;
}
._truyenchua_footer_brand_block > p {
  margin: 12px 0 17px;
  color: #c2c1c8;
  font-size: 13px;
  line-height: 1.65;
}
._truyenchua_footer_social_title_block {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 900;
}
._truyenchua_social_links_block {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
._truyenchua_social_links_block a {
  display: inline-flex;
  min-height: 35px;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  border: 2px solid #f8f6ef;
  border-radius: 11px;
  background: #1d1d22;
  color: #fff;
  box-shadow: 2px 2px 0 #000;
  font-family: var(--truyenchua-font-display);
  font-size: 11px;
  font-weight: 900;
}
._truyenchua_social_links_block a:hover {
  transform: translate(-1px, -1px);
  box-shadow: 4px 4px 0 #000;
}
._truyenchua_social_links_block a[data-social="link"] {
  background: #f7d71f;
  color: #111115;
}
._truyenchua_social_links_block a[data-social="telegram"] {
  background: #85d8f4;
  color: #111115;
}
._truyenchua_social_links_block a[data-social="x"] {
  background: #f5f5ef;
  color: #111115;
}
._truyenchua_social_links_block a[data-social="facebook"] {
  background: #bcd2ff;
  color: #111115;
}
._truyenchua_social_links_block svg {
  width: 15px;
  height: 15px;
}
._truyenchua_footer_shortcuts_block > div,
._truyenchua_footer_latest_block > div {
  display: grid;
  gap: 8px;
}
._truyenchua_footer_shortcuts_block a,
._truyenchua_footer_latest_block a {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 7px;
  color: #e5e3e9;
  font-size: 13px;
  font-weight: 700;
}
._truyenchua_footer_shortcuts_block a > span {
  width: 18px;
  flex: 0 0 auto;
  text-align: center;
}
._truyenchua_footer_latest_block a > b {
  color: var(--truyenchua-honey);
}
._truyenchua_footer_latest_block a > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_footer_latest_block small {
  display: block;
  margin-top: 1px;
  color: #96959e;
  font-size: 10px;
}
._truyenchua_footer_genres_block {
  width: min(var(--truyenchua-site-width), calc(100% - 36px));
  margin: auto;
  padding: 21px 0;
  border-top: 1px solid #39393f;
}
._truyenchua_footer_genres_block > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
._truyenchua_footer_genres_block a {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 9px;
  border: 1px solid #52525b;
  border-radius: 999px;
  color: #e9e8ed;
  font-size: 11px;
  font-weight: 700;
}
._truyenchua_footer_bottom_block {
  padding: 16px 18px;
  border-top: 1px solid #39393f;
  color: #a6a5ad;
  font-size: 11px;
  font-weight: 650;
  text-align: center;
}

/* Toolbar and toasts */
._truyenchua_toolbar_block {
  position: fixed;
  z-index: 170;
  right: calc(var(--truyenchua-toolbar-edge) + env(safe-area-inset-right, 0px));
  bottom: calc(
    var(--truyenchua-toolbar-edge) + env(safe-area-inset-bottom, 0px)
  );
  display: flex;
  max-height: calc(100dvh - 32px);
  flex-direction: column;
  align-items: center;
  gap: var(--truyenchua-toolbar-gap);
  pointer-events: none;
}
._truyenchua_toolbar_base_panel_block,
._truyenchua_toolbar_primary_panel_block {
  display: flex;
  width: var(--truyenchua-toolbar-size);
  flex-direction: column;
  align-items: center;
  gap: var(--truyenchua-toolbar-gap);
  pointer-events: auto;
}
._truyenchua_toolbar_base_panel_block {
  order: 2;
}
._truyenchua_toolbar_primary_panel_block {
  order: 1;
  max-height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateX(12px);
  transition:
    max-height 0.24s ease,
    padding 0.2s ease,
    opacity 0.2s ease,
    transform 0.2s ease;
}
._truyenchua_toolbar_block.is-open ._truyenchua_toolbar_primary_panel_block {
  max-height: min(540px, calc(100dvh - 240px));
  padding: 3px 0;
  overflow-y: auto;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  scrollbar-width: none;
}
._truyenchua_toolbar_primary_panel_block::-webkit-scrollbar {
  display: none;
}
._truyenchua_toolbar_base_panel_block button,
._truyenchua_toolbar_primary_panel_block button,
._truyenchua_toolbar_primary_panel_block a {
  position: relative;
  display: grid;
  width: var(--truyenchua-toolbar-size);
  height: var(--truyenchua-toolbar-size);
  flex: 0 0 var(--truyenchua-toolbar-size);
  place-items: center;
  padding: 0;
  border: 2px solid var(--truyenchua-toolbar-line);
  border-radius: 14px;
  background: #fff;
  color: var(--truyenchua-toolbar-ink);
  box-shadow: var(--truyenchua-toolbar-shadow);
}
._truyenchua_toolbar_base_panel_block button:hover,
._truyenchua_toolbar_primary_panel_block button:hover,
._truyenchua_toolbar_primary_panel_block a:hover,
._truyenchua_toolbar_base_panel_block button:focus-visible,
._truyenchua_toolbar_primary_panel_block button:focus-visible,
._truyenchua_toolbar_primary_panel_block a:focus-visible {
  transform: translate(-1px, -1px);
  box-shadow: 5px 6px 0 #111115;
}
._truyenchua_toolbar_block svg {
  width: 19px;
  height: 19px;
}
._truyenchua_toolbar_base_panel_block ._truyenchua_toolbar_toggle_block {
  background: var(--truyenchua-honey);
}
._truyenchua_toolbar_base_panel_block .is-history {
  background: var(--truyenchua-cyan);
}
._truyenchua_toolbar_base_panel_block .is-theme {
  background: var(--truyenchua-pink);
}
._truyenchua_toolbar_base_panel_block .is-page-top {
  background: var(--truyenchua-blue);
  color: #111115;
}
._truyenchua_toolbar_base_panel_block .is-page-bottom {
  background: var(--truyenchua-mint);
}
._truyenchua_toolbar_base_panel_block ._truyenchua_toolbar_collapse_block {
  background: var(--truyenchua-violet);
}
._truyenchua_toolbar_primary_panel_block .is-reader-scroll {
  background: var(--truyenchua-cyan);
}
._truyenchua_toolbar_primary_panel_block .is-reader-chapter {
  background: var(--truyenchua-mint);
}
._truyenchua_toolbar_primary_panel_block .is-reader-list {
  background: var(--truyenchua-violet);
}
._truyenchua_toolbar_primary_panel_block .is-reader-settings {
  background: var(--truyenchua-honey);
}
._truyenchua_toolbar_primary_panel_block .is-reader-reset {
  background: #fff;
}
._truyenchua_toolbar_primary_panel_block .is-report {
  background: var(--truyenchua-coral);
}
/* Outside the reader, the panel remains inspectable so its context is clear.
   A click on any reader-only control gives one explicit availability message. */
._truyenchua_toolbar_block.is-reader-unavailable
  ._truyenchua_toolbar_primary_panel_block {
  filter: saturate(0.72);
}
._truyenchua_toolbar_block.is-reader-unavailable
  ._truyenchua_toolbar_primary_panel_block
  > * {
  opacity: 0.82;
}
._truyenchua_toolbar_collapse_block .is-toolbar-collapsed-icon {
  display: none;
}
._truyenchua_toolbar_block.is-minimized {
  right: max(4px, env(safe-area-inset-right, 0px));
}
._truyenchua_toolbar_block.is-minimized
  ._truyenchua_toolbar_primary_panel_block,
._truyenchua_toolbar_block.is-minimized
  ._truyenchua_toolbar_base_panel_block
  > :not(._truyenchua_toolbar_collapse_block) {
  display: none;
}
._truyenchua_toolbar_block.is-minimized
  ._truyenchua_toolbar_collapse_block
  .is-toolbar-expanded-icon {
  display: none;
}
._truyenchua_toolbar_block.is-minimized
  ._truyenchua_toolbar_collapse_block
  .is-toolbar-collapsed-icon {
  display: inline-flex;
}

._truyenchua_toast_block {
  position: fixed;
  z-index: 220;
  bottom: max(22px, env(safe-area-inset-bottom, 0px));
  left: 50%;
  display: block;
  width: fit-content;
  max-width: min(470px, calc(100vw - 36px));
  padding: 11px 14px;
  transform: translate(-50%, 120px);
  border: 3px solid #111115;
  border-radius: 14px;
  background: #fff;
  color: #111115;
  box-shadow: 4px 5px 0 #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 900;
  opacity: 0;
  pointer-events: none;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}
._truyenchua_toast_block.is-visible {
  transform: translate(-50%, 0);
  opacity: 1;
}

/* App guide */
._truyenchua_app_guide_modal_block {
  position: fixed;
  z-index: 195;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(8, 8, 10, 0.62);
}
._truyenchua_app_guide_modal_block.is-open {
  display: flex;
}
._truyenchua_app_guide_modal_block > div {
  position: relative;
  width: min(430px, 100%);
  padding: 23px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 23px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  box-shadow: var(--truyenchua-shadow);
  text-align: center;
}
._truyenchua_app_guide_modal_block > div > span {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  margin: 0 auto 10px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 16px;
  background: var(--truyenchua-honey);
  box-shadow: var(--truyenchua-shadow-small);
  font-size: 25px;
}
._truyenchua_app_guide_modal_block h2 {
  margin: 0;
  font-family: var(--truyenchua-font-display);
  font-size: 24px;
  font-weight: 900;
}
._truyenchua_app_guide_modal_block p {
  color: var(--truyenchua-ink-soft);
  font-size: 13px;
  line-height: 1.6;
}
._truyenchua_app_guide_modal_block button {
  min-height: 38px;
  padding: 0 13px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 11px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 900;
}
._truyenchua_app_guide_modal_block > div > button:first-child {
  position: absolute;
  top: 10px;
  right: 10px;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  padding: 0;
  background: var(--truyenchua-surface);
}

/* Directory, filters, pagination and 404 */
._truyenchua_filter_form_block {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
._truyenchua_filter_form_block input,
._truyenchua_filter_form_block select {
  width: 100%;
  min-height: 43px;
  padding: 0 10px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 12px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  font-size: 13px;
  font-weight: 700;
}
._truyenchua_filter_form_extended_block input {
  grid-column: span 2;
}
._truyenchua_filter_actions_block {
  display: flex;
  align-items: center;
  gap: 9px;
}
._truyenchua_filter_actions_block button,
._truyenchua_filter_actions_block a {
  display: inline-flex;
  min-height: 43px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 12px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: var(--truyenchua-shadow-small);
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
._truyenchua_filter_actions_block a {
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
}
._truyenchua_result_count_block,
._truyenchua_search_lead_block {
  margin: 0 0 16px;
  color: var(--truyenchua-muted);
  font-size: 14px;
  font-weight: 650;
}
._truyenchua_category_hero_block {
  margin-bottom: 25px;
  padding: 25px;
  background: linear-gradient(
    125deg,
    #fff0a4,
    var(--truyenchua-surface) 52%,
    #dff6ff
  );
  box-shadow: var(--truyenchua-shadow);
}
html[data-truyenchua-theme="dark"] ._truyenchua_category_hero_block {
  background: linear-gradient(
    125deg,
    #3d3410,
    var(--truyenchua-surface) 52%,
    #14313b
  );
}
._truyenchua_category_hero_block header > span {
  display: inline-flex;
  min-height: 27px;
  align-items: center;
  padding: 0 9px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 11px;
  font-weight: 900;
}
._truyenchua_category_hero_block h1 {
  margin: 10px 0 8px;
  font-family: var(--truyenchua-font-display);
  font-size: clamp(34px, 5vw, 58px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.065em;
}
._truyenchua_category_hero_block p {
  max-width: 720px;
  margin: 0;
  color: var(--truyenchua-ink-soft);
  font-size: 16px;
  font-weight: 650;
}
._truyenchua_category_search_block {
  max-width: 650px;
  margin-top: 20px;
  background: var(--truyenchua-surface);
}
._truyenchua_category_search_block button {
  background: var(--truyenchua-honey);
}
._truyenchua_category_grid_block {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
}
._truyenchua_category_grid_block a {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 10px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 12px;
  background: var(--truyenchua-surface-muted);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  font-size: 13px;
  font-weight: 800;
}
._truyenchua_category_grid_block a:hover {
  transform: translate(-1px, -1px);
  background: var(--truyenchua-honey);
  box-shadow: 4px 4px 0 var(--truyenchua-ink);
}
._truyenchua_category_stats_block {
  color: var(--truyenchua-muted);
  font-size: 11px;
  font-weight: 700;
}
._truyenchua_page_content_block,
._truyenchua_wysiwyg_block {
  color: var(--truyenchua-ink-soft);
  line-height: 1.8;
}
._truyenchua_page_content_block > :first-child,
._truyenchua_wysiwyg_block > :first-child {
  margin-top: 0;
}
._truyenchua_404_page_block { padding-top: clamp(16px, 3vw, 36px); }
._truyenchua_404_block {
  position: relative;
  max-width: 900px;
  margin: 12px auto 30px;
  padding: clamp(26px, 5vw, 58px);
  overflow: hidden;
  background: linear-gradient(130deg, #fff0a4 0%, var(--truyenchua-surface) 42%, #c8efff 100%);
  box-shadow: var(--truyenchua-shadow);
  text-align: center;
}
._truyenchua_404_block::before,
._truyenchua_404_block::after {
  position: absolute;
  width: 160px;
  height: 160px;
  border: 3px solid rgba(17,17,21,.15);
  border-radius: 999px;
  content: "";
  pointer-events: none;
}
._truyenchua_404_block::before { top: -76px; right: -44px; background: var(--truyenchua-pink); }
._truyenchua_404_block::after { bottom: -88px; left: -48px; background: var(--truyenchua-mint); }
._truyenchua_404_kicker_block {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
}
._truyenchua_404_kicker_block ._truyenchua_toolbar_icon_block { width: 14px; height: 14px; }
._truyenchua_404_kicker_block svg { width: 14px; height: 14px; }
._truyenchua_404_number_block {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  margin: 10px 0 0;
}
._truyenchua_404_number_block strong {
  display: block;
  margin: 0;
  background: linear-gradient(135deg, #ffca16 0%, #ff8f62 45%, #b18cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: var(--truyenchua-font-display);
  font-size: clamp(82px, 19vw, 176px);
  font-weight: 950;
  letter-spacing: -.13em;
  line-height: .75;
  text-shadow: 4px 5px 0 rgba(17,17,21,.18);
}
._truyenchua_404_number_block > span {
  display: grid;
  width: 36px;
  height: 36px;
  margin: -4px 0 0 8px;
  place-items: center;
  border: 2px solid var(--truyenchua-line);
  border-radius: 50%;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 3px 3px 0 var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 23px;
  font-weight: 950;
}
._truyenchua_404_copy_block { position: relative; z-index: 1; max-width: 660px; margin: 20px auto 0; }
._truyenchua_404_copy_block h1 {
  margin: 0;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: clamp(25px, 4vw, 41px);
  font-weight: 950;
  letter-spacing: -.055em;
  line-height: 1.02;
}
._truyenchua_404_copy_block p {
  margin: 11px 0 0;
  color: var(--truyenchua-ink-soft);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
}
._truyenchua_404_url_block {
  position: relative;
  z-index: 1;
  display: inline-block;
  max-width: min(100%, 650px);
  margin-top: 16px;
  padding: 7px 10px;
  overflow: hidden;
  border: 1px solid var(--truyenchua-line-soft);
  border-radius: 9px;
  background: color-mix(in srgb, var(--truyenchua-surface) 75%, var(--truyenchua-cyan));
  color: var(--truyenchua-ink-soft);
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_404_url_block span { color: var(--truyenchua-ink); font-weight: 900; }
._truyenchua_404_search_block {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  max-width: 660px;
  margin: 18px auto 0;
  padding: 4px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 15px;
  background: var(--truyenchua-surface);
  box-shadow: var(--truyenchua-shadow-small);
}
._truyenchua_404_search_block input {
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 0 10px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--truyenchua-ink);
  font-size: 13px;
  font-weight: 650;
}
._truyenchua_404_search_block button,
._truyenchua_404_actions_block a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 12px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 11px;
  background: var(--truyenchua-surface-muted);
  color: var(--truyenchua-ink);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 11px;
  font-weight: 900;
}
._truyenchua_404_search_block button { background: var(--truyenchua-honey); }
._truyenchua_404_search_block button ._truyenchua_toolbar_icon_block,
._truyenchua_404_actions_block a ._truyenchua_toolbar_icon_block { width: 16px; height: 16px; }
._truyenchua_404_search_block button svg,
._truyenchua_404_actions_block a svg { width: 15px; height: 15px; }
._truyenchua_404_actions_block {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin-top: 16px;
}
._truyenchua_404_actions_block a.is-primary { background: var(--truyenchua-honey); }
._truyenchua_404_actions_block a:hover,
._truyenchua_404_search_block button:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--truyenchua-ink); }
._truyenchua_404_help_list_block {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  max-width: 780px;
  margin: 24px auto 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
._truyenchua_404_help_list_block li {
  min-height: 66px;
  padding: 9px;
  border: 1px solid var(--truyenchua-line-soft);
  border-radius: 12px;
  background: color-mix(in srgb, var(--truyenchua-surface) 85%, var(--truyenchua-pink));
  color: var(--truyenchua-ink-soft);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}
._truyenchua_404_help_list_block li > span {
  display: block;
  margin-bottom: 2px;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 10px;
  font-weight: 950;
}
html[data-truyenchua-theme="dark"] ._truyenchua_404_block { background: linear-gradient(130deg, #473b09 0%, var(--truyenchua-surface) 42%, #123341 100%); }
html[data-truyenchua-theme="dark"] ._truyenchua_404_url_block,
html[data-truyenchua-theme="dark"] ._truyenchua_404_help_list_block li { background: color-mix(in srgb, var(--truyenchua-surface) 84%, #2b2b39); }

/* Responsive */
@media (max-width: 1080px) {
  ._truyenchua_story_grid_block {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  ._truyenchua_layout_block {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 20px;
  }
  ._truyenchua_footer_inner_block {
    gap: 28px;
  }
  ._truyenchua_reader_tip_content_block {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  ._truyenchua_layout_block {
    grid-template-columns: minmax(0, 1fr);
  }
  ._truyenchua_sidebar_block {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  ._truyenchua_sidebar_block > ._truyenchua_side_section_block,
  ._truyenchua_sidebar_block > ._truyenchua_ad_slot_block {
    margin-bottom: 0;
  }
  ._truyenchua_home_hero_block {
    grid-template-columns: 1fr;
  }
  ._truyenchua_reader_hero_block {
    grid-template-columns: 1fr;
  }
  ._truyenchua_footer_inner_block {
    grid-template-columns: 1fr 1fr;
  }
  ._truyenchua_footer_brand_block {
    grid-column: 1 / -1;
  }
  ._truyenchua_filter_form_block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  ._truyenchua_filter_form_extended_block input {
    grid-column: 1 / -1;
  }
}
@media (max-width: 720px) {
  :root {
    --truyenchua-header-height: 66px;
    --truyenchua-nav-height: 42px;
    --truyenchua-breadcrumb-height: 43px;
  }
  ._truyenchua_main_block {
    width: min(100% - 24px, var(--truyenchua-site-width));
    padding-top: 18px;
  }
  ._truyenchua_header_inner_block,
  ._truyenchua_breadcrumb_block,
  ._truyenchua_footer_inner_block,
  ._truyenchua_footer_genres_block,
  ._truyenchua_header_search_inner_block {
    width: min(100% - 24px, var(--truyenchua-site-width));
  }
  ._truyenchua_header_inner_block {
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap: 10px;
  }
  ._truyenchua_header_icon_button_block {
    width: 40px;
    height: 40px;
  }
  ._truyenchua_header_icon_button_block svg {
    width: 23px;
    height: 23px;
  }
  ._truyenchua_brand_block {
    font-size: 23px;
  }
  ._truyenchua_brand_block img {
    max-width: min(190px, 52vw);
    max-height: 42px;
  }
  ._truyenchua_menu_block a {
    padding: 0 10px;
    font-size: 12px;
  }
  ._truyenchua_breadcrumb_block ol {
    font-size: 12px;
  }
  ._truyenchua_home_hero_block {
    gap: 18px;
    padding: 18px;
    border-radius: 20px;
  }
  ._truyenchua_hero_copy_block h1 {
    font-size: clamp(35px, 12vw, 50px);
  }
  ._truyenchua_quick_links_block { padding: 8px; }
  ._truyenchua_quick_links_primary_block,
  ._truyenchua_quick_links_more_block { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
  ._truyenchua_quick_links_block a { min-height: 33px; padding: 4px 5px; }
  ._truyenchua_quick_links_block a b { font-size: 9px; }
  ._truyenchua_quick_links_block a > span { width: 16px; height: 16px; flex-basis: 16px; }
  ._truyenchua_section_block,
  ._truyenchua_sponsor_hook_block,
  ._truyenchua_side_section_block {
    padding: 14px;
    border-radius: 19px;
  }
  ._truyenchua_section_heading_block {
    margin-bottom: 14px;
  }
  ._truyenchua_section_heading_block h1,
  ._truyenchua_section_heading_block h2 {
    font-size: 22px;
  }
  ._truyenchua_section_heading_block h2::before {
    width: 9px;
    height: 23px;
  }
  ._truyenchua_section_heading_block > span,
  ._truyenchua_section_heading_block > a {
    font-size: 11px;
  }
  ._truyenchua_story_grid_block {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 10px;
  }
  ._truyenchua_story_cover_block {
    border-width: 2px;
    border-radius: 14px;
    box-shadow: 3px 4px 0 var(--truyenchua-ink);
  }
  ._truyenchua_story_card_block h3 {
    font-size: 13px;
  }
  ._truyenchua_story_metadata_block {
    font-size: 10px;
  }
  ._truyenchua_story_genres_block {
    display: none;
  }
  ._truyenchua_status_block,
  ._truyenchua_story_chapter_badge_block,
  ._truyenchua_rank_block {
    min-height: 21px;
    padding: 3px 5px;
    font-size: 8px;
  }
  ._truyenchua_story_chapter_badge_block {
    right: 5px;
    bottom: 5px;
    max-width: calc(100% - 10px);
  }
  ._truyenchua_sidebar_block {
    grid-template-columns: 1fr;
    gap: 0;
  }
  ._truyenchua_side_heading_block h2 {
    font-size: 20px;
  }
  ._truyenchua_story_hero_block {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 13px;
    padding: 13px;
    border-radius: 20px;
  }
  ._truyenchua_story_poster_block {
    min-height: 150px;
    border-width: 2px;
  }
  ._truyenchua_story_hero_copy_block h1 {
    margin-top: 8px;
    font-size: clamp(25px, 7.2vw, 35px);
  }
  ._truyenchua_story_hero_intro_block {
    font-size: 12px;
  }
  ._truyenchua_story_actions_block {
    gap: 7px;
    margin-top: 12px;
  }
  ._truyenchua_story_actions_block > a,
  ._truyenchua_story_actions_block > button {
    min-height: 36px;
    padding: 0 9px;
    border-width: 2px;
    border-radius: 10px;
    box-shadow: 2px 2px 0 var(--truyenchua-ink);
    font-size: 10px;
  }
  ._truyenchua_story_actions_block svg {
    width: 14px;
    height: 14px;
  }
  ._truyenchua_meta_grid_block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  ._truyenchua_meta_grid_block > div:nth-child(4n) {
    border-right: 1px solid var(--truyenchua-line-soft);
  }
  ._truyenchua_meta_grid_block > div:nth-child(2n) {
    border-right: 0;
  }
  ._truyenchua_meta_grid_block > div:nth-last-child(-n + 4) {
    border-bottom: 1px solid var(--truyenchua-line-soft);
  }
  ._truyenchua_meta_grid_block > div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
  ._truyenchua_meta_grid_block > div {
    min-height: 69px;
    padding: 10px;
  }
  ._truyenchua_meta_grid_block > div > span {
    font-size: 12px;
  }
  ._truyenchua_chapter_controls_block {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 7px;
  }
  ._truyenchua_chapter_controls_block input,
  ._truyenchua_chapter_controls_block select,
  ._truyenchua_chapter_controls_block button {
    min-height: 39px;
    border-width: 2px;
    font-size: 11px;
  }
  ._truyenchua_chapter_controls_block button {
    width: 39px;
    padding: 0;
  }
  ._truyenchua_chapter_controls_block button span {
    display: none;
  }
  ._truyenchua_chapter_list_block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }
  ._truyenchua_chapter_item_block {
    min-height: 39px;
    padding: 0 8px;
    border-width: 2px;
    border-radius: 10px;
    font-size: 11px;
  }
  ._truyenchua_reader_container_block,
  ._truyenchua_reader_breadcrumb_wrap_block
    ._truyenchua_reader_breadcrumb_block {
    width: min(100% - 24px, var(--truyenchua-reader-width));
  }
  ._truyenchua_reader_hero_block {
    gap: 12px;
    margin-top: 15px;
    padding: 14px;
    border-radius: 19px;
  }
  ._truyenchua_reader_title_group_block h1 {
    font-size: 24px;
  }
  ._truyenchua_reader_progress_block {
    padding: 9px;
    border-width: 2px;
  }
  ._truyenchua_reader_navigation_block {
    top: 8px;
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.35fr) minmax(0, 0.7fr);
    gap: 6px;
    padding: 7px;
    border-radius: 15px;
  }
  ._truyenchua_reader_navigation_block a,
  ._truyenchua_reader_navigation_block > span,
  ._truyenchua_reader_navigation_block select {
    min-height: 37px;
    padding: 0 7px;
    border-width: 2px;
    font-size: 10px;
  }
  ._truyenchua_reader_navigation_block ._truyenchua_reader_nav_label_block {
    display: none;
  }
  ._truyenchua_reader_navigation_block ._truyenchua_toolbar_icon_block {
    display: inline-flex;
  }
  ._truyenchua_reader_tip_content_block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    padding: 8px;
  }
  ._truyenchua_reader_tip_content_block > div {
    min-height: 58px;
    padding: 7px;
  }
  ._truyenchua_reader_tip_content_block b {
    font-size: 10px;
  }
  ._truyenchua_reader_tip_toggle_block small {
    display: none;
  }
  ._truyenchua_reader_content_shell_block.is-novel
    ._truyenchua_reader_content_block {
    padding: 23px 18px;
  }
  ._truyenchua_reader_settings_block,
  ._truyenchua_chapter_drawer_block,
  ._truyenchua_history_panel_block {
    right: 12px;
    bottom: 12px;
    width: min(370px, calc(100vw - 24px));
  }
  ._truyenchua_footer_inner_block {
    grid-template-columns: 1fr;
    padding: 34px 0 27px;
  }
  ._truyenchua_footer_brand_block {
    grid-column: auto;
  }
  ._truyenchua_toolbar_block {
    right: max(8px, env(safe-area-inset-right, 0px));
    bottom: max(12px, env(safe-area-inset-bottom, 0px));
    --truyenchua-toolbar-size: 43px;
    --truyenchua-toolbar-gap: 7px;
  }
  ._truyenchua_toolbar_base_panel_block button,
  ._truyenchua_toolbar_primary_panel_block button,
  ._truyenchua_toolbar_primary_panel_block a {
    border-width: 2px;
    border-radius: 14px;
    box-shadow: 3px 4px 0 #111115;
  }
  ._truyenchua_toolbar_block svg {
    width: 19px;
    height: 19px;
  }
  ._truyenchua_toolbar_base_panel_block [data-toolbar-tooltip]::after,
  ._truyenchua_toolbar_primary_panel_block [data-toolbar-tooltip]::after {
    display: none;
  }
  ._truyenchua_toast_block {
    bottom: max(17px, env(safe-area-inset-bottom, 0px));
    font-size: 12px;
  }
  ._truyenchua_tf_json_status_block {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 11px;
  }
  ._truyenchua_tf_json_status_actions_block {
    grid-column: 1 / -1;
    flex-direction: row;
  }
  ._truyenchua_tf_json_status_actions_block button {
    flex: 1;
  }
  ._truyenchua_filter_form_block {
    grid-template-columns: 1fr;
  }
  ._truyenchua_filter_form_extended_block input {
    grid-column: auto;
  }
  ._truyenchua_filter_actions_block {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  ._truyenchua_category_grid_block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 390px) {
  ._truyenchua_story_grid_block {
    gap: 13px 8px;
  }
  ._truyenchua_story_card_block h3 {
    font-size: 12px;
  }
  ._truyenchua_story_metadata_block {
    font-size: 9px;
  }
  ._truyenchua_story_hero_block {
    grid-template-columns: 88px minmax(0, 1fr);
  }
  ._truyenchua_story_actions_block > a,
  ._truyenchua_story_actions_block > button {
    padding: 0 8px;
  }
  ._truyenchua_story_actions_block > a span,
  ._truyenchua_story_actions_block > button span {
    max-width: 86px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  ._truyenchua_reader_tip_content_block {
    grid-template-columns: 1fr;
  }
  ._truyenchua_chapter_controls_block {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 5px;
  }
  ._truyenchua_chapter_controls_block input,
  ._truyenchua_chapter_controls_block select,
  ._truyenchua_chapter_controls_block button {
    min-height: 37px;
    font-size: 10px;
  }
}


/* About page ------------------------------------------------------------- */
._truyenchua_about_page_block {
  padding: 0 0 48px;
}
._truyenchua_about_hero_block {
  position: relative;
  overflow: hidden;
  padding: clamp(42px, 7vw, 84px) 18px;
  border-bottom: 3px solid #111115;
  background:
    radial-gradient(circle at 9% 18%, rgba(255,255,255,.65) 0 5px, transparent 6px),
    radial-gradient(circle at 88% 24%, rgba(255,255,255,.48) 0 7px, transparent 8px),
    linear-gradient(135deg, #ffbd35 0%, #ffda21 35%, #ff9e9f 100%);
  color: #111115;
}
._truyenchua_about_hero_inner_block {
  width: min(820px, 100%);
  margin: auto;
}
._truyenchua_about_domain_card_block {
  padding: clamp(22px, 4vw, 38px);
  border: 3px solid #111115;
  border-radius: 24px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 7px 8px 0 #111115;
  text-align: center;
}
._truyenchua_about_brand_block {
  display: inline-flex;
  max-width: min(310px, 90%);
  min-height: 52px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
}
._truyenchua_about_brand_block img {
  width: auto;
  max-width: 100%;
  max-height: 58px;
  object-fit: contain;
}
._truyenchua_about_brand_text_block {
  color: #111115;
  font-family: var(--truyenchua-font-display);
  font-size: clamp(29px, 6vw, 42px);
  font-weight: 950;
  letter-spacing: -0.06em;
}
._truyenchua_about_domain_card_block h1 {
  margin: 0;
  color: #111115;
  font-family: var(--truyenchua-font-display);
  font-size: clamp(24px, 5vw, 36px);
  font-weight: 950;
  line-height: 1.12;
}
._truyenchua_about_domain_kicker_block {
  margin: 12px 0 7px;
  color: #f05e29;
  font-family: var(--truyenchua-font-display);
  font-size: 14px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
._truyenchua_about_slogan_block {
  max-width: 620px;
  margin: 15px auto 0;
  color: #34323a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}
._truyenchua_about_domain_url_block {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 7px 11px;
  border: 2px solid #111115;
  border-radius: 10px;
  background: #fff6cf;
  color: #111115;
  font-family: var(--truyenchua-font-display);
  font-size: clamp(16px, 4vw, 22px);
  font-weight: 950;
  overflow-wrap: anywhere;
}
._truyenchua_about_cta_block {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 20px;
  padding: 0 18px;
  border: 3px solid #111115;
  border-radius: 13px;
  background: #ff8c28;
  color: #fff;
  box-shadow: 4px 5px 0 #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 14px;
  font-weight: 950;
}
._truyenchua_about_cta_block:hover,
._truyenchua_about_cta_block:focus-visible {
  color: #fff;
  outline: 0;
  transform: translate(-2px, -2px);
  box-shadow: 6px 7px 0 #111115;
}
._truyenchua_about_cta_block svg { width: 19px; height: 19px; }
._truyenchua_about_follow_block { margin: 20px 0 0; }
._truyenchua_about_follow_block b {
  display: block;
  margin-bottom: 9px;
  color: #111115;
  font-size: 13px;
}
._truyenchua_about_social_links_block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._truyenchua_about_social_links_block a {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: 2px solid #111115;
  border-radius: 10px;
  background: #fff;
  color: #111115;
  box-shadow: 2px 2px 0 #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 11px;
  font-weight: 900;
}
._truyenchua_about_social_links_block a span { display: inline-flex; }
._truyenchua_about_social_links_block svg { width: 15px; height: 15px; }
._truyenchua_about_social_links_block a[data-social="telegram"] { background: var(--truyenchua-cyan); }
._truyenchua_about_social_links_block a[data-social="facebook"] { background: var(--truyenchua-blue); }
._truyenchua_about_social_links_block a[data-social="x"] { background: var(--truyenchua-violet); }
._truyenchua_about_social_links_block a[data-social="link"] { background: var(--truyenchua-mint); }
._truyenchua_about_content_block {
  width: min(1000px, calc(100% - 36px));
  margin: 34px auto 0;
}
._truyenchua_about_article_block,
._truyenchua_about_features_block,
._truyenchua_about_faq_block,
._truyenchua_about_editor_block {
  margin-top: 24px;
  padding: clamp(18px, 3vw, 30px);
  border: 3px solid var(--truyenchua-line);
  border-radius: 22px;
  background: var(--truyenchua-surface);
  box-shadow: var(--truyenchua-shadow);
}
._truyenchua_about_article_block > :first-child,
._truyenchua_about_faq_block > :first-child,
._truyenchua_about_editor_block > :first-child { margin-top: 0; }
._truyenchua_about_article_block > :last-child,
._truyenchua_about_faq_block > :last-child,
._truyenchua_about_editor_block > :last-child { margin-bottom: 0; }
._truyenchua_about_article_block h2,
._truyenchua_about_faq_block h2,
._truyenchua_about_editor_block h2 {
  margin: 30px 0 12px;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: clamp(21px, 3vw, 28px);
  font-weight: 950;
  line-height: 1.18;
}
._truyenchua_about_article_block h3 {
  margin: 22px 0 8px;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 18px;
  font-weight: 950;
}
._truyenchua_about_article_block p,
._truyenchua_about_editor_block p {
  margin: 0 0 14px;
  color: var(--truyenchua-ink-soft);
  line-height: 1.78;
}
._truyenchua_about_article_block ul {
  display: grid;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
._truyenchua_about_article_block li {
  position: relative;
  padding: 9px 11px 9px 31px;
  border: 2px solid var(--truyenchua-line-soft);
  border-radius: 12px;
  background: var(--truyenchua-surface-muted);
  color: var(--truyenchua-ink-soft);
  font-weight: 700;
}
._truyenchua_about_article_block li::before {
  position: absolute;
  top: 50%;
  left: 11px;
  width: 11px;
  height: 11px;
  content: "";
  transform: translateY(-50%) rotate(45deg);
  border: 2px solid #111115;
  background: var(--truyenchua-honey);
}
._truyenchua_about_features_grid_block {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
}
._truyenchua_about_feature_block {
  min-width: 0;
  padding: 15px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 16px;
  background: var(--truyenchua-surface-muted);
}
._truyenchua_about_feature_block:nth-child(2) { background: var(--truyenchua-surface-soft); }
._truyenchua_about_feature_block:nth-child(3) { background: #f9eafe; }
._truyenchua_about_feature_block > span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  margin-bottom: 11px;
  border: 2px solid #111115;
  border-radius: 11px;
  background: var(--truyenchua-honey);
  box-shadow: 2px 2px 0 #111115;
}
._truyenchua_about_feature_block:nth-child(2) > span { background: var(--truyenchua-cyan); }
._truyenchua_about_feature_block:nth-child(3) > span { background: var(--truyenchua-pink); }
._truyenchua_about_feature_block svg { width: 19px; height: 19px; }
._truyenchua_about_feature_block h3 {
  margin: 0 0 6px;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 15px;
  font-weight: 950;
}
._truyenchua_about_feature_block p {
  margin: 0;
  color: var(--truyenchua-ink-soft);
  font-size: 13px;
  line-height: 1.55;
}
._truyenchua_about_faq_list_block {
  display: grid;
  gap: 9px;
}
._truyenchua_about_faq_list_block details {
  overflow: hidden;
  border: 2px solid var(--truyenchua-line);
  border-radius: 13px;
  background: var(--truyenchua-surface-muted);
}
._truyenchua_about_faq_list_block summary {
  position: relative;
  min-height: 48px;
  padding: 13px 42px 13px 13px;
  color: var(--truyenchua-ink);
  cursor: pointer;
  font-family: var(--truyenchua-font-display);
  font-size: 14px;
  font-weight: 950;
  list-style: none;
}
._truyenchua_about_faq_list_block summary::-webkit-details-marker { display: none; }
._truyenchua_about_faq_list_block summary::after {
  position: absolute;
  top: 50%;
  right: 13px;
  width: 20px;
  height: 20px;
  content: "+";
  transform: translateY(-50%);
  border: 2px solid #111115;
  border-radius: 7px;
  background: var(--truyenchua-honey);
  color: #111115;
  font-size: 18px;
  line-height: 16px;
  text-align: center;
}
._truyenchua_about_faq_list_block details[open] summary { background: #fff6cf; }
._truyenchua_about_faq_list_block details[open] summary::after { content: "−"; }
._truyenchua_about_faq_list_block details > div {
  padding: 0 13px 14px;
  color: var(--truyenchua-ink-soft);
  line-height: 1.7;
}
._truyenchua_about_copyright_block {
  margin: 24px 0 0;
  color: var(--truyenchua-muted);
  font-size: 12px;
  font-weight: 750;
  text-align: center;
}
html[data-truyenchua-theme="dark"] ._truyenchua_about_feature_block:nth-child(3) {
  background: #352642;
}
html[data-truyenchua-theme="dark"] ._truyenchua_about_faq_list_block details[open] summary {
  background: var(--truyenchua-honey);
  color: #111115;
}
html[data-truyenchua-theme="dark"] ._truyenchua_about_faq_list_block details[open] summary::after {
  background: #111115;
  color: var(--truyenchua-honey);
}
@media (max-width: 760px) {
  ._truyenchua_about_content_block { width: min(100% - 24px, 1000px); margin-top: 22px; }
  ._truyenchua_about_hero_block { padding: 32px 12px; }
  ._truyenchua_about_domain_card_block { border-radius: 19px; }
  ._truyenchua_about_features_grid_block { grid-template-columns: 1fr; }
  ._truyenchua_about_article_block,
  ._truyenchua_about_features_block,
  ._truyenchua_about_faq_block,
  ._truyenchua_about_editor_block { border-width: 2px; border-radius: 18px; box-shadow: 3px 4px 0 var(--truyenchua-ink); }
  ._truyenchua_about_social_links_block a { flex: 0 0 auto; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* v3.1.3 — compact navigation, discovery and shared global tooltips */
._truyenchua_global_tooltip_block {
  position: fixed;
  z-index: 310;
  max-width: min(260px, calc(100vw - 26px));
  padding: 7px 9px;
  transform: translate3d(0,0,0);
  border: 2px solid #111115;
  border-radius: 10px;
  background: #fff;
  color: #111115;
  box-shadow: 3px 3px 0 #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.25;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease, transform .12s ease;
}
._truyenchua_global_tooltip_block.is-visible { opacity: 1; }
html[data-truyenchua-theme="dark"] ._truyenchua_global_tooltip_block { background: #fff7c9; color: #111115; }
._truyenchua_toolbar_block { --truyenchua-toolbar-rail: calc(var(--truyenchua-toolbar-size) + 16px); }
._truyenchua_toolbar_base_panel_block,
._truyenchua_toolbar_primary_panel_block {
  width: var(--truyenchua-toolbar-rail);
  padding: 6px 8px;
  border: 2px solid var(--truyenchua-toolbar-line);
  border-radius: 18px;
  background: var(--truyenchua-surface);
  box-shadow: var(--truyenchua-toolbar-shadow);
}
._truyenchua_toolbar_primary_panel_block { padding: 0 8px; border-width: 0; background: transparent; box-shadow: none; }
._truyenchua_toolbar_block.is-open ._truyenchua_toolbar_primary_panel_block { padding: 6px 8px; border-width: 2px; background: var(--truyenchua-surface); box-shadow: var(--truyenchua-toolbar-shadow); }
._truyenchua_toolbar_base_panel_block button,
._truyenchua_toolbar_primary_panel_block button,
._truyenchua_toolbar_primary_panel_block a { width: var(--truyenchua-toolbar-size); height: var(--truyenchua-toolbar-size); flex-basis: var(--truyenchua-toolbar-size); }
._truyenchua_toolbar_block.is-minimized ._truyenchua_toolbar_base_panel_block { padding: 4px; border-radius: 15px; }
._truyenchua_toolbar_base_panel_block [data-toolbar-tooltip]::after,
._truyenchua_toolbar_primary_panel_block [data-toolbar-tooltip]::after,
._truyenchua_reader_quick_tools_actions_block [data-truyenchua-tooltip]::after { display: none !important; }

._truyenchua_discovery_filters_block,
._truyenchua_suggest_filters_block {
  display: flex;
  align-items: end;
  gap: 9px;
  margin: -4px 0 19px;
  padding: 10px;
  overflow-x: auto;
  border: 2px solid var(--truyenchua-line);
  border-radius: 15px;
  background: var(--truyenchua-surface-muted);
  scrollbar-width: thin;
}
._truyenchua_discovery_filter_field_block,
._truyenchua_suggest_filters_block label { display: grid; min-width: 145px; gap: 4px; }
._truyenchua_discovery_filter_field_block span,
._truyenchua_suggest_filters_block label > span { color: var(--truyenchua-muted); font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .055em; }
._truyenchua_discovery_filters_block select,
._truyenchua_suggest_filters_block select {
  min-height: 36px;
  padding: 0 28px 0 10px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 9px;
  outline: 0;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  font-size: 12px;
  font-weight: 800;
}
._truyenchua_discovery_filters_block button,
._truyenchua_suggest_filters_block button,
._truyenchua_suggest_reload_block {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 12px;
  border: 2px solid #111115;
  border-radius: 10px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 2px 2px 0 #111115;
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
._truyenchua_discovery_filters_block button svg,
._truyenchua_suggest_filters_block button svg,
._truyenchua_suggest_reload_block svg { width: 16px; height: 16px; }
._truyenchua_discovery_layout_block { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; align-items: start; }
._truyenchua_discovery_main_block { min-width: 0; }
._truyenchua_discovery_page_heading_block { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
._truyenchua_discovery_page_icon_block { display: grid; width: 45px; height: 45px; flex: 0 0 auto; place-items: center; border: 2px solid var(--truyenchua-line); border-radius: 13px; background: var(--truyenchua-honey); box-shadow: 3px 3px 0 var(--truyenchua-ink); color: #111115; }
._truyenchua_discovery_page_icon_block svg { width: 23px; height: 23px; }
._truyenchua_discovery_page_heading_block p { margin: 0 0 2px; color: var(--truyenchua-muted); font-size: 10px; font-weight: 900; letter-spacing: .08em; }
._truyenchua_discovery_page_heading_block h1 { margin: 0; color: var(--truyenchua-ink); font-family: var(--truyenchua-font-display); font-size: clamp(24px, 3vw, 34px); font-weight: 950; letter-spacing: -.05em; line-height: 1.05; }
._truyenchua_discovery_page_heading_block h1 small { color: var(--truyenchua-muted); font-size: .45em; letter-spacing: 0; }
._truyenchua_discovery_page_heading_block > div > small { display: block; margin-top: 5px; color: var(--truyenchua-muted); font-size: 12px; font-weight: 700; }
._truyenchua_discovery_side_block { display: grid; gap: 16px; position: sticky; top: calc(var(--truyenchua-header-height) + var(--truyenchua-nav-height) + 14px); }
._truyenchua_discovery_side_card_block { padding: 15px; border: 3px solid var(--truyenchua-line); border-radius: 17px; background: var(--truyenchua-surface); box-shadow: var(--truyenchua-shadow-soft); }
._truyenchua_discovery_side_card_block h2 { display: flex; align-items: center; gap: 7px; margin: 0 0 9px; font-family: var(--truyenchua-font-display); font-size: 16px; font-weight: 950; line-height: 1.1; }
._truyenchua_discovery_side_card_block h2 svg { width: 17px; height: 17px; color: var(--truyenchua-cyan); }
._truyenchua_discovery_side_card_block p { margin: 0; color: var(--truyenchua-muted); font-size: 12px; font-weight: 700; }
._truyenchua_discovery_side_links_block { display: grid; }
._truyenchua_discovery_side_links_block a { padding: 9px 0; border-top: 1px dashed var(--truyenchua-line-soft); color: var(--truyenchua-ink); font-size: 12px; font-weight: 800; }
._truyenchua_discovery_side_links_block a:first-child { border-top: 0; }
._truyenchua_rank_tabs_block { display: flex; gap: 7px; margin: 0 0 14px; overflow-x: auto; scrollbar-width: none; }
._truyenchua_rank_tabs_block::-webkit-scrollbar { display: none; }
._truyenchua_rank_tabs_block a { display: inline-flex; min-height: 33px; align-items: center; justify-content: center; padding: 0 11px; border: 2px solid var(--truyenchua-line); border-radius: 999px; background: var(--truyenchua-surface); box-shadow: 2px 2px 0 var(--truyenchua-ink); color: var(--truyenchua-ink); font-size: 11px; font-weight: 900; white-space: nowrap; }
._truyenchua_rank_tabs_block a.is-active { background: var(--truyenchua-cyan); color: #111115; }
._truyenchua_rank_list_block { overflow: hidden; border: 3px solid var(--truyenchua-line); border-radius: 18px; background: var(--truyenchua-surface); box-shadow: var(--truyenchua-shadow-soft); }
._truyenchua_rank_row_block { display: grid; min-height: 76px; grid-template-columns: 38px 47px minmax(0,1fr) 24px; align-items: center; gap: 11px; padding: 9px 13px; border-top: 1px solid var(--truyenchua-line-soft); transition: background .15s ease; }
._truyenchua_rank_row_block:first-child { border-top: 0; }
._truyenchua_rank_row_block:hover { background: var(--truyenchua-surface-muted); }
._truyenchua_rank_number_block { display: grid; width: 29px; height: 29px; place-items: center; border: 2px solid var(--truyenchua-line); border-radius: 9px; background: #e9eef5; color: #111115; box-shadow: 2px 2px 0 var(--truyenchua-ink); font-family: var(--truyenchua-font-display); font-size: 13px; font-weight: 950; }
._truyenchua_rank_number_block.is-rank-1 { background: var(--truyenchua-honey); }
._truyenchua_rank_number_block.is-rank-2 { background: var(--truyenchua-cyan); }
._truyenchua_rank_number_block.is-rank-3 { background: var(--truyenchua-coral); }
._truyenchua_rank_cover_block { display: block; width: 47px; height: 57px; overflow: hidden; border: 2px solid var(--truyenchua-line); border-radius: 8px; background: var(--truyenchua-surface-soft); }
._truyenchua_rank_cover_block img { width: 100%; height: 100%; object-fit: cover; }
._truyenchua_rank_cover_block i { display: grid; width: 100%; height: 100%; place-items: center; padding: 4px; color: var(--truyenchua-muted); font-size: 8px; font-style: normal; font-weight: 800; text-align: center; }
._truyenchua_rank_copy_block { min-width: 0; }
._truyenchua_rank_copy_block > strong { display:block; overflow: hidden; color: var(--truyenchua-ink); font-family: var(--truyenchua-font-display); font-size: 14px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
._truyenchua_rank_copy_block > small { display:block; margin-top: 1px; overflow: hidden; color: var(--truyenchua-muted); font-size: 10px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
._truyenchua_rank_metrics_block { display:flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
._truyenchua_rank_metrics_block em { display:inline-flex; min-height:18px; align-items:center; padding:0 5px; border-radius:999px; background:var(--truyenchua-surface-muted); color:var(--truyenchua-ink); font-size:9px; font-style:normal; font-weight:900; }
._truyenchua_rank_metrics_block em.is-full { background: var(--truyenchua-mint); color:#111115; }
._truyenchua_rank_metrics_block em.is-ongoing { background: var(--truyenchua-honey); color:#111115; }
._truyenchua_rank_metrics_block em.is-drop { background: var(--truyenchua-coral); color:#111115; }
._truyenchua_rank_arrow_block { display:grid; place-items:center; color:var(--truyenchua-muted); }
._truyenchua_rank_arrow_block svg { width:18px; height:18px; }
._truyenchua_all_story_grid_block { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
._truyenchua_all_story_card_block { display:grid; min-width:0; grid-template-columns:88px minmax(0,1fr); gap:11px; padding:9px; border:3px solid var(--truyenchua-line); border-radius:16px; background:var(--truyenchua-surface); box-shadow:var(--truyenchua-shadow-soft); }
._truyenchua_all_story_cover_block { display:block; height:119px; overflow:hidden; border:2px solid var(--truyenchua-line); border-radius:10px; background:var(--truyenchua-surface-soft); }
._truyenchua_all_story_cover_block img { width:100%; height:100%; object-fit:cover; }
._truyenchua_all_story_cover_block > span { display:grid; width:100%; height:100%; place-items:center; padding:8px; color:var(--truyenchua-muted); font-size:10px; font-weight:800; text-align:center; }
._truyenchua_all_story_copy_block { min-width:0; }
._truyenchua_all_story_copy_block h2 { margin:1px 0 2px; overflow:hidden; color:var(--truyenchua-ink); font-family:var(--truyenchua-font-display); font-size:15px; font-weight:950; text-overflow:ellipsis; white-space:nowrap; }
._truyenchua_all_story_genres_block { margin:0; overflow:hidden; color:#28a2c4; font-size:10px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
._truyenchua_all_story_copy_block > p:not(._truyenchua_all_story_genres_block) { display:-webkit-box; margin:5px 0 7px; overflow:hidden; color:var(--truyenchua-muted); font-size:10px; font-weight:650; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
._truyenchua_all_story_copy_block > div { display:flex; flex-wrap:wrap; gap:4px; }
._truyenchua_all_story_chapter_block, ._truyenchua_all_story_status_block { display:inline-flex; min-height:18px; align-items:center; padding:0 5px; border-radius:999px; background:var(--truyenchua-cyan); color:#111115; font-size:9px; font-weight:900; }
._truyenchua_all_story_status_block.is-full { background:var(--truyenchua-mint); }
._truyenchua_all_story_status_block.is-ongoing { background:var(--truyenchua-honey); }
._truyenchua_all_story_status_block.is-drop { background:var(--truyenchua-coral); }
._truyenchua_all_genre_cloud_block { display:flex; flex-wrap:wrap; gap:6px; }
._truyenchua_all_genre_cloud_block a { padding:5px 7px; border:1px solid var(--truyenchua-line-soft); border-radius:999px; background:var(--truyenchua-surface-muted); color:var(--truyenchua-ink); font-size:10px; font-weight:800; }
._truyenchua_suggest_page_block { width:min(1420px,calc(100% - 36px)); }
._truyenchua_suggest_hero_block { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:14px; padding:28px; border:3px solid var(--truyenchua-line); border-radius:24px; background:linear-gradient(128deg,#fff0a0 0%,var(--truyenchua-surface) 47%,#c6f1ff 100%); box-shadow:var(--truyenchua-shadow); }
html[data-truyenchua-theme="dark"] ._truyenchua_suggest_hero_block { background:linear-gradient(128deg,#473b09 0%,var(--truyenchua-surface) 47%,#153440 100%); }
._truyenchua_suggest_hero_block > div > span { display:block; margin-bottom:7px; color:var(--truyenchua-ink-soft); font-size:10px; font-weight:950; letter-spacing:.09em; }
._truyenchua_suggest_hero_block h1 { max-width:780px; margin:0; color:var(--truyenchua-ink); font-family:var(--truyenchua-font-display); font-size:clamp(29px,4vw,52px); font-weight:950; letter-spacing:-.065em; line-height:.98; }
._truyenchua_suggest_hero_block p { max-width:680px; margin:12px 0 0; color:var(--truyenchua-ink-soft); font-size:14px; font-weight:700; }
._truyenchua_suggest_reload_block { flex:0 0 auto; min-height:42px; padding:0 14px; }
._truyenchua_suggest_filters_block { margin-bottom:16px; }
._truyenchua_suggest_mosaic_block { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:180px; gap:12px; }
._truyenchua_suggest_card_block { position:relative; overflow:hidden; border:3px solid var(--truyenchua-line); border-radius:18px; background:#111115; box-shadow:var(--truyenchua-shadow-soft); }
._truyenchua_suggest_card_block.is-position-1 { grid-column:span 2; grid-row:span 2; }
._truyenchua_suggest_card_block.is-position-2, ._truyenchua_suggest_card_block.is-position-3 { grid-column:span 2; }
._truyenchua_suggest_card_block.is-position-7 { grid-row:span 2; }
._truyenchua_suggest_image_block, ._truyenchua_suggest_image_block img { display:block; width:100%; height:100%; }
._truyenchua_suggest_image_block img { object-fit:cover; transition:transform .28s ease; }
._truyenchua_suggest_card_block:hover ._truyenchua_suggest_image_block img { transform:scale(1.05); }
._truyenchua_suggest_image_block > span { display:grid; width:100%; height:100%; place-items:center; padding:10px; background:var(--truyenchua-surface-soft); color:#111115; font-size:12px; font-weight:900; text-align:center; }
._truyenchua_suggest_overlay_block { position:absolute; right:0; bottom:0; left:0; padding:43px 13px 12px; background:linear-gradient(transparent,rgba(7,7,9,.92)); color:#fff; }
._truyenchua_suggest_overlay_block > span { display:inline-flex; max-width:100%; padding:3px 6px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.16); color:#fff; font-size:9px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
._truyenchua_suggest_overlay_block h2 { margin:5px 0 2px; overflow:hidden; color:#fff; font-family:var(--truyenchua-font-display); font-size:18px; font-weight:950; letter-spacing:-.04em; text-overflow:ellipsis; white-space:nowrap; }
._truyenchua_suggest_overlay_block p { margin:0; overflow:hidden; color:#e9e5d8; font-size:10px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
._truyenchua_suggest_read_block { display:inline-flex; align-items:center; gap:5px; margin-top:8px; color:#fff172; font-size:11px; font-weight:900; }
._truyenchua_suggest_read_block svg { width:14px; height:14px; }
._truyenchua_suggest_seed_note_block { margin:15px 0 0; color:var(--truyenchua-muted); font-size:11px; font-weight:650; text-align:center; }
@media (max-width: 1050px) {
  ._truyenchua_discovery_layout_block { grid-template-columns:minmax(0,1fr); }
  ._truyenchua_discovery_side_block { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  ._truyenchua_menu_block { min-width:max-content; padding:0; }
  ._truyenchua_menu_block a { min-height:40px; padding:0 10px; font-size:12px; }
  ._truyenchua_menu_block a::after { right:10px; left:10px; }
  ._truyenchua_menu_icon_block { width:14px; height:14px; }
  ._truyenchua_menu_icon_block svg { width:14px; height:14px; }
  ._truyenchua_toolbar_block { --truyenchua-toolbar-rail: calc(var(--truyenchua-toolbar-size) + 12px); }
  ._truyenchua_toolbar_base_panel_block, ._truyenchua_toolbar_primary_panel_block { padding:5px 6px; border-radius:16px; }
  ._truyenchua_toolbar_block.is-open ._truyenchua_toolbar_primary_panel_block { padding:5px 6px; }
  ._truyenchua_global_tooltip_block { display:none; }
  ._truyenchua_discovery_filters_block, ._truyenchua_suggest_filters_block { margin-right:-2px; margin-left:-2px; padding:9px; }
  ._truyenchua_discovery_filter_field_block, ._truyenchua_suggest_filters_block label { min-width:135px; }
  ._truyenchua_discovery_filters_block button span, ._truyenchua_suggest_filters_block button span { display:none; }
  ._truyenchua_discovery_filters_block button, ._truyenchua_suggest_filters_block button { min-width:38px; padding:0 9px; }
  ._truyenchua_discovery_side_block { grid-template-columns:1fr; }
  ._truyenchua_rank_row_block { min-height:72px; grid-template-columns:34px 42px minmax(0,1fr) 17px; gap:8px; padding:8px; }
  ._truyenchua_rank_cover_block { width:42px; height:53px; }
  ._truyenchua_rank_copy_block > strong { font-size:13px; }
  ._truyenchua_rank_metrics_block em:nth-child(4) { display:none; }
  ._truyenchua_all_story_grid_block { grid-template-columns:1fr; }
  ._truyenchua_suggest_hero_block { align-items:flex-start; flex-direction:column; padding:20px; }
  ._truyenchua_suggest_hero_block h1 { font-size:34px; }
  ._truyenchua_suggest_mosaic_block { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:170px; gap:9px; }
  ._truyenchua_suggest_card_block.is-position-1 { grid-column:span 2; grid-row:span 2; }
  ._truyenchua_suggest_card_block.is-position-2, ._truyenchua_suggest_card_block.is-position-3 { grid-column:span 1; }
  ._truyenchua_suggest_card_block.is-position-7 { grid-row:span 1; }
  ._truyenchua_404_block { margin-top: 4px; padding: 24px 15px; border-width: 2px; }
  ._truyenchua_404_number_block strong { font-size: clamp(76px, 28vw, 112px); }
  ._truyenchua_404_number_block > span { width: 30px; height: 30px; margin-left: 5px; font-size: 19px; }
  ._truyenchua_404_search_block { grid-template-columns: 1fr; padding: 5px; }
  ._truyenchua_404_search_block button { width: 100%; }
  ._truyenchua_404_help_list_block { grid-template-columns: 1fr; gap: 6px; text-align: left; }
  ._truyenchua_404_help_list_block li { min-height: 0; }
  ._truyenchua_404_actions_block { display: grid; grid-template-columns: 1fr; }
  ._truyenchua_404_actions_block a { width: 100%; }
}

/* -------------------------------------------------------------------------
 * Honeytoon v3.2.0 — durable reader, focus and discovery refinement.
 * This remains the only UI stylesheet for the theme.
 * ---------------------------------------------------------------------- */
/* Lightweight sidebar reading history: hierarchy comes from the divider,
   not a dense card around every line. */
._truyenchua_history_block { gap: 0; }
._truyenchua_history_item_block {
  gap: 10px;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--truyenchua-line-soft);
  background: transparent;
  box-shadow: none;
}
._truyenchua_history_item_block:first-child { padding-top: 0; }
._truyenchua_history_item_block:last-child { padding-bottom: 0; border-bottom: 0; }
._truyenchua_history_item_copy_block b::before { content: "—"; color: var(--truyenchua-ink-soft); }
._truyenchua_history_continue_block { min-height: 28px; padding: 0 9px; border-width: 2px; font-size: 10px; box-shadow: 2px 2px 0 var(--truyenchua-ink); }

/* Completion is a compact visual corner cue; its accessible text stays in the DOM. */

/* A wide reader shell makes space for actions and comic images. Text itself
   retains a deliberate measure for comfortable long-form reading. */
._truyenchua_reader_page_block { width: min(var(--truyenchua-site-width), calc(100% - 36px)); }
._truyenchua_reader_container_block { width: 100%; max-width: var(--truyenchua-site-width); }
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block { padding: 10px; }
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block { gap: 8px; }
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block img {
  display: block;
  width: min(100%, 1640px);
  max-width: 100%;
  height: auto;
}

/* Focus has no hidden document chrome reserving vertical space. */
._truyenchua_focus_bar_block { display: none; }
body.truyenchua-reader-focus ._truyenchua_header_block,
body.truyenchua-reader-focus ._truyenchua_breadcrumb_wrap_block,
body.truyenchua-reader-focus ._truyenchua_toolbar_block,
body.truyenchua-reader-focus ._truyenchua_footer_block,
body.truyenchua-reader-focus ._truyenchua_reader_hero_block,
body.truyenchua-reader-focus ._truyenchua_reader_navigation_block,
body.truyenchua-reader-focus ._truyenchua_reader_tip_block,
body.truyenchua-reader-focus ._truyenchua_reader_quick_tools_block,
body.truyenchua-reader-focus ._truyenchua_reader_progress_top_block { display: none !important; }
body.truyenchua-reader-focus ._truyenchua_reader_page_block { padding-top: 12px; padding-bottom: 24px; }
body.truyenchua-reader-focus ._truyenchua_focus_bar_block {
  position: sticky;
  z-index: 140;
  top: 8px;
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  padding: 7px 8px 7px 14px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 17px;
  background: var(--truyenchua-surface);
  box-shadow: var(--truyenchua-shadow-soft);
}
._truyenchua_focus_title_block { min-width: 0; }
._truyenchua_focus_title_block a,
._truyenchua_focus_title_block small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._truyenchua_focus_title_block a { color: var(--truyenchua-ink); font-family: var(--truyenchua-font-display); font-size: 14px; font-weight: 950; }
._truyenchua_focus_title_block small { margin-top: 2px; color: var(--truyenchua-muted); font-size: 10px; font-weight: 800; }
._truyenchua_focus_actions_block { display: flex; flex: 0 0 auto; gap: 6px; }
._truyenchua_focus_actions_block > a,
._truyenchua_focus_actions_block > button,
._truyenchua_focus_actions_block > span { display: grid; width: 34px; height: 34px; place-items: center; padding: 0; border: 2px solid var(--truyenchua-line); border-radius: 11px; background: var(--truyenchua-honey); color: #111115; box-shadow: 2px 2px 0 var(--truyenchua-ink); }
._truyenchua_focus_actions_block > a:nth-child(2) { background: var(--truyenchua-mint); }
._truyenchua_focus_actions_block > button { background: var(--truyenchua-violet); }
._truyenchua_focus_actions_block svg { width: 18px; height: 18px; }
._truyenchua_focus_actions_block .is-disabled { opacity: .45; }

/* A compact basic-first reading settings sheet. */
._truyenchua_reader_settings_block > header > div small { display: block; margin-bottom: 2px; color: var(--truyenchua-coral); font-size: 9px; font-weight: 950; letter-spacing: .12em; }
._truyenchua_reader_settings_block > header h2 { font-size: 20px; }
._truyenchua_reader_setting_basic_block { padding: 12px; border: 2px solid var(--truyenchua-line); border-radius: 16px; background: var(--truyenchua-surface-soft); }
._truyenchua_reader_settings_heading_block { display: flex; align-items: center; gap: 9px; margin-bottom: 9px; }
._truyenchua_reader_settings_heading_block > span { display: grid; width: 31px; height: 31px; place-items: center; border: 2px solid var(--truyenchua-line); border-radius: 10px; background: var(--truyenchua-honey); }
._truyenchua_reader_settings_heading_block svg { width: 17px; height: 17px; }
._truyenchua_reader_settings_heading_block h3 { margin: 0; color: var(--truyenchua-ink); font-family: var(--truyenchua-font-display); font-size: 14px; font-weight: 950; }
._truyenchua_reader_settings_heading_block p { margin: 2px 0 0; color: var(--truyenchua-muted); font-size: 10px; font-weight: 700; }
._truyenchua_reader_setting_row_block { display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: center; gap: 8px; padding: 8px 0; border-top: 1px dashed var(--truyenchua-line-soft); }
._truyenchua_reader_setting_row_block b { font-size: 11px; font-weight: 900; }
._truyenchua_reader_setting_row_block ._truyenchua_reader_option_group_block { margin: 0; }
._truyenchua_reader_settings_advanced_block { margin-top: 12px; border: 2px solid var(--truyenchua-line-soft); border-radius: 14px; background: var(--truyenchua-surface); }
._truyenchua_reader_settings_advanced_block > summary { padding: 11px 12px; cursor: pointer; color: var(--truyenchua-ink); font-family: var(--truyenchua-font-display); font-size: 13px; font-weight: 950; }
._truyenchua_reader_settings_advanced_block > section { margin: 0 10px 10px; }

/* Reader tool rail: five reliable touch targets, with everything else in the
   named settings drawer. */
._truyenchua_toolbar_block.is-reader-toolbar { --truyenchua-toolbar-size: 46px; --truyenchua-toolbar-gap: 7px; right: max(13px, env(safe-area-inset-right, 0px)); }
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_base_panel_block { display: none; }
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block {
  width: calc(var(--truyenchua-toolbar-size) + 14px);
  max-height: min(420px, calc(100dvh - 40px));
  padding: 7px;
  overflow: visible;
  border: 3px solid var(--truyenchua-toolbar-line);
  border-radius: 18px;
  background: var(--truyenchua-surface);
  box-shadow: var(--truyenchua-toolbar-shadow);
  opacity: 1;
  pointer-events: auto;
  transform: none;
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block .is-reader-settings { background: var(--truyenchua-violet); }
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > * { flex-basis: var(--truyenchua-toolbar-size); }

/* Small devices reserve more usable width for the chapter, especially comic images. */
@media (max-width: 720px) {
  ._truyenchua_sidebar_block { gap: 16px; }
  ._truyenchua_sidebar_block > ._truyenchua_side_section_block { margin-bottom: 0; }
  ._truyenchua_reader_page_block { width: min(100% - 14px, var(--truyenchua-site-width)); }
  ._truyenchua_reader_container_block { width: 100%; }
  ._truyenchua_reader_content_shell_block.is-comic { margin-inline: -5px; border-width: 2px; border-radius: 14px; }
  ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block { padding: 0; }
  ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block { gap: 4px; }
  ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block img { width: 100%; max-width: none; }
  ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic { width: calc(100% + 14px); margin-left: -7px; margin-right: -7px; border-right-width: 0; border-left-width: 0; border-radius: 0; }
  ._truyenchua_reader_setting_row_block { grid-template-columns: 1fr; gap: 6px; }
  ._truyenchua_reader_setting_row_block ._truyenchua_reader_option_group_block { width: 100%; }
  ._truyenchua_reader_setting_row_block ._truyenchua_reader_option_group_block button { flex: 1 1 0; min-width: 0; }
  ._truyenchua_toolbar_block.is-reader-toolbar { right: max(5px, env(safe-area-inset-right, 0px)); --truyenchua-toolbar-size: 43px; --truyenchua-toolbar-gap: 6px; }
  ._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block { width: calc(var(--truyenchua-toolbar-size) + 12px); padding: 6px; border-radius: 16px; }
  body.truyenchua-reader-focus ._truyenchua_reader_page_block { width: min(100% - 12px, var(--truyenchua-site-width)); }
  body.truyenchua-reader-focus ._truyenchua_focus_bar_block { top: 5px; min-height: 46px; margin-bottom: 8px; padding-left: 10px; }
  ._truyenchua_focus_title_block a { font-size: 12px; }
  ._truyenchua_focus_actions_block { gap: 4px; }
  ._truyenchua_focus_actions_block > a,
  ._truyenchua_focus_actions_block > button,
  ._truyenchua_focus_actions_block > span { width: 32px; height: 32px; }
}
/* v3.2.0 TruyenFull chapter transfer card */
._truyenchua_truyenfull_loading_block { grid-template-columns:auto minmax(0,1fr) auto; background:linear-gradient(135deg,#fff1a8,var(--truyenchua-surface)); }
._truyenchua_truyenfull_loading_mark_block { display:grid; width:43px; height:43px; place-items:center; border:2px solid var(--truyenchua-line); border-radius:13px; background:var(--truyenchua-violet); color:#111115; box-shadow:var(--truyenchua-shadow-small); font-size:24px; font-weight:950; }
._truyenchua_truyenfull_loading_block > div { min-width:0; }
._truyenchua_truyenfull_loading_block > div > strong { display:block; color:var(--truyenchua-ink); font-family:var(--truyenchua-font-display); font-size:15px; font-weight:950; }
._truyenchua_truyenfull_loading_block > div > span { display:block; margin-top:3px; color:var(--truyenchua-ink-soft); font-size:12px; font-weight:700; line-height:1.45; }
._truyenchua_truyenfull_loading_track_block { display:block; height:9px; margin-top:9px; overflow:hidden; border:2px solid var(--truyenchua-line); border-radius:999px; background:var(--truyenchua-surface); }
._truyenchua_truyenfull_loading_track_block b { display:block; width:38%; height:100%; border-radius:inherit; background:var(--truyenchua-cyan); animation:truyenchua-progress-indeterminate 1.15s ease-in-out infinite; }
@media (max-width:720px) { ._truyenchua_truyenfull_loading_block { grid-template-columns:auto minmax(0,1fr); } ._truyenchua_truyenfull_loading_block > button { grid-column:1/-1; width:100%; } }
/* Provider-neutral monetisation slots: labelled, lazy-safe containers. */
._truyenchua_ad_slot_block { position:relative; margin:16px 0; padding:15px; border:2px solid var(--truyenchua-line); border-radius:16px; background:var(--truyenchua-surface-soft); box-shadow:var(--truyenchua-shadow-small); }
._truyenchua_ad_slot_label_block { position:absolute; top:-10px; left:12px; min-height:20px; padding:0 7px; border:1px solid var(--truyenchua-line); border-radius:999px; background:var(--truyenchua-surface); color:var(--truyenchua-muted); font-size:9px; font-weight:950; line-height:18px; letter-spacing:.05em; text-transform:uppercase; }
._truyenchua_ad_slot_content_block { display:grid; min-height:86px; place-items:center; overflow:hidden; text-align:center; }
._truyenchua_ad_slot_placeholder_block { display:grid; gap:4px; padding:12px; color:var(--truyenchua-muted); }
._truyenchua_ad_slot_placeholder_block b { color:var(--truyenchua-ink); font-family:var(--truyenchua-font-display); font-size:13px; }
._truyenchua_ad_slot_placeholder_block small { font-size:11px; font-weight:700; }
._truyenchua_ad_preview_page_block { max-width:920px; }
._truyenchua_ad_preview_copy_block { margin:0; color:var(--truyenchua-ink-soft); font-size:13px; }
body.truyenchua-reader-focus ._truyenchua_ad_slot_block { display:none !important; }
/* Discovery library pages get a calm paper hierarchy while retaining Honeytoon affordances. */
._truyenchua_discovery_page_heading_block,
._truyenchua_authors_hero_block { position:relative; overflow:hidden; align-items:center; border:2px solid color-mix(in srgb,var(--truyenchua-line) 65%,transparent); border-radius:18px; background:linear-gradient(125deg,color-mix(in srgb,var(--truyenchua-surface) 90%,#fff3d1),var(--truyenchua-surface)); box-shadow:var(--truyenchua-shadow-soft); }
._truyenchua_rank_page_block ._truyenchua_rank_list_block > :first-child { border-color:var(--truyenchua-honey); }
._truyenchua_all_story_card_block { border-width:2px; border-radius:14px; box-shadow:2px 3px 0 color-mix(in srgb,var(--truyenchua-ink) 35%,transparent); }
._truyenchua_authors_page_block { max-width:1100px; }
._truyenchua_authors_hero_block { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:16px; margin-bottom:14px; padding:22px; }
._truyenchua_authors_stats_block { display:flex; gap:8px; }
._truyenchua_authors_stats_block b { display:grid; min-width:72px; padding:9px; border:2px solid var(--truyenchua-line-soft); border-radius:11px; background:var(--truyenchua-surface); color:var(--truyenchua-coral); font-family:var(--truyenchua-font-display); font-size:18px; text-align:center; }
._truyenchua_authors_stats_block small { margin-top:2px; color:var(--truyenchua-muted); font-family:var(--truyenchua-font-body); font-size:9px; font-weight:800; }
._truyenchua_author_filters_block { display:grid; grid-template-columns:minmax(0,1fr) 180px auto; gap:8px; margin-bottom:13px; padding:11px; border:2px solid var(--truyenchua-line-soft); border-radius:15px; background:var(--truyenchua-surface); }
._truyenchua_author_filters_block label { min-width:0; }
._truyenchua_author_filters_block label span { display:block; margin:0 0 4px; color:var(--truyenchua-muted); font-size:9px; font-weight:900; }
._truyenchua_author_filters_block input, ._truyenchua_author_filters_block select { width:100%; min-height:37px; padding:0 9px; border:1px solid var(--truyenchua-line-soft); border-radius:8px; background:var(--truyenchua-surface); color:var(--truyenchua-ink); font:inherit; font-size:12px; }
._truyenchua_author_filters_block button { align-self:end; min-height:37px; padding:0 14px; border:2px solid var(--truyenchua-line); border-radius:9px; background:var(--truyenchua-mint); color:#111115; font-weight:900; }
._truyenchua_author_featured_block { margin-bottom:14px; padding:13px; border:2px solid var(--truyenchua-honey); border-radius:16px; background:color-mix(in srgb,var(--truyenchua-honey) 18%,var(--truyenchua-surface)); }
._truyenchua_author_featured_block header small { color:var(--truyenchua-coral); font-size:9px; font-weight:950; letter-spacing:.12em; }
._truyenchua_author_featured_block h2 { margin:3px 0 9px; font-family:var(--truyenchua-font-display); font-size:18px; }
._truyenchua_author_featured_block > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
._truyenchua_author_featured_block a { display:grid; grid-template-columns:32px minmax(0,1fr) 16px; align-items:center; gap:8px; padding:8px; border:1px solid var(--truyenchua-line-soft); border-radius:11px; background:var(--truyenchua-surface); color:var(--truyenchua-ink); }
._truyenchua_author_featured_block a > span, ._truyenchua_author_avatar_block { display:grid; width:32px; height:32px; place-items:center; border:1px solid var(--truyenchua-line); border-radius:50%; background:var(--truyenchua-pink); color:#111115; font-family:var(--truyenchua-font-display); font-size:13px; font-weight:950; }
._truyenchua_author_featured_block b { min-width:0; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
._truyenchua_author_featured_block b small { display:block; margin-top:2px; color:var(--truyenchua-muted); font-size:9px; }
._truyenchua_author_featured_block svg { width:15px; height:15px; }
._truyenchua_author_list_block { padding:15px; border:2px solid var(--truyenchua-line-soft); border-radius:18px; background:var(--truyenchua-surface); }
._truyenchua_author_card_grid_block { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
._truyenchua_author_card_grid_block article { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:start; gap:9px; min-width:0; padding:11px; border:1px solid var(--truyenchua-line-soft); border-radius:12px; background:var(--truyenchua-surface); }
._truyenchua_author_avatar_block { width:42px; height:42px; background:var(--truyenchua-honey); }
._truyenchua_author_card_grid_block h2 { margin:0; overflow:hidden; font-family:var(--truyenchua-font-display); font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
._truyenchua_author_card_grid_block h2 a { color:var(--truyenchua-ink); }
._truyenchua_author_card_grid_block p { margin:3px 0; color:var(--truyenchua-muted); font-size:10px; font-weight:700; }
._truyenchua_author_card_grid_block small { display:block; overflow:hidden; color:var(--truyenchua-ink-soft); font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
._truyenchua_author_card_grid_block small a { color:var(--truyenchua-coral); font-weight:800; }
._truyenchua_author_open_block { min-height:27px; padding:0 6px; border:1px solid var(--truyenchua-line-soft); border-radius:7px; color:var(--truyenchua-coral); font-size:9px; font-weight:900; line-height:25px; white-space:nowrap; }
._truyenchua_author_pagination_block { margin-top:16px; }
@media (max-width:720px) { ._truyenchua_authors_hero_block { grid-template-columns:auto minmax(0,1fr); padding:15px; } ._truyenchua_authors_stats_block { grid-column:1/-1; } ._truyenchua_authors_stats_block b { flex:1; } ._truyenchua_author_filters_block { grid-template-columns:1fr 1fr; } ._truyenchua_author_filters_block label:first-child { grid-column:1/-1; } ._truyenchua_author_filters_block button { grid-column:1/-1; width:100%; } ._truyenchua_author_featured_block > div { grid-template-columns:1fr; } ._truyenchua_author_card_grid_block { grid-template-columns:1fr; } }

/* -------------------------------------------------------------------------
 * Honeytoon v3.2.1 — reader focus, settings and loading polish.
 * This is the authoritative final layer inside the single UI stylesheet.
 * ---------------------------------------------------------------------- */

/* Section headings: one contextual Lucide icon; no inherited emoji stripe. */
._truyenchua_section_heading_block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  width: 100%;
  text-align: left;
}
._truyenchua_section_heading_block > span:not(._truyenchua_section_heading_icon_block),
._truyenchua_section_heading_block > a {
  margin-left: auto;
  text-align: right;
}
._truyenchua_section_heading_block h1::before,
._truyenchua_section_heading_block h2::before {
  content: none !important;
  display: none !important;
}
._truyenchua_section_heading_icon_block {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  place-items: center;
  border: 2px solid var(--truyenchua-line);
  border-radius: 10px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_section_heading_icon_block svg {
  width: 17px;
  height: 17px;
}
._truyenchua_section_heading_block h1,
._truyenchua_section_heading_block h2 {
  min-width: 0;
}

/* Completion marker: compact check badge, independent from card geometry. */
._truyenchua_story_cover_block { overflow: hidden; }
._truyenchua_full_ribbon_block {
  position: absolute;
  z-index: 8;
  top: 8px;
  right: 8px;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  padding: 0;
  border: 2px solid var(--truyenchua-line);
  border-radius: 9px;
  background: var(--truyenchua-honey);
  box-shadow: 2px 3px 0 var(--truyenchua-ink);
  color: #111115;
  pointer-events: auto;
}
._truyenchua_full_ribbon_icon_block,
._truyenchua_full_ribbon_icon_block ._truyenchua_toolbar_icon_block {
  display: inline-grid;
  width: 16px;
  height: 16px;
  place-items: center;
}
._truyenchua_full_ribbon_icon_block svg {
  width: 17px;
  height: 17px;
  stroke-width: 3px;
}
html[data-truyenchua-theme="dark"] ._truyenchua_full_ribbon_block {
  border-color: #f9f2dc;
  background: #ffd938;
  box-shadow: 2px 3px 0 #08080b;
}

/* Reader content uses the same outer grid as the chapter navigation.
   Width preferences only tune the novel text measure inside the shared shell. */
._truyenchua_reader_content_shell_block.is-novel,
._truyenchua_reader_content_shell_block.is-comic {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}
._truyenchua_reader_content_shell_block.is-novel ._truyenchua_reader_content_block {
  padding: clamp(26px, 4vw, 58px);
}
._truyenchua_reader_content_shell_block.is-novel ._truyenchua_novel_content_block {
  width: 100%;
  margin-inline: auto;
}
._truyenchua_reader_container_block[data-reader-width="compact"] ._truyenchua_reader_content_shell_block.is-novel ._truyenchua_novel_content_block {
  max-width: 760px;
}
._truyenchua_reader_container_block[data-reader-width="standard"] ._truyenchua_reader_content_shell_block.is-novel ._truyenchua_novel_content_block {
  max-width: 940px;
}
._truyenchua_reader_container_block[data-reader-width="wide"] ._truyenchua_reader_content_shell_block.is-novel ._truyenchua_novel_content_block,
._truyenchua_reader_container_block[data-reader-width="full"] ._truyenchua_reader_content_shell_block.is-novel ._truyenchua_novel_content_block {
  max-width: none;
}
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block {
  padding: clamp(8px, 1.4vw, 16px);
}
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block {
  gap: clamp(4px, .8vw, 9px);
}
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block img {
  width: 100%;
  max-width: 100%;
}
._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw;
  border-right-width: 0;
  border-left-width: 0;
  border-radius: 0;
}
._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block {
  padding: 0;
}

/* The settings panel is offset from the reader rail, then becomes a proper mobile sheet. */
._truyenchua_reader_settings_block {
  z-index: 245;
  right: max(92px, calc(env(safe-area-inset-right, 0px) + 82px));
  bottom: max(16px, env(safe-area-inset-bottom, 0px));
  width: min(430px, calc(100vw - 124px));
  max-height: min(82dvh, 760px);
  padding: 14px;
  border-width: 3px;
  border-radius: 22px;
  box-shadow: 6px 7px 0 var(--truyenchua-ink);
}
._truyenchua_reader_settings_block > header {
  margin: 0 0 12px;
  padding: 0 1px;
}
._truyenchua_reader_settings_block > header h2 {
  font-size: clamp(20px, 2vw, 24px);
}
._truyenchua_reader_setting_basic_block {
  padding: 12px;
  border-width: 2px;
  border-radius: 17px;
  background: color-mix(in srgb, var(--truyenchua-honey) 22%, var(--truyenchua-surface));
}
._truyenchua_reader_settings_heading_block {
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--truyenchua-line-soft);
}
._truyenchua_reader_setting_row_block {
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
  padding: 9px 0;
}
._truyenchua_reader_setting_row_block:first-of-type { padding-top: 11px; }
._truyenchua_reader_option_group_block { gap: 7px; }
._truyenchua_reader_option_group_block button {
  min-height: 34px;
  padding: 0 10px;
  border-radius: 10px;
}
._truyenchua_reader_settings_advanced_block {
  margin-top: 12px;
  overflow: clip;
  border-width: 2px;
  border-radius: 15px;
}
._truyenchua_reader_settings_advanced_block > summary {
  display: flex;
  min-height: 45px;
  align-items: center;
  padding: 0 13px;
}
._truyenchua_reader_settings_reset_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 13px !important;
  padding: 12px !important;
  border: 2px solid color-mix(in srgb, var(--truyenchua-coral) 45%, var(--truyenchua-line-soft)) !important;
  border-radius: 15px;
  background: color-mix(in srgb, var(--truyenchua-coral) 10%, var(--truyenchua-surface));
}
._truyenchua_reader_settings_reset_block > div { min-width: 0; }
._truyenchua_reader_settings_reset_block strong,
._truyenchua_reader_settings_reset_block span { display: block; }
._truyenchua_reader_settings_reset_block strong {
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 950;
}
._truyenchua_reader_settings_reset_block span {
  margin-top: 2px;
  color: var(--truyenchua-muted);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.35;
}
._truyenchua_reader_settings_reset_block button {
  display: inline-flex;
  min-height: 35px;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 10px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  font-size: 11px;
  font-weight: 900;
}
._truyenchua_reader_settings_reset_block button svg { width: 15px; height: 15px; }

/* Reader rail: one quiet housing with enough gutter for every button shadow. */
._truyenchua_toolbar_block.is-reader-toolbar {
  --truyenchua-toolbar-size: 46px;
  --truyenchua-toolbar-gap: 9px;
  right: max(14px, env(safe-area-inset-right, 0px));
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block {
  box-sizing: border-box;
  width: calc(var(--truyenchua-toolbar-size) + 22px);
  max-height: min(470px, calc(100dvh - 34px));
  padding: 9px 10px;
  overflow: visible;
  border: 3px solid var(--truyenchua-toolbar-line);
  border-radius: 22px;
  background: linear-gradient(155deg, var(--truyenchua-surface), var(--truyenchua-surface-muted));
  box-shadow: 6px 7px 0 var(--truyenchua-toolbar-line);
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > * {
  flex-basis: var(--truyenchua-toolbar-size);
  margin: 0;
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block button,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block a {
  border-width: 2px;
  box-shadow: 3px 4px 0 var(--truyenchua-toolbar-line);
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block button:hover,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block a:hover,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block button:focus-visible,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block a:focus-visible {
  transform: translate(-1px, -1px);
  box-shadow: 5px 6px 0 var(--truyenchua-toolbar-line);
}
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block {
  background: linear-gradient(155deg, #24242b, #16161b);
  border-color: #f3eedf;
  box-shadow: 5px 6px 0 rgba(0,0,0,.68);
}
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block button,
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block a {
  box-shadow: 3px 4px 0 #08080b;
}

/* Focus keeps only chapter context and uses the active light/dark reading theme. */
body.truyenchua-reader-focus {
  --truyenchua-focus-canvas: #f6f2e8;
  --truyenchua-focus-surface: #fffdf7;
  --truyenchua-focus-ink: #191816;
  --truyenchua-focus-muted: #6f6a60;
  --truyenchua-focus-line: #26231e;
  background: var(--truyenchua-focus-canvas);
}
html[data-truyenchua-theme="dark"] body.truyenchua-reader-focus {
  --truyenchua-focus-canvas: #151518;
  --truyenchua-focus-surface: #202027;
  --truyenchua-focus-ink: #f1ede4;
  --truyenchua-focus-muted: #b9b7c2;
  --truyenchua-focus-line: #4a4a55;
}
body.truyenchua-reader-focus ._truyenchua_reader_auxiliary_block,
body.truyenchua-reader-focus ._truyenchua_reader_quick_tools_block,
body.truyenchua-reader-focus ._truyenchua_reader_tip_block {
  display: none !important;
}
body.truyenchua-reader-focus ._truyenchua_reader_page_block {
  width: min(100% - 28px, var(--truyenchua-site-width));
  color: var(--truyenchua-focus-ink);
}
body.truyenchua-reader-focus ._truyenchua_focus_bar_block {
  border-color: var(--truyenchua-focus-line);
  background: var(--truyenchua-focus-surface);
  box-shadow: 3px 4px 0 color-mix(in srgb, var(--truyenchua-focus-line) 55%, transparent);
}
body.truyenchua-reader-focus ._truyenchua_focus_title_block a { color: var(--truyenchua-focus-ink); }
body.truyenchua-reader-focus ._truyenchua_focus_title_block small { color: var(--truyenchua-focus-muted); }
body.truyenchua-reader-focus ._truyenchua_focus_actions_block > button.is-focus-exit { background: var(--truyenchua-coral); }
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block > header { display: none; }
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-novel ._truyenchua_reader_content_block {
  padding: clamp(25px, 5vw, 64px) clamp(20px, 6vw, 78px);
  border-radius: 20px;
  background: var(--truyenchua-focus-surface);
  color: var(--truyenchua-focus-ink);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--truyenchua-focus-line) 14%, transparent);
}
body.truyenchua-reader-focus ._truyenchua_novel_content_block {
  color: var(--truyenchua-focus-ink);
  font-size: clamp(18px, 1.33vw, 21px);
  line-height: 1.88;
}
body.truyenchua-reader-focus ._truyenchua_novel_content_block p { margin-bottom: 1.55em; }
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block {
  padding: 0;
  background: var(--truyenchua-focus-canvas);
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block { gap: 5px; }

/* All author pagination shares a single resilient Honeytoon control. */
._truyenchua_author_pagination_block ul.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
._truyenchua_author_pagination_block .page-numbers > li,
._truyenchua_author_pagination_block .page-numbers > span,
._truyenchua_author_pagination_block .page-numbers > a {
  display: grid;
  min-width: 34px;
  height: 34px;
  place-items: center;
  padding: 0 7px;
  border: 2px solid var(--truyenchua-line-soft);
  border-radius: 9px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}
._truyenchua_author_pagination_block .page-numbers > li { border: 0; padding: 0; background: transparent; }
._truyenchua_author_pagination_block .page-numbers .current {
  border-color: var(--truyenchua-line);
  background: var(--truyenchua-honey);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_author_pagination_block .page-numbers a:hover,
._truyenchua_author_pagination_block .page-numbers a:focus-visible {
  border-color: var(--truyenchua-line);
  background: var(--truyenchua-cyan);
  outline: 0;
}

/* Human-friendly chapter index and lazy chapter loaders. */
._truyenchua_tf_json_status_block,
._truyenchua_truyenfull_loading_block {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  padding: 14px;
  border: 3px dashed var(--truyenchua-line);
  border-radius: 19px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--truyenchua-honey) 28%, var(--truyenchua-surface)), var(--truyenchua-surface));
  box-shadow: 3px 4px 0 color-mix(in srgb, var(--truyenchua-ink) 36%, transparent);
}
._truyenchua_tf_json_status_icon_block,
._truyenchua_truyenfull_loading_mark_block {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 2px solid var(--truyenchua-line);
  border-radius: 14px;
  background: var(--truyenchua-violet);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_tf_json_status_icon_block svg,
._truyenchua_truyenfull_loading_mark_block svg { width: 22px; height: 22px; }
._truyenchua_tf_json_status_copy_block,
._truyenchua_truyenfull_loading_block > div { min-width: 0; }
._truyenchua_tf_json_status_copy_block > strong,
._truyenchua_truyenfull_loading_block > div > strong {
  display: block;
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 15px;
  font-weight: 950;
}
._truyenchua_tf_json_status_copy_block > span,
._truyenchua_truyenfull_loading_block > div > span {
  display: block;
  margin-top: 4px;
  color: var(--truyenchua-ink-soft);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}
._truyenchua_tf_json_progress_track_block,
._truyenchua_truyenfull_loading_track_block {
  display: block;
  height: 10px;
  margin-top: 10px;
  overflow: hidden;
  border: 2px solid var(--truyenchua-line);
  border-radius: 999px;
  background: var(--truyenchua-surface);
}
._truyenchua_tf_json_progress_track_block i,
._truyenchua_truyenfull_loading_track_block b {
  display: block;
  min-width: 12%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--truyenchua-honey), #ffc500);
}
._truyenchua_tf_json_progress_track_block.is-indeterminate i,
._truyenchua_truyenfull_loading_track_block b {
  width: 34%;
  animation: truyenchua-progress-indeterminate 1.25s ease-in-out infinite;
}
._truyenchua_tf_json_progress_meta_block {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  margin-top: 8px;
  color: var(--truyenchua-muted);
  font-size: 10px;
  font-weight: 800;
}
._truyenchua_tf_json_error_block {
  display: block;
  margin-top: 8px;
  color: #9d2f2f;
  font-size: 11px;
  font-weight: 800;
}
._truyenchua_tf_json_status_actions_block {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
._truyenchua_tf_json_status_actions_block button,
._truyenchua_truyenfull_loading_block > button {
  min-height: 36px;
  padding: 0 11px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 10px;
  background: var(--truyenchua-honey);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}
._truyenchua_tf_json_status_actions_block button.is-secondary { background: var(--truyenchua-surface); }

@media (max-width: 720px) {
  ._truyenchua_section_heading_icon_block { width: 29px; height: 29px; flex-basis: 29px; }
  ._truyenchua_section_heading_icon_block svg { width: 16px; height: 16px; }
  ._truyenchua_full_ribbon_block { top: 6px; right: 6px; width: 26px; height: 26px; }
  ._truyenchua_full_ribbon_icon_block svg { width: 16px; height: 16px; }
  ._truyenchua_reader_content_shell_block.is-comic { margin-inline: 0; }
  ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic {
    width: calc(100% + 14px);
    margin-left: -7px;
    margin-right: -7px;
    border-radius: 0;
  }
  ._truyenchua_reader_settings_block {
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    max-height: min(82dvh, 760px);
    padding: 15px 14px calc(14px + env(safe-area-inset-bottom, 0px));
    transform: translateY(calc(100% + 18px));
    border-width: 3px 3px 0;
    border-radius: 24px 24px 0 0;
    box-shadow: 0 -6px 0 rgba(0,0,0,.22);
  }
  ._truyenchua_reader_settings_block.is-open { transform: translateY(0); }
  ._truyenchua_reader_setting_row_block { grid-template-columns: 1fr; gap: 6px; }
  ._truyenchua_reader_setting_row_block ._truyenchua_reader_option_group_block { width: 100%; }
  ._truyenchua_reader_setting_row_block ._truyenchua_reader_option_group_block button { flex: 1 1 auto; }
  ._truyenchua_reader_settings_reset_block { align-items: flex-start; flex-direction: column; }
  ._truyenchua_reader_settings_reset_block button { width: 100%; justify-content: center; }
  ._truyenchua_toolbar_block.is-reader-toolbar { --truyenchua-toolbar-size: 43px; --truyenchua-toolbar-gap: 8px; right: max(6px, env(safe-area-inset-right, 0px)); }
  ._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block { width: calc(var(--truyenchua-toolbar-size) + 18px); padding: 8px; border-radius: 19px; }
  body.truyenchua-reader-focus ._truyenchua_reader_page_block { width: min(100% - 12px, 760px); }
  body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-novel ._truyenchua_reader_content_block { padding: 23px 18px 30px; border-radius: 14px; }
  body.truyenchua-reader-focus ._truyenchua_novel_content_block { font-size: 18px; line-height: 1.82; }
  ._truyenchua_author_pagination_block { overflow-x: auto; padding: 3px 2px 8px; }
  ._truyenchua_author_pagination_block ul.page-numbers { width: max-content; min-width: 100%; justify-content: flex-start; }
  ._truyenchua_tf_json_status_block,
  ._truyenchua_truyenfull_loading_block { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 12px; }
  ._truyenchua_tf_json_status_actions_block,
  ._truyenchua_truyenfull_loading_block > button { grid-column: 1 / -1; width: 100%; }
  ._truyenchua_tf_json_status_actions_block { flex-direction: row; }
  ._truyenchua_tf_json_status_actions_block button { flex: 1 1 0; min-width: 0; white-space: normal; }
}


/* The Focus exit action exists in the DOM for keyboard support but only appears in Focus. */
._truyenchua_focus_actions_block .is-focus-exit { display: none; }
body.truyenchua-reader-focus ._truyenchua_focus_actions_block .is-focus-exit { display: grid; }


/* --------------------------------------------------------------------------
 * v3.2.2 — Reader panel stability, toolbar availability and official ad slots
 * Canonical final rules in the single Honeytoon stylesheet.
 * -------------------------------------------------------------------------- */
._truyenchua_toolbar_block.is-reader-toolbar { z-index:235; visibility:visible!important; opacity:1!important; }
._truyenchua_toolbar_block.is-reader-toolbar.is-minimized ._truyenchua_toolbar_primary_panel_block,._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;max-height:min(520px,calc(100dvh - 28px))!important}
._truyenchua_toolbar_block.is-reader-toolbar.is-minimized ._truyenchua_toolbar_base_panel_block{display:none!important}
body.truyenchua-reader-panel-open ._truyenchua_toolbar_block.is-reader-toolbar{opacity:.24!important;pointer-events:none!important}
._truyenchua_reader_settings_block,._truyenchua_chapter_drawer_block,._truyenchua_history_panel_block{visibility:hidden;opacity:0;pointer-events:none;transition:transform .22s ease,opacity .18s ease,visibility 0s linear .22s}
._truyenchua_reader_settings_block{z-index:270;right:max(94px,calc(env(safe-area-inset-right,0px) + 86px));transform:translate3d(calc(100% + 144px),0,0)}
._truyenchua_chapter_drawer_block,._truyenchua_history_panel_block{z-index:270;transform:translate3d(calc(100% + 64px),0,0)}
._truyenchua_reader_settings_block.is-open,._truyenchua_chapter_drawer_block.is-open,._truyenchua_history_panel_block.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translate3d(0,0,0);transition-delay:0s}
._truyenchua_reader_overlay_block{z-index:255}._truyenchua_report_modal_block{z-index:285}
._truyenchua_reader_settings_block{overflow-y:auto;overscroll-behavior:contain}._truyenchua_reader_setting_basic_block{padding:14px}._truyenchua_reader_setting_row_block{grid-template-columns:minmax(92px,108px) minmax(0,1fr);align-items:center;min-width:0}._truyenchua_reader_setting_row_block>b,._truyenchua_reader_option_group_block{min-width:0}._truyenchua_reader_option_group_block{display:flex;flex-wrap:wrap;align-items:center}._truyenchua_reader_option_group_block button{min-width:0;white-space:nowrap}._truyenchua_reader_setting_row_block:nth-child(5) ._truyenchua_reader_option_group_block button{flex:1 1 152px}._truyenchua_reader_setting_row_block:nth-child(6) ._truyenchua_reader_option_group_block button{flex:1 1 118px}
/* Reader auxiliary: one intentional interaction hub, never display:contents. */
._truyenchua_reader_auxiliary_block {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 16px;
  padding: 11px;
  border: 3px solid var(--truyenchua-line);
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--truyenchua-honey) 17%, var(--truyenchua-surface)), var(--truyenchua-surface));
  box-shadow: var(--truyenchua-shadow-soft);
}
._truyenchua_reader_auxiliary_heading_block {
  display: flex;
  grid-column: 1 / -1;
  min-width: 0;
  align-items: center;
  gap: 9px;
  padding: 0 2px 7px;
  border-bottom: 1px dashed var(--truyenchua-line-soft);
}
._truyenchua_reader_auxiliary_heading_icon_block {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  border: 2px solid var(--truyenchua-line);
  border-radius: 10px;
  background: var(--truyenchua-violet);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_reader_auxiliary_heading_icon_block svg { width: 16px; height: 16px; }
._truyenchua_reader_auxiliary_heading_copy_block { display: grid; min-width: 0; gap: 1px; }
._truyenchua_reader_auxiliary_heading_copy_block strong {
  color: var(--truyenchua-ink);
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 950;
  line-height: 1.12;
}
._truyenchua_reader_auxiliary_heading_copy_block small { color: var(--truyenchua-muted); font-size: 10px; font-weight: 700; }
._truyenchua_reader_auxiliary_toggles_block {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
._truyenchua_reader_auxiliary_toggle_block {
  display: flex;
  min-width: 0;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 11px;
  border: 2px solid var(--truyenchua-line);
  border-radius: 14px;
  background: var(--truyenchua-surface);
  color: var(--truyenchua-ink);
  box-shadow: 2px 3px 0 var(--truyenchua-ink);
  text-align: left;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
._truyenchua_reader_auxiliary_toggle_block:hover,
._truyenchua_reader_auxiliary_toggle_block:focus-visible,
._truyenchua_reader_auxiliary_toggle_block.is-active {
  transform: translate(-1px, -1px);
  box-shadow: 4px 5px 0 var(--truyenchua-ink);
  outline: none;
}
._truyenchua_reader_auxiliary_toggle_block[data-reader-quick-toggle].is-active { background: color-mix(in srgb, var(--truyenchua-honey) 46%, var(--truyenchua-surface)); }
._truyenchua_reader_auxiliary_toggle_block[data-reader-tip-toggle].is-active { background: color-mix(in srgb, var(--truyenchua-pink) 46%, var(--truyenchua-surface)); }
._truyenchua_reader_auxiliary_toggle_copy_block { display: grid; min-width: 0; gap: 3px; }
._truyenchua_reader_auxiliary_toggle_copy_block > span { display: inline-flex; min-width: 0; align-items: center; gap: 7px; }
._truyenchua_reader_auxiliary_toggle_copy_block ._truyenchua_toolbar_icon_block { display: inline-grid; flex: 0 0 auto; }
._truyenchua_reader_auxiliary_toggle_copy_block svg { width: 17px; height: 17px; }
._truyenchua_reader_auxiliary_toggle_copy_block b { overflow: hidden; color: var(--truyenchua-ink); font-family: var(--truyenchua-font-display); font-size: 12px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
._truyenchua_reader_auxiliary_toggle_copy_block small { overflow: hidden; color: var(--truyenchua-muted); font-size: 10px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
._truyenchua_reader_auxiliary_toggle_chevron_block { display: inline-grid; flex: 0 0 auto; place-items: center; transition: transform .18s ease; }
._truyenchua_reader_auxiliary_toggle_block.is-active ._truyenchua_reader_auxiliary_toggle_chevron_block { transform: rotate(180deg); }
._truyenchua_reader_auxiliary_block > ._truyenchua_reader_quick_tools_block,
._truyenchua_reader_auxiliary_block > ._truyenchua_reader_tip_block {
  grid-column: 1 / -1;
  margin: 0;
  overflow: hidden;
  border: 2px solid var(--truyenchua-line);
  border-radius: 14px;
  background: var(--truyenchua-surface);
  box-shadow: none;
}
._truyenchua_reader_auxiliary_block > ._truyenchua_reader_quick_tools_block.is-collapsed,
._truyenchua_reader_auxiliary_block > ._truyenchua_reader_tip_block.is-collapsed { display: none; }
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 11px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}
._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 11px;
}
._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block > div { min-width: 0; min-height: 64px; }
._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block kbd { white-space: nowrap; }
@media (max-width: 760px) {
  ._truyenchua_reader_auxiliary_block { grid-template-columns: 1fr; gap: 9px; padding: 9px; border-radius: 16px; }
  ._truyenchua_reader_auxiliary_toggles_block { grid-template-columns: 1fr; gap: 8px; }
  ._truyenchua_reader_auxiliary_toggle_block { min-height: 55px; }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; padding: 9px; }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block > div { min-height: 60px; padding: 7px; }
}

._truyenchua_truyenfull_loading_block{grid-template-columns:48px minmax(0,1fr) auto;align-items:center}._truyenchua_truyenfull_loading_copy_block{min-width:0}._truyenchua_truyenfull_loading_status_block{display:inline-flex!important;width:max-content;max-width:100%;margin:0 0 5px!important;padding:3px 7px;border:1px solid var(--truyenchua-line-soft);border-radius:999px;background:color-mix(in srgb,var(--truyenchua-violet) 38%,var(--truyenchua-surface));color:var(--truyenchua-ink)!important;font-size:10px!important;font-weight:900!important;line-height:1.1!important}._truyenchua_truyenfull_loading_copy_block [data-tf-loading-message]{overflow-wrap:anywhere}._truyenchua_truyenfull_loading_block.is-error ._truyenchua_truyenfull_loading_status_block{background:color-mix(in srgb,var(--truyenchua-coral) 30%,var(--truyenchua-surface))}._truyenchua_truyenfull_loading_block ._truyenchua_reader_retry_button_block{align-self:center}
._truyenchua_ad_slot_block{position:relative;margin:16px 0}._truyenchua_sidebar_block>._truyenchua_ad_slot_block{margin:20px 0}._truyenchua_ad_slot_sidebar-300x250_block ._truyenchua_ad_slot_content_block{min-height:250px}._truyenchua_ad_slot_placeholder_block em{display:block;margin-top:5px;color:var(--truyenchua-muted);font-size:11px;font-style:normal}
@media(max-width:760px){._truyenchua_reader_settings_block{right:0;bottom:0;width:100%;max-width:none;max-height:min(84dvh,760px);transform:translate3d(0,calc(100% + 28px),0);border-width:3px 3px 0}._truyenchua_reader_settings_block.is-open{transform:translate3d(0,0,0)}._truyenchua_chapter_drawer_block,._truyenchua_history_panel_block{transform:translate3d(calc(100% + 44px),0,0)}._truyenchua_chapter_drawer_block.is-open,._truyenchua_history_panel_block.is-open{transform:translate3d(0,0,0)}._truyenchua_reader_setting_basic_block{padding:13px 12px}._truyenchua_reader_setting_row_block{grid-template-columns:1fr;gap:7px;padding:10px 0}._truyenchua_reader_option_group_block{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}._truyenchua_reader_option_group_block button{width:100%;min-height:38px;padding:0 8px}._truyenchua_reader_setting_row_block:nth-child(5) ._truyenchua_reader_option_group_block,._truyenchua_reader_setting_row_block:nth-child(6) ._truyenchua_reader_option_group_block{grid-template-columns:repeat(2,minmax(0,1fr))}._truyenchua_reader_setting_row_block:nth-child(5) ._truyenchua_reader_option_group_block button,._truyenchua_reader_setting_row_block:nth-child(6) ._truyenchua_reader_option_group_block button{min-width:0}._truyenchua_truyenfull_loading_block{grid-template-columns:44px minmax(0,1fr);align-items:start}._truyenchua_truyenfull_loading_block ._truyenchua_reader_retry_button_block{grid-column:1/-1;width:100%}}

/* -------------------------------------------------------------------------
 * Honeytoon v3.2.6 — category polish, toolbar dock, reader frame and fonts.
 * Canonical final layer: this section supersedes prior reader/toolbar rules.
 * ---------------------------------------------------------------------- */
:root {
  --truyenchua-reader-frame-width: 1280px;
  --truyenchua-toolbar-rail-bg: linear-gradient(155deg, color-mix(in srgb, var(--truyenchua-surface) 92%, #fff), color-mix(in srgb, var(--truyenchua-surface-muted) 88%, var(--truyenchua-honey)));
  --truyenchua-toolbar-rail-border: color-mix(in srgb, var(--truyenchua-toolbar-line) 88%, var(--truyenchua-honey));
}
html[data-truyenchua-reader-width="compact"] { --truyenchua-reader-frame-width: 860px; }
html[data-truyenchua-reader-width="standard"] { --truyenchua-reader-frame-width: 1040px; }
html[data-truyenchua-reader-width="wide"] { --truyenchua-reader-frame-width: 1280px; }

/* Reader frame: every reading block follows the same Gọn / Chuẩn / Rộng value. */
._truyenchua_reader_breadcrumb_wrap_block ._truyenchua_reader_breadcrumb_block,
._truyenchua_breadcrumb_wrap_block ._truyenchua_reader_breadcrumb_block.ht-breadcrumb-container,
._truyenchua_reader_container_block,
._truyenchua_reader_container_block[data-reader-width="compact"],
._truyenchua_reader_container_block[data-reader-width="standard"],
._truyenchua_reader_container_block[data-reader-width="wide"],
._truyenchua_reader_container_block[data-reader-width="full"] {
  width: min(var(--truyenchua-reader-frame-width), calc(100% - 36px));
  max-width: none;
  margin-inline: auto;
}
._truyenchua_reader_breadcrumb_block ol { justify-content: flex-start; text-align: left; }
._truyenchua_reader_breadcrumb_block li:first-child { margin-left: 0; }
._truyenchua_reader_content_shell_block.is-novel,
._truyenchua_reader_content_shell_block.is-comic { width: 100%; max-width: none; margin-inline: 0; }
._truyenchua_reader_content_shell_block.is-novel ._truyenchua_reader_content_block { padding: clamp(26px, 4vw, 58px); }
._truyenchua_reader_content_shell_block.is-novel ._truyenchua_novel_content_block { width: 100%; max-width: none; margin-inline: auto; }
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block { padding: clamp(8px, 1.4vw, 16px); }
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block { gap: clamp(4px, .8vw, 9px); }
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block img { width: 100%; max-width: 100%; }
._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic {
  position: relative; left: 50%; width: 100vw; max-width: 100vw; margin-right: -50vw; margin-left: -50vw;
  border-right-width: 0; border-left-width: 0; border-radius: 0;
}
._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block { padding: 0; }

/* Only chapter prose inherits a reading font. Quicksand is the default. */
._truyenchua_reader_container_block[data-reader-font="quicksand"] ._truyenchua_novel_content_block { font-family: "Quicksand", var(--truyenchua-font-body), sans-serif; }
._truyenchua_reader_container_block[data-reader-font="inter"] ._truyenchua_novel_content_block { font-family: "Inter", var(--truyenchua-font-body), sans-serif; }
._truyenchua_reader_container_block[data-reader-font="nunito"] ._truyenchua_novel_content_block { font-family: "Nunito Sans", var(--truyenchua-font-body), sans-serif; }
._truyenchua_reader_container_block[data-reader-font="vietnam"] ._truyenchua_novel_content_block { font-family: "Be Vietnam Pro", var(--truyenchua-font-body), sans-serif; }
._truyenchua_reader_container_block[data-reader-font="merriweather"] ._truyenchua_novel_content_block { font-family: "Merriweather", Georgia, serif; letter-spacing: .002em; }
._truyenchua_reader_container_block[data-reader-font="system"] ._truyenchua_novel_content_block { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

/* Reading settings: same geometry as Advanced and Reset, including Font choices. */
._truyenchua_reader_setting_basic_block,
._truyenchua_reader_settings_advanced_block,
._truyenchua_reader_settings_reset_block {
  box-sizing: border-box; width: 100%; border: 2px solid var(--truyenchua-line); border-radius: 16px;
}
._truyenchua_reader_setting_basic_block { display: grid; gap: 0; padding: 0; overflow: hidden; background: color-mix(in srgb, var(--truyenchua-honey) 14%, var(--truyenchua-surface)); }
._truyenchua_reader_setting_basic_block ._truyenchua_reader_settings_heading_block { margin: 0; padding: 13px 14px 11px; border-bottom: 1px dashed var(--truyenchua-line-soft); }
._truyenchua_reader_setting_basic_block ._truyenchua_reader_setting_row_block { display: grid; grid-template-columns: 102px minmax(0, 1fr); gap: 11px; min-width: 0; margin: 0 14px; padding: 10px 0; border-top: 1px dashed var(--truyenchua-line-soft); }
._truyenchua_reader_setting_basic_block ._truyenchua_reader_settings_heading_block + ._truyenchua_reader_setting_row_block { border-top: 0; }
._truyenchua_reader_setting_basic_block ._truyenchua_reader_setting_row_block:last-child { padding-bottom: 13px; }
._truyenchua_reader_setting_basic_block ._truyenchua_reader_setting_row_block > b { align-self: center; color: var(--truyenchua-ink); font-size: 11px; font-weight: 950; }
._truyenchua_reader_setting_basic_block ._truyenchua_reader_option_group_block { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 7px; }
._truyenchua_reader_setting_basic_block ._truyenchua_reader_option_group_block button { min-width: 0; min-height: 35px; padding-inline: 10px; white-space: nowrap; }
._truyenchua_reader_setting_basic_block .is-reader-font-choice ._truyenchua_reader_option_group_block button { flex: 1 1 126px; }
._truyenchua_reader_setting_basic_block .is-reader-font-choice [data-reader-font-option="quicksand"] { font-family: "Quicksand", sans-serif; }
._truyenchua_reader_setting_basic_block .is-reader-font-choice [data-reader-font-option="inter"] { font-family: "Inter", sans-serif; }
._truyenchua_reader_setting_basic_block .is-reader-font-choice [data-reader-font-option="nunito"] { font-family: "Nunito Sans", sans-serif; }
._truyenchua_reader_setting_basic_block .is-reader-font-choice [data-reader-font-option="vietnam"] { font-family: "Be Vietnam Pro", sans-serif; }
._truyenchua_reader_setting_basic_block .is-reader-font-choice [data-reader-font-option="merriweather"] { font-family: "Merriweather", Georgia, serif; }
._truyenchua_reader_setting_basic_block .is-reader-font-choice [data-reader-font-option="system"] { font-family: system-ui, sans-serif; }
._truyenchua_reader_settings_advanced_block { overflow: hidden; }
._truyenchua_reader_settings_reset_block { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 14px; background: color-mix(in srgb, var(--truyenchua-coral) 14%, var(--truyenchua-surface)); }

/* Homepage / chapter quick controls retain toolbar semantic colors. */
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block .is-reader-scroll { background: var(--truyenchua-cyan); }
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block .is-reader-scroll.is-up { background: var(--truyenchua-blue); }
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block .is-reader-chapter { background: var(--truyenchua-mint); }
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block .is-reader-list { background: var(--truyenchua-violet); }
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block .is-reader-settings,
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block .is-reader-focus { background: var(--truyenchua-honey); }
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block .is-reader-reset { background: var(--truyenchua-surface); }
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block .is-report { background: var(--truyenchua-coral); }
._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding: 8px; }
._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block > div { min-height: 48px; gap: 6px; padding: 6px 7px; }
._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block kbd { min-width: 22px; min-height: 21px; padding-inline: 4px; border-radius: 6px; font-size: 9px; }
._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block b { font-size: 10px; line-height: 1.18; }

/* Category page: compact stats, alphabet navigation, and reliable tone classes. */
._truyenchua_category_stats_block { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
._truyenchua_category_stat_item_block { display: grid; gap: 2px; min-width: 0; padding: 11px 12px; border: 2px solid var(--truyenchua-line); border-radius: 14px; background: color-mix(in srgb, var(--truyenchua-surface) 88%, var(--truyenchua-honey)); box-shadow: 2px 3px 0 color-mix(in srgb, var(--truyenchua-line) 76%, transparent); }
._truyenchua_category_stat_item_block:nth-child(2) { background: color-mix(in srgb, var(--truyenchua-surface) 84%, var(--truyenchua-cyan)); }
._truyenchua_category_stat_item_block:nth-child(3) { background: color-mix(in srgb, var(--truyenchua-surface) 84%, var(--truyenchua-mint)); }
._truyenchua_category_stat_item_block:nth-child(4) { background: color-mix(in srgb, var(--truyenchua-surface) 84%, var(--truyenchua-pink)); }
._truyenchua_category_stat_item_block b { overflow: hidden; color: var(--truyenchua-ink); font-family: var(--truyenchua-font-display); font-size: clamp(18px, 2.1vw, 26px); font-weight: 900; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
._truyenchua_category_stat_item_block small { color: var(--truyenchua-muted); font-size: 10px; font-weight: 850; text-transform: uppercase; }
._truyenchua_category_alpha_block { display: flex; gap: 7px; align-items: center; padding: 10px 0 14px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
._truyenchua_category_alpha_block a { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border: 2px solid var(--truyenchua-line); border-radius: 10px; background: var(--truyenchua-surface-muted); color: var(--truyenchua-ink); box-shadow: 2px 2px 0 color-mix(in srgb, var(--truyenchua-line) 78%, transparent); font-family: var(--truyenchua-font-display); font-size: 12px; font-weight: 900; }
._truyenchua_category_alpha_block a:hover, ._truyenchua_category_alpha_block a:focus-visible { background: var(--truyenchua-honey); transform: translate(-1px, -1px); box-shadow: 3px 3px 0 var(--truyenchua-line); outline: none; }
._truyenchua_category_featured_block ._truyenchua_category_featured_link_block.is-tone-honey { background: color-mix(in srgb, var(--truyenchua-surface) 42%, var(--truyenchua-honey)); }
._truyenchua_category_featured_block ._truyenchua_category_featured_link_block.is-tone-cyan { background: color-mix(in srgb, var(--truyenchua-surface) 46%, var(--truyenchua-cyan)); }
._truyenchua_category_featured_block ._truyenchua_category_featured_link_block.is-tone-mint { background: color-mix(in srgb, var(--truyenchua-surface) 46%, var(--truyenchua-mint)); }
._truyenchua_category_featured_block ._truyenchua_category_featured_link_block.is-tone-pink { background: color-mix(in srgb, var(--truyenchua-surface) 45%, var(--truyenchua-pink)); }
._truyenchua_category_featured_block ._truyenchua_category_featured_link_block.is-tone-violet { background: color-mix(in srgb, var(--truyenchua-surface) 47%, var(--truyenchua-violet)); }
._truyenchua_category_featured_block ._truyenchua_category_featured_link_block.is-tone-coral { background: color-mix(in srgb, var(--truyenchua-surface) 46%, var(--truyenchua-coral)); }
._truyenchua_category_featured_block ._truyenchua_category_featured_link_block:hover { color: var(--truyenchua-ink); filter: saturate(1.1); }

/* Toolbar: a two-level professional rail. The dock is always the last control. */
._truyenchua_toolbar_block { z-index: 235; display: flex; right: max(12px, env(safe-area-inset-right, 0px)); bottom: max(15px, env(safe-area-inset-bottom, 0px)); flex-direction: column; align-items: flex-end; gap: 9px; pointer-events: none; }
._truyenchua_toolbar_primary_panel_block,
._truyenchua_toolbar_base_panel_block { box-sizing: border-box; display: flex; width: calc(var(--truyenchua-toolbar-size) + 18px); flex-direction: column; align-items: center; gap: 8px; padding: 8px; border: 2px solid var(--truyenchua-toolbar-rail-border); border-radius: 20px; background: var(--truyenchua-toolbar-rail-bg); box-shadow: 0 12px 26px rgba(17, 17, 21, .16), 3px 4px 0 color-mix(in srgb, var(--truyenchua-toolbar-line) 88%, transparent), inset 0 1px 0 rgba(255,255,255,.65); pointer-events: auto; }
._truyenchua_toolbar_primary_panel_block { order: 1; max-height: 0; padding-block: 0; overflow: hidden; border-width: 0; opacity: 0; pointer-events: none; transform: translateX(14px); transition: max-height .22s ease, padding .18s ease, opacity .18s ease, transform .18s ease, border-width .18s ease; }
._truyenchua_toolbar_base_panel_block { order: 2; }
._truyenchua_toolbar_block.is-open ._truyenchua_toolbar_primary_panel_block { max-height: min(520px, calc(100dvh - 64px)); padding: 8px; overflow: visible; border-width: 2px; opacity: 1; pointer-events: auto; transform: none; }
._truyenchua_toolbar_base_panel_block button,
._truyenchua_toolbar_primary_panel_block button,
._truyenchua_toolbar_primary_panel_block a { position: relative; display: grid; width: var(--truyenchua-toolbar-size); height: var(--truyenchua-toolbar-size); flex: 0 0 var(--truyenchua-toolbar-size); place-items: center; padding: 0; border: 2px solid var(--truyenchua-toolbar-line); border-radius: 14px; color: var(--truyenchua-toolbar-ink); box-shadow: 2px 3px 0 color-mix(in srgb, var(--truyenchua-toolbar-line) 88%, transparent); }
._truyenchua_toolbar_base_panel_block button:hover,
._truyenchua_toolbar_primary_panel_block button:hover,
._truyenchua_toolbar_primary_panel_block a:hover,
._truyenchua_toolbar_base_panel_block button:focus-visible,
._truyenchua_toolbar_primary_panel_block button:focus-visible,
._truyenchua_toolbar_primary_panel_block a:focus-visible { transform: translate(-1px, -1px); box-shadow: 4px 5px 0 var(--truyenchua-toolbar-line); outline: none; }
._truyenchua_toolbar_block svg { width: 19px; height: 19px; }
._truyenchua_toolbar_base_panel_block ._truyenchua_toolbar_toggle_block { background: var(--truyenchua-honey); }
._truyenchua_toolbar_base_panel_block .is-history { background: var(--truyenchua-cyan); }
._truyenchua_toolbar_base_panel_block .is-theme { background: var(--truyenchua-pink); }
._truyenchua_toolbar_base_panel_block .is-page-top { background: var(--truyenchua-blue); color: #111115; }
._truyenchua_toolbar_base_panel_block .is-page-bottom { background: var(--truyenchua-mint); }
._truyenchua_toolbar_primary_panel_block .is-reader-scroll { background: var(--truyenchua-cyan); }
._truyenchua_toolbar_primary_panel_block .is-reader-scroll.is-up { background: var(--truyenchua-blue); }
._truyenchua_toolbar_primary_panel_block .is-reader-chapter { background: var(--truyenchua-mint); }
._truyenchua_toolbar_primary_panel_block .is-reader-settings { background: var(--truyenchua-violet); }
._truyenchua_toolbar_primary_panel_block .is-reader-focus-entry { order: -1; width: var(--truyenchua-toolbar-size); height: calc(var(--truyenchua-toolbar-size) * .56); flex-basis: calc(var(--truyenchua-toolbar-size) * .56); border-radius: 12px; background: var(--truyenchua-coral); color: #fff; box-shadow: 2px 3px 0 var(--truyenchua-toolbar-line); }
._truyenchua_toolbar_primary_panel_block .is-reader-focus-entry svg { width: 17px; height: 17px; }
._truyenchua_toolbar_dock_toggle_block { position: relative; z-index: 1; order: 3; display: grid; width: 32px; height: 40px; flex: 0 0 40px; place-items: center; padding: 0; border: 2px solid var(--truyenchua-toolbar-line); border-radius: 13px 0 0 13px; background: linear-gradient(145deg, var(--truyenchua-surface), var(--truyenchua-surface-muted)); color: var(--truyenchua-toolbar-ink); box-shadow: 2px 3px 0 color-mix(in srgb, var(--truyenchua-toolbar-line) 88%, transparent); pointer-events: auto; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
._truyenchua_toolbar_dock_toggle_block:hover, ._truyenchua_toolbar_dock_toggle_block:focus-visible { transform: translateX(-1px); background: var(--truyenchua-surface); box-shadow: 3px 4px 0 var(--truyenchua-toolbar-line); outline: none; }
._truyenchua_toolbar_dock_toggle_block svg { width: 18px; height: 18px; }
._truyenchua_toolbar_dock_toggle_block .is-toolbar-collapsed-icon { display: none; }
._truyenchua_toolbar_block.is-minimized { right: max(1px, env(safe-area-inset-right, 0px)); }
._truyenchua_toolbar_block.is-minimized ._truyenchua_toolbar_primary_panel_block,
._truyenchua_toolbar_block.is-minimized ._truyenchua_toolbar_base_panel_block { display: none !important; }
._truyenchua_toolbar_block.is-minimized ._truyenchua_toolbar_dock_toggle_block .is-toolbar-expanded-icon { display: none; }
._truyenchua_toolbar_block.is-minimized ._truyenchua_toolbar_dock_toggle_block .is-toolbar-collapsed-icon { display: inline-flex; }
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_base_panel_block { display: none !important; }
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block { display: flex !important; width: calc(var(--truyenchua-toolbar-size) + 18px); max-height: min(520px, calc(100dvh - 80px)); padding: 8px; overflow: visible; border-width: 2px; opacity: 1; pointer-events: auto; transform: none; }
._truyenchua_toolbar_block.is-reader-toolbar.is-minimized ._truyenchua_toolbar_primary_panel_block { display: none !important; }
html[data-truyenchua-theme="dark"] { --truyenchua-toolbar-rail-bg: linear-gradient(155deg, #262630, #17171d); --truyenchua-toolbar-rail-border: color-mix(in srgb, #f8f6ef 64%, var(--truyenchua-honey)); }
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_primary_panel_block,
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_base_panel_block { box-shadow: 0 14px 28px rgba(0,0,0,.42), 3px 4px 0 #0b0b0f, inset 0 1px 0 rgba(255,255,255,.09); }

/* Footer provider code remains inside the same site-width column as the footer. */
._truyenchua_footer_ad_wrap_block { width: min(var(--truyenchua-site-width), calc(100% - 36px)); margin: 20px auto 0; }
._truyenchua_footer_ad_wrap_block ._truyenchua_ad_slot_block { margin: 0; }
._truyenchua_footer_ad_wrap_block ._truyenchua_ad_slot_content_block { width: 100%; max-width: 100%; }
._truyenchua_footer_ad_wrap_block ._truyenchua_ad_slot_content_block > iframe,
._truyenchua_footer_ad_wrap_block ._truyenchua_ad_slot_content_block > ins,
._truyenchua_footer_ad_wrap_block ._truyenchua_ad_slot_content_block > div { max-width: 100%; margin-inline: auto; }

@media (max-width: 760px) {
  ._truyenchua_reader_breadcrumb_wrap_block ._truyenchua_reader_breadcrumb_block,
  ._truyenchua_breadcrumb_wrap_block ._truyenchua_reader_breadcrumb_block.ht-breadcrumb-container,
  ._truyenchua_reader_container_block,
  ._truyenchua_reader_container_block[data-reader-width="compact"],
  ._truyenchua_reader_container_block[data-reader-width="standard"],
  ._truyenchua_reader_container_block[data-reader-width="wide"],
  ._truyenchua_reader_container_block[data-reader-width="full"] { width: calc(100% - 24px); }
  ._truyenchua_reader_content_shell_block.is-novel ._truyenchua_reader_content_block { padding: 24px 18px 30px; }
  ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic { left: 50%; width: 100vw; max-width: 100vw; margin-right: -50vw; margin-left: -50vw; border-radius: 0; }
  ._truyenchua_reader_setting_basic_block ._truyenchua_reader_setting_row_block { grid-template-columns: 1fr; gap: 7px; margin-inline: 12px; padding-block: 10px; }
  ._truyenchua_reader_setting_basic_block ._truyenchua_reader_settings_heading_block { padding: 12px; }
  ._truyenchua_reader_setting_basic_block ._truyenchua_reader_option_group_block { display: grid; width: 100%; grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)); }
  ._truyenchua_reader_setting_basic_block ._truyenchua_reader_option_group_block button { width: 100%; min-height: 38px; padding-inline: 8px; }
  ._truyenchua_reader_setting_basic_block .is-reader-font-choice ._truyenchua_reader_option_group_block { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 8px; }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block > div { min-height: 46px; padding: 6px; }
  ._truyenchua_category_stats_block { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  ._truyenchua_category_stat_item_block { padding: 10px; }
  ._truyenchua_toolbar_block { right: max(5px, env(safe-area-inset-right, 0px)); gap: 7px; }
  ._truyenchua_toolbar_primary_panel_block,
  ._truyenchua_toolbar_base_panel_block { width: calc(var(--truyenchua-toolbar-size) + 14px); padding: 6px; gap: 6px; border-radius: 17px; }
  ._truyenchua_toolbar_dock_toggle_block { width: 28px; height: 36px; flex-basis: 36px; }
  ._truyenchua_footer_ad_wrap_block { width: calc(100% - 24px); }
}

/* -------------------------------------------------------------------------
 * Honeytoon v3.2.9 — mobile reader edge, comic full-width and dock direction.
 * Canonical final layer: mobile normal reading becomes denser; Focus geometry
 * remains untouched. The dock direction follows the actual slide direction.
 * ---------------------------------------------------------------------- */

/* Focus: comic pages use exactly the same content frame as the focus bar.
   The normal full-viewport comic option remains available outside Focus. */
body.truyenchua-reader-focus ._truyenchua_reader_container_block {
  width: min(var(--truyenchua-reader-frame-width), calc(100% - 28px));
  max-width: none;
}
body.truyenchua-reader-focus ._truyenchua_focus_bar_block,
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
}
body.truyenchua-reader-focus ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic {
  position: static;
  left: auto;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  border: 0;
  border-radius: 0;
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block {
  width: 100%;
  padding: 0;
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block,
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block img {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

/* Basic reader settings: dense option grids, never a one-font-per-row list. */
._truyenchua_reader_setting_basic_block .is-reader-font-choice,
._truyenchua_reader_setting_basic_block .is-reader-novel-width-choice {
  align-items: start;
}
._truyenchua_reader_setting_basic_block .is-reader-font-choice ._truyenchua_reader_option_group_block,
._truyenchua_reader_setting_basic_block .is-reader-novel-width-choice ._truyenchua_reader_option_group_block {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
._truyenchua_reader_setting_basic_block .is-reader-font-choice ._truyenchua_reader_option_group_block button,
._truyenchua_reader_setting_basic_block .is-reader-novel-width-choice ._truyenchua_reader_option_group_block button {
  width: 100%;
  min-height: 34px;
  padding: 5px 6px;
  font-size: 10px;
  line-height: 1.08;
  white-space: normal;
  overflow-wrap: anywhere;
}
._truyenchua_reader_setting_basic_block .is-reader-font-choice ._truyenchua_reader_option_group_block button.is-active,
._truyenchua_reader_setting_basic_block .is-reader-novel-width-choice ._truyenchua_reader_option_group_block button.is-active {
  border-color: var(--truyenchua-line);
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}

/* A single professional rail system. The dock always shares the rail width,
   remains directly beneath it, and never becomes a detached corner tab. */
._truyenchua_toolbar_block {
  --truyenchua-toolbar-rail-width: calc(var(--truyenchua-toolbar-size) + 18px);
  display: flex;
  right: max(12px, env(safe-area-inset-right, 0px));
  bottom: max(15px, env(safe-area-inset-bottom, 0px));
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
}
._truyenchua_toolbar_block.is-reader-toolbar {
  --truyenchua-toolbar-rail-width: calc(var(--truyenchua-toolbar-size) + 22px);
}
._truyenchua_toolbar_primary_panel_block,
._truyenchua_toolbar_base_panel_block {
  box-sizing: border-box;
  width: var(--truyenchua-toolbar-rail-width);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block {
  display: flex !important;
  box-sizing: border-box;
  width: var(--truyenchua-toolbar-rail-width);
  max-height: min(520px, calc(100dvh - 86px));
  padding: 9px 10px;
  overflow: visible;
  border: 3px solid var(--truyenchua-toolbar-line);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: linear-gradient(155deg, var(--truyenchua-surface), var(--truyenchua-surface-muted));
  box-shadow: 6px 7px 0 var(--truyenchua-toolbar-line), inset 0 1px 0 rgba(255,255,255,.62);
  opacity: 1;
  pointer-events: auto;
  transform: none;
}
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block {
  background: linear-gradient(155deg, #24242b, #16161b);
  border-color: #f3eedf;
  box-shadow: 6px 7px 0 #08080b, inset 0 1px 0 rgba(255,255,255,.10);
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > * {
  width: var(--truyenchua-toolbar-size);
  margin: 0;
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block button,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block a {
  border-width: 2px;
  box-shadow: 3px 4px 0 var(--truyenchua-toolbar-line);
}
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block button,
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block a {
  box-shadow: 3px 4px 0 #08080b;
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block button:hover,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block a:hover,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block button:focus-visible,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block a:focus-visible {
  transform: translate(-1px, -1px);
  box-shadow: 5px 6px 0 var(--truyenchua-toolbar-line);
}

/* Focus and reader-tools are compact controls: same width as the rail actions,
   half-height so visual hierarchy stays with navigation and scroll actions. */
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > .is-reader-focus-entry,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > .is-reader-tools-entry {
  width: var(--truyenchua-toolbar-size) !important;
  min-height: 22px;
  height: calc(var(--truyenchua-toolbar-size) * .5) !important;
  max-height: calc(var(--truyenchua-toolbar-size) * .5);
  flex: 0 0 calc(var(--truyenchua-toolbar-size) * .5) !important;
  border-radius: 11px;
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > .is-reader-focus-entry {
  order: -1;
  background: linear-gradient(145deg, var(--truyenchua-coral), color-mix(in srgb, var(--truyenchua-coral) 72%, #f04757));
  color: #fff;
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > .is-reader-tools-entry {
  order: 20;
  background: linear-gradient(145deg, var(--truyenchua-violet), color-mix(in srgb, var(--truyenchua-violet) 76%, #b795ee));
  color: #16121d;
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > .is-reader-focus-entry svg,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > .is-reader-tools-entry svg {
  width: 15px;
  height: 15px;
}

/* Arrow → means the visible rail will close toward the right.
   Arrow ← means the hidden rail will open back from that same position. */
._truyenchua_toolbar_dock_toggle_block {
  align-self: flex-end;
  box-sizing: border-box;
  width: var(--truyenchua-toolbar-rail-width);
  height: 32px;
  flex: 0 0 32px;
  margin-top: -2px;
  padding: 0;
  border: 2px solid var(--truyenchua-toolbar-rail-border);
  border-radius: 0 0 18px 18px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--truyenchua-surface) 72%, var(--truyenchua-blue)), var(--truyenchua-surface-muted));
  color: var(--truyenchua-toolbar-ink);
  box-shadow: 3px 4px 0 color-mix(in srgb, var(--truyenchua-toolbar-line) 82%, transparent), inset 0 1px 0 rgba(255,255,255,.58);
  pointer-events: auto;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
}
._truyenchua_toolbar_dock_toggle_block:hover,
._truyenchua_toolbar_dock_toggle_block:focus-visible {
  transform: translateY(1px);
  background: linear-gradient(145deg, var(--truyenchua-cyan), var(--truyenchua-honey));
  color: #111115;
  box-shadow: 2px 3px 0 var(--truyenchua-toolbar-line), inset 0 1px 0 rgba(255,255,255,.70);
  outline: none;
}
._truyenchua_toolbar_dock_toggle_block svg {
  width: 27px;
  height: 20px;
  stroke-width: 2.65;
}
._truyenchua_toolbar_block.is-minimized {
  right: max(12px, env(safe-area-inset-right, 0px));
}
._truyenchua_toolbar_block.is-minimized ._truyenchua_toolbar_dock_toggle_block {
  width: var(--truyenchua-toolbar-rail-width);
  border-radius: 16px;
  background: linear-gradient(145deg, var(--truyenchua-blue), var(--truyenchua-surface));
  color: #111115;
}
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_dock_toggle_block {
  border-color: var(--truyenchua-toolbar-rail-border);
  background: linear-gradient(145deg, #1e3945, #222229);
  color: #f8f6ef;
  box-shadow: 3px 4px 0 #08080b, inset 0 1px 0 rgba(255,255,255,.10);
}
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_dock_toggle_block:hover,
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_block.is-minimized ._truyenchua_toolbar_dock_toggle_block {
  background: linear-gradient(145deg, #4e9db8, #e3b33c);
  color: #111115;
}

/* Mobile normal reader: consume more real screen space. Focus intentionally
   stays on its pre-existing padded frame for a distraction-free composition. */
@media (max-width: 760px) {
  body:not(.truyenchua-reader-focus) ._truyenchua_reader_page_block {
    width: calc(100% - 8px);
  }
  body:not(.truyenchua-reader-focus) #chapter-big-container._truyenchua_reader_container_block,
  body:not(.truyenchua-reader-focus) #chapter-big-container._truyenchua_reader_container_block[data-reader-width="compact"],
  body:not(.truyenchua-reader-focus) #chapter-big-container._truyenchua_reader_container_block[data-reader-width="standard"],
  body:not(.truyenchua-reader-focus) #chapter-big-container._truyenchua_reader_container_block[data-reader-width="wide"],
  body:not(.truyenchua-reader-focus) #chapter-big-container._truyenchua_reader_container_block[data-reader-width="full"] {
    width: 100%;
    max-width: none;
  }
  body:not(.truyenchua-reader-focus) ._truyenchua_reader_content_shell_block.is-novel ._truyenchua_reader_content_block {
    padding: 20px 14px 26px;
  }
  /* New readers without a saved comic preference receive `full` from JS.
     This selector guarantees a truly edge-to-edge image frame on mobile. */
  body:not(.truyenchua-reader-focus) ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic {
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0;
  }
  body:not(.truyenchua-reader-focus) ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block {
    padding: 0;
  }
  body:not(.truyenchua-reader-focus) ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block,
  body:not(.truyenchua-reader-focus) ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block img {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  ._truyenchua_reader_setting_basic_block .is-reader-font-choice ._truyenchua_reader_option_group_block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  ._truyenchua_reader_setting_basic_block .is-reader-novel-width-choice ._truyenchua_reader_option_group_block {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  ._truyenchua_reader_setting_basic_block .is-reader-font-choice ._truyenchua_reader_option_group_block button,
  ._truyenchua_reader_setting_basic_block .is-reader-novel-width-choice ._truyenchua_reader_option_group_block button {
    min-height: 34px;
    padding-inline: 5px;
    font-size: 9.5px;
  }
  ._truyenchua_toolbar_block {
    right: max(5px, env(safe-area-inset-right, 0px));
  }
  ._truyenchua_toolbar_block.is-minimized {
    right: max(5px, env(safe-area-inset-right, 0px));
  }
  ._truyenchua_toolbar_dock_toggle_block {
    width: var(--truyenchua-toolbar-rail-width);
    height: 30px;
    flex-basis: 30px;
    border-radius: 0 0 16px 16px;
  }
  ._truyenchua_toolbar_block.is-minimized ._truyenchua_toolbar_dock_toggle_block {
    border-radius: 15px;
  }
}


/* -------------------------------------------------------------------------
 * Honeytoon v3.3.2 — recovery reader, comic focus and responsive controls.
 * This final layer is authored directly over the v3.3.0 baseline. It restores
 * the compact rail/dock system while keeping the reader settings architecture.
 * ---------------------------------------------------------------------- */

/* Stable source and status colors. */
._truyenchua_type_text_block.is-truyenfull { background: #F2B99A !important; color: #111115; }
._truyenchua_type_text_block.is-otruyen { background: #a5a2ab !important; color: #111115; }
._truyenchua_status_block.is-full { background: #E1DC4E !important; color: #111115; }
._truyenchua_status_block.is-ongoing,
._truyenchua_status_block.is-updating { background: #98D6EB !important; color: #111115; }
._truyenchua_status_block.is-coming-soon { background: #4A4B51 !important; color: #FFF !important; }

/* Story actions must keep enough room for their comic shadow on both sides. */
._truyenchua_story_actions_block { padding: 2px 3px 5px 2px; }

/* Homepage sponsor slot only exists when a provider has configured content. */
._truyenchua_sponsor_hook_block ._truyenchua_ad_slot_block { margin: 0; }
._truyenchua_sponsor_hook_block ._truyenchua_ad_slot_content_block { max-width: 100%; }

/* Contextual quick-link icons use readable content marks, not generic SVGs. */
._truyenchua_quick_links_block a > .is-quick-link-emoji,
._truyenchua_quick_links_block a > span[aria-hidden="true"] {
  width: auto;
  height: auto;
  flex: 0 0 auto;
  padding: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  font-size: 16px;
  line-height: 1;
}
._truyenchua_quick_links_block.is-expanded ._truyenchua_quick_links_more_block a > span[aria-hidden="true"] { font-size: 15px; }

/* Global compact toolbar: applies to every page. Reader remains touch-safe. */
._truyenchua_toolbar_block:not(.is-reader-toolbar) {
  --truyenchua-toolbar-size: 32px;
  --truyenchua-toolbar-gap: 6px;
  --truyenchua-toolbar-rail-width: 46px;
  right: max(10px, env(safe-area-inset-right, 0px));
}
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_base_panel_block,
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_primary_panel_block {
  width: var(--truyenchua-toolbar-rail-width);
  gap: 6px;
  padding: 6px;
  border-radius: 16px 16px 0 0;
}
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_base_panel_block button,
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_primary_panel_block button,
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_primary_panel_block a {
  width: var(--truyenchua-toolbar-size);
  height: var(--truyenchua-toolbar-size);
  flex-basis: var(--truyenchua-toolbar-size);
  border-radius: 10px;
}
._truyenchua_toolbar_block:not(.is-reader-toolbar) svg { width: 16px; height: 16px; }
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_dock_toggle_block {
  width: var(--truyenchua-toolbar-rail-width);
  height: 28px;
  flex-basis: 28px;
  border-radius: 0 0 14px 14px;
}
._truyenchua_toolbar_block:not(.is-reader-toolbar).is-minimized,
._truyenchua_toolbar_block.is-reader-toolbar.is-minimized { right: max(10px, env(safe-area-inset-right, 0px)); }

/* Reader rail preserves compact Focus/More controls and a dock physically
   attached to its lower edge. */
._truyenchua_toolbar_block.is-reader-toolbar {
  --truyenchua-toolbar-size: 40px;
  --truyenchua-toolbar-gap: 7px;
  --truyenchua-toolbar-rail-width: 56px;
  right: max(10px, env(safe-area-inset-right, 0px));
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block {
  width: var(--truyenchua-toolbar-rail-width);
  gap: 7px;
  padding: 8px;
  border-radius: 18px 18px 0 0;
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > .is-reader-focus-entry,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > .is-reader-tools-entry {
  width: var(--truyenchua-toolbar-size) !important;
  min-height: 20px;
  height: calc(var(--truyenchua-toolbar-size) * .5) !important;
  max-height: calc(var(--truyenchua-toolbar-size) * .5);
  flex: 0 0 calc(var(--truyenchua-toolbar-size) * .5) !important;
  border-radius: 10px;
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_dock_toggle_block {
  width: var(--truyenchua-toolbar-rail-width);
  height: 30px;
  flex-basis: 30px;
  margin-top: -2px;
  border-radius: 0 0 16px 16px;
}
._truyenchua_toolbar_block.is-reader-toolbar.is-minimized ._truyenchua_toolbar_dock_toggle_block {
  width: var(--truyenchua-toolbar-rail-width);
  border-radius: 15px;
}

/* Reader auxiliary can collapse as one animated help unit. */
._truyenchua_reader_auxiliary_heading_block { position: relative; padding-right: 40px; }
._truyenchua_reader_auxiliary_collapse_block {
  position: absolute;
  top: 50%;
  right: 1px;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  padding: 0;
  transform: translateY(-58%);
  border: 2px solid var(--truyenchua-line);
  border-radius: 9px;
  background: var(--truyenchua-blue);
  color: #111115;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_reader_auxiliary_collapse_block:hover,
._truyenchua_reader_auxiliary_collapse_block:focus-visible {
  transform: translate(-1px, calc(-58% - 1px));
  background: var(--truyenchua-cyan);
  box-shadow: 3px 3px 0 var(--truyenchua-ink);
  outline: none;
}
._truyenchua_reader_auxiliary_collapse_block ._truyenchua_toolbar_icon_block { display: grid; place-items: center; }
._truyenchua_reader_auxiliary_collapse_block svg { width: 16px; height: 16px; }
._truyenchua_reader_auxiliary_collapse_block .is-auxiliary-collapsed-icon { display: none; }
._truyenchua_reader_auxiliary_body_block {
  display: block;
  grid-column: 1 / -1;
  max-height: 1400px;
  min-width: 0;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
  transition: max-height .28s ease, opacity .2s ease, transform .22s ease;
}
._truyenchua_reader_auxiliary_body_block > ._truyenchua_reader_auxiliary_toggles_block { margin-top: 10px; }
._truyenchua_reader_auxiliary_body_block > ._truyenchua_reader_quick_tools_block,
._truyenchua_reader_auxiliary_body_block > ._truyenchua_reader_tip_block {
  margin-top: 10px;
}
._truyenchua_reader_auxiliary_block.is-collapsed { gap: 0; }
._truyenchua_reader_auxiliary_block.is-collapsed ._truyenchua_reader_auxiliary_heading_block {
  padding-bottom: 0;
  border-bottom-color: transparent;
}
._truyenchua_reader_auxiliary_block.is-collapsed ._truyenchua_reader_auxiliary_body_block {
  max-height: 0;
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
}
._truyenchua_reader_auxiliary_block.is-collapsed .is-auxiliary-expanded-icon { display: none; }
._truyenchua_reader_auxiliary_block.is-collapsed .is-auxiliary-collapsed-icon { display: grid; }
/* The outer auxiliary card supplies the only surrounding border. */
._truyenchua_reader_auxiliary_block > ._truyenchua_reader_auxiliary_body_block ._truyenchua_reader_quick_tools_block,
._truyenchua_reader_auxiliary_block > ._truyenchua_reader_auxiliary_body_block ._truyenchua_reader_tip_block {
  border: 0 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block {
  overflow: visible;
  border-radius: 12px;
  background: color-mix(in srgb, var(--truyenchua-surface) 92%, var(--truyenchua-cyan));
}

/* Focus navigation below content is intentionally invisible outside Focus. */
._truyenchua_focus_end_navigation_block { display: none; }
body.truyenchua-reader-focus ._truyenchua_focus_end_navigation_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin: 14px 0 4px;
}
body.truyenchua-reader-focus ._truyenchua_focus_end_navigation_block a {
  display: inline-flex;
  min-height: 42px;
  min-width: 0;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  border: 2px solid var(--truyenchua-focus-line);
  border-radius: 12px;
  background: var(--truyenchua-focus-surface);
  color: var(--truyenchua-focus-ink);
  box-shadow: 2px 3px 0 color-mix(in srgb, var(--truyenchua-focus-line) 64%, transparent);
  font-family: var(--truyenchua-font-display);
  font-size: 12px;
  font-weight: 900;
}
body.truyenchua-reader-focus ._truyenchua_focus_end_navigation_block a.is-next { margin-left: auto; background: color-mix(in srgb, var(--truyenchua-mint) 56%, var(--truyenchua-focus-surface)); }
body.truyenchua-reader-focus ._truyenchua_focus_end_navigation_block a:hover,
body.truyenchua-reader-focus ._truyenchua_focus_end_navigation_block a:focus-visible { transform: translate(-1px, -1px); outline: none; }

/* Focus comic uses a deliberate frame with artwork edge-to-edge inside it. */
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic,
body.truyenchua-reader-focus ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic {
  position: static !important;
  left: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  overflow: hidden;
  border: 3px solid var(--truyenchua-focus-line) !important;
  border-radius: 18px !important;
  background: var(--truyenchua-focus-canvas) !important;
  box-shadow: 3px 4px 0 color-mix(in srgb, var(--truyenchua-focus-line) 62%, transparent) !important;
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block {
  padding: 0 !important;
  background: transparent !important;
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block { gap: 0; }
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block img {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
}

/* Reader chapter boundary cards communicate terminal state without fake action. */
._truyenchua_reader_navigation_block .is-disabled {
  border-style: dashed;
  border-color: color-mix(in srgb, var(--truyenchua-line) 58%, var(--truyenchua-surface));
  background: color-mix(in srgb, var(--truyenchua-surface-muted) 78%, #d8d6cf);
  color: color-mix(in srgb, var(--truyenchua-muted) 88%, var(--truyenchua-ink));
  box-shadow: none;
  opacity: 1;
  cursor: not-allowed;
}
._truyenchua_reader_navigation_block .is-disabled ._truyenchua_toolbar_icon_block { opacity: .72; }
._truyenchua_reader_navigation_block .is-nav-short-label { display: none; }

@media (max-width: 760px) {
  /* Hero shadow is intentionally removed so the mobile reader keeps one visual width. */
  ._truyenchua_reader_hero_block { box-shadow: none; }
  ._truyenchua_toolbar_block:not(.is-reader-toolbar) {
    --truyenchua-toolbar-size: 30px;
    --truyenchua-toolbar-rail-width: 43px;
    right: max(5px, env(safe-area-inset-right, 0px));
  }
  ._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_dock_toggle_block { height: 27px; flex-basis: 27px; }
  ._truyenchua_toolbar_block.is-reader-toolbar {
    --truyenchua-toolbar-size: 38px;
    --truyenchua-toolbar-rail-width: 54px;
    right: max(6px, env(safe-area-inset-right, 0px));
  }
  ._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block { padding: 7px 8px; }
  ._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_dock_toggle_block { height: 29px; flex-basis: 29px; }
  ._truyenchua_reader_auxiliary_heading_block { padding-right: 37px; }
  ._truyenchua_reader_auxiliary_collapse_block { right: 0; width: 28px; height: 28px; }
  ._truyenchua_reader_auxiliary_body_block > ._truyenchua_reader_auxiliary_toggles_block { margin-top: 8px; }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    padding: 7px;
    overflow: visible;
  }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block > * {
    display: grid;
    width: 100%;
    min-width: 0;
    height: 36px;
    min-height: 36px;
    flex: none;
    place-items: center;
    padding: 0;
    border-width: 2px;
    border-radius: 10px;
    box-shadow: 2px 2px 0 var(--truyenchua-ink);
  }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block svg { width: 17px; height: 17px; }
  ._truyenchua_reader_navigation_block .is-disabled .is-nav-full-label { display: none; }
  ._truyenchua_reader_navigation_block .is-disabled .is-nav-short-label { display: inline; }
  ._truyenchua_reader_navigation_block .is-disabled ._truyenchua_reader_nav_label_block { display: inline; font-size: 8px; }
  body:not(.truyenchua-reader-focus) ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic {
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
    border-inline-width: 0;
    border-radius: 0;
  }
  body:not(.truyenchua-reader-focus) ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block { padding: 0; }
  body:not(.truyenchua-reader-focus) ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block { gap: 0; }
  body.truyenchua-reader-focus ._truyenchua_focus_end_navigation_block { gap: 8px; margin-top: 12px; }
  body.truyenchua-reader-focus ._truyenchua_focus_end_navigation_block a { min-height: 38px; padding: 0 10px; font-size: 10px; }
}


/* -------------------------------------------------------------------------
 * v3.3.3 Recovery Reader + Focus Frame + Footer Brand
 * Final overrides for toolbar dock, reader auxiliary, focus persistence and
 * footer social branding.
 * ---------------------------------------------------------------------- */

._truyenchua_toolbar_block:not(.is-reader-toolbar).is-minimized ._truyenchua_toolbar_dock_toggle_block,
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_dock_toggle_block {
  border-radius: 14px !important;
}
._truyenchua_toolbar_block:not(.is-reader-toolbar).is-minimized ._truyenchua_toolbar_dock_toggle_block {
  width: 36px;
  height: 36px;
  flex-basis: 36px;
  border-width: 2px;
  background: linear-gradient(145deg, #ffffff, #efede7);
  box-shadow: 3px 4px 0 var(--truyenchua-toolbar-line);
}
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_block:not(.is-reader-toolbar).is-minimized ._truyenchua_toolbar_dock_toggle_block {
  background: linear-gradient(145deg, #2c2d35, #191a20);
  box-shadow: 3px 4px 0 #09090d;
}
._truyenchua_toolbar_block:not(.is-reader-toolbar).is-minimized {
  right: max(6px, env(safe-area-inset-right, 0px));
}

._truyenchua_reader_auxiliary_block {
  gap: 8px;
  padding: 10px 11px;
  border-radius: 16px;
}
._truyenchua_reader_auxiliary_heading_block {
  min-height: 36px;
  padding-bottom: 8px;
}
._truyenchua_reader_auxiliary_heading_icon_block {
  width: 32px;
  height: 32px;
  border-radius: 10px;
}
._truyenchua_reader_auxiliary_heading_copy_block strong {
  font-size: 14px;
}
._truyenchua_reader_auxiliary_heading_copy_block small {
  font-size: 10px;
  line-height: 1.25;
}
._truyenchua_reader_auxiliary_body_block > ._truyenchua_reader_auxiliary_toggles_block {
  margin-top: 8px;
}
._truyenchua_reader_auxiliary_toggles_block {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}
._truyenchua_reader_auxiliary_toggle_block {
  min-height: 48px;
  padding: 8px 10px;
  border-radius: 12px;
}
._truyenchua_reader_auxiliary_toggle_copy_block {
  gap: 2px;
}
._truyenchua_reader_auxiliary_toggle_copy_block b {
  font-size: 11px;
}
._truyenchua_reader_auxiliary_toggle_copy_block small {
  font-size: 9px;
}
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  padding: 8px;
}
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block > * {
  display: grid;
  width: 100%;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  flex: none;
  place-items: center;
  padding: 0;
  border-width: 2px;
  border-radius: 11px;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block svg {
  width: 17px;
  height: 17px;
}
._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 8px;
}
._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block > div {
  min-height: 50px;
  gap: 5px;
  padding: 6px;
}
._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block b {
  font-size: 10px;
  line-height: 1.18;
}

body.truyenchua-reader-focus ._truyenchua_reader_page_block {
  width: min(calc(100% - 10px), var(--truyenchua-reader-frame-width)) !important;
  padding-top: 8px;
}
body.truyenchua-reader-focus ._truyenchua_reader_container_block {
  width: 100% !important;
  max-width: none !important;
}
body.truyenchua-reader-focus ._truyenchua_focus_bar_block,
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic,
body.truyenchua-reader-focus ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic {
  width: 100% !important;
  margin-inline: 0 !important;
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic,
body.truyenchua-reader-focus ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic {
  overflow: hidden;
  border: 3px solid var(--truyenchua-focus-line) !important;
  border-radius: 18px !important;
  background: var(--truyenchua-focus-canvas) !important;
  box-shadow: 3px 4px 0 color-mix(in srgb, var(--truyenchua-focus-line) 62%, transparent) !important;
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic > header {
  display: none !important;
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block,
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block {
  padding: 0 !important;
  gap: 0 !important;
  background: transparent !important;
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block img {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
}

._truyenchua_footer_social_wrap_block {
  margin-top: 16px;
}
._truyenchua_footer_social_title_block {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  color: #ffffff;
  font-family: var(--truyenchua-font-display);
  font-size: clamp(20px, 2.3vw, 26px);
  font-weight: 950;
  letter-spacing: -.03em;
}
._truyenchua_footer_social_title_block > span {
  display: inline-flex;
  font-size: .88em;
}
._truyenchua_footer_social_title_block > b {
  font-weight: 950;
}
._truyenchua_social_links_block {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
}
._truyenchua_social_links_block ._truyenchua_social_link_button_block {
  position: relative;
  display: inline-flex;
  min-width: 0;
  min-height: 72px;
  align-items: center;
  gap: 14px;
  padding: 0 24px;
  border: 3px solid #111115;
  border-radius: 999px;
  background: #faf9f4;
  color: #111115;
  box-shadow: 8px 8px 0 #f4d938;
  font-family: var(--truyenchua-font-display);
  font-size: clamp(16px, 1.8vw, 20px);
  font-weight: 900;
  line-height: 1.1;
}
._truyenchua_social_links_block ._truyenchua_social_link_button_block:hover,
._truyenchua_social_links_block ._truyenchua_social_link_button_block:focus-visible {
  transform: translate(-1px, -1px);
  box-shadow: 10px 10px 0 #f4d938;
  outline: none;
}
._truyenchua_social_link_icon_block {
  display: inline-grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  border: 3px solid #111115;
  border-radius: 999px;
  background: #ffffff;
}
._truyenchua_social_link_icon_block svg {
  width: 20px;
  height: 20px;
}
._truyenchua_social_link_label_block {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_social_links_block ._truyenchua_social_link_button_block[data-social="link"] ._truyenchua_social_link_icon_block {
  background: #f6dc47;
}
._truyenchua_social_links_block ._truyenchua_social_link_button_block[data-social="telegram"] ._truyenchua_social_link_icon_block {
  background: #97d8ff;
}
._truyenchua_social_links_block ._truyenchua_social_link_button_block[data-social="x"] ._truyenchua_social_link_icon_block {
  background: #f2f2f2;
}
._truyenchua_social_links_block ._truyenchua_social_link_button_block[data-social="facebook"] ._truyenchua_social_link_icon_block {
  background: #b6ec55;
}

._truyenchua_footer_bottom_block {
  padding-bottom: 12px;
}
.htf-bottom {
  width: min(var(--truyenchua-site-width), calc(100% - 36px));
  margin: 0 auto;
  padding: 0 0 24px;
  color: #d2d0d7;
  font-size: 13px;
  line-height: 1.8;
  text-align: center;
}
.htf-bottom a {
  color: #ffffff;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.htf-bottom a:hover,
.htf-bottom a:focus-visible {
  color: #ffe36b;
}

@media (max-width: 760px) {
  ._truyenchua_toolbar_block:not(.is-reader-toolbar).is-minimized ._truyenchua_toolbar_dock_toggle_block {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }
  ._truyenchua_reader_auxiliary_toggles_block {
    grid-template-columns: 1fr;
  }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_tip_content_block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  ._truyenchua_social_links_block {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  ._truyenchua_social_links_block ._truyenchua_social_link_button_block {
    min-height: 62px;
    padding: 0 18px;
    font-size: 17px;
    box-shadow: 6px 6px 0 #f4d938;
  }
  ._truyenchua_social_link_icon_block {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }
  .htf-bottom {
    width: calc(100% - 24px);
    padding-bottom: 20px;
    font-size: 12px;
  }
}


/* -------------------------------------------------------------------------
 * v3.3.4 — Unified Toolbar + Smart Recrawl reader fixes
 * ---------------------------------------------------------------------- */

/* Every page uses the same right-side rail geometry. The two compact reader
 * entry actions keep their intentional half-height treatment below. */
._truyenchua_toolbar_block,
._truyenchua_toolbar_block:not(.is-reader-toolbar),
._truyenchua_toolbar_block.is-reader-toolbar {
  --truyenchua-toolbar-size: 40px;
  --truyenchua-toolbar-gap: 7px;
  --truyenchua-toolbar-rail-width: 56px;
  right: max(10px, env(safe-area-inset-right, 0px));
  gap: 0;
}
._truyenchua_toolbar_block ._truyenchua_toolbar_base_panel_block,
._truyenchua_toolbar_block ._truyenchua_toolbar_primary_panel_block,
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_base_panel_block,
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_primary_panel_block,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block {
  box-sizing: border-box;
  width: var(--truyenchua-toolbar-rail-width) !important;
  gap: var(--truyenchua-toolbar-gap);
  padding: 8px;
  border-radius: 18px 18px 0 0;
}
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_base_panel_block,
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_primary_panel_block {
  border-width: 2px;
}
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_base_panel_block button,
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_primary_panel_block button,
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_primary_panel_block a,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > :not(.is-reader-focus-entry):not(.is-reader-tools-entry) {
  width: var(--truyenchua-toolbar-size);
  height: var(--truyenchua-toolbar-size);
  min-height: var(--truyenchua-toolbar-size);
  flex: 0 0 var(--truyenchua-toolbar-size);
  border-radius: 11px;
}
._truyenchua_toolbar_block:not(.is-reader-toolbar) svg {
  width: 18px;
  height: 18px;
}
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > .is-reader-focus-entry,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_primary_panel_block > .is-reader-tools-entry {
  width: var(--truyenchua-toolbar-size) !important;
  height: calc(var(--truyenchua-toolbar-size) * .5) !important;
  min-height: calc(var(--truyenchua-toolbar-size) * .5) !important;
  max-height: calc(var(--truyenchua-toolbar-size) * .5);
  flex-basis: calc(var(--truyenchua-toolbar-size) * .5) !important;
}

/* The dock is the last action in the rail on every page. Both open/close
 * states share exactly the same footprint; colour and arrow direction differ. */
._truyenchua_toolbar_block ._truyenchua_toolbar_dock_toggle_block,
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_dock_toggle_block,
._truyenchua_toolbar_block.is-reader-toolbar ._truyenchua_toolbar_dock_toggle_block,
._truyenchua_toolbar_block.is-minimized ._truyenchua_toolbar_dock_toggle_block {
  box-sizing: border-box;
  width: var(--truyenchua-toolbar-rail-width) !important;
  height: 30px !important;
  min-height: 30px;
  flex: 0 0 30px !important;
  margin-top: -2px;
  border: 2px solid var(--truyenchua-toolbar-line);
  border-radius: 0 0 16px 16px !important;
  background: linear-gradient(145deg, var(--truyenchua-violet), color-mix(in srgb, var(--truyenchua-violet) 56%, var(--truyenchua-surface)));
  color: #15121a;
  box-shadow: 3px 4px 0 var(--truyenchua-toolbar-line);
}
._truyenchua_toolbar_block.is-minimized ._truyenchua_toolbar_dock_toggle_block {
  border-radius: 16px !important;
  background: linear-gradient(145deg, var(--truyenchua-cyan), color-mix(in srgb, var(--truyenchua-cyan) 55%, var(--truyenchua-surface)));
}
._truyenchua_toolbar_block ._truyenchua_toolbar_dock_toggle_block:hover,
._truyenchua_toolbar_block ._truyenchua_toolbar_dock_toggle_block:focus-visible {
  transform: translateY(1px);
  box-shadow: 2px 3px 0 var(--truyenchua-toolbar-line);
}
._truyenchua_toolbar_block ._truyenchua_toolbar_dock_toggle_block svg {
  width: 22px;
  height: 18px;
}
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_block ._truyenchua_toolbar_dock_toggle_block {
  border-color: #f0ebdd;
  color: #111115;
  box-shadow: 3px 4px 0 #08080b;
}
._truyenchua_toolbar_block.is-minimized,
._truyenchua_toolbar_block:not(.is-reader-toolbar).is-minimized {
  right: max(10px, env(safe-area-inset-right, 0px));
}

/* Quick tools deliberately contains 9 primary actions. No horizontal scrolling
 * is allowed: every icon remains visible on desktop and mobile. */
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
  margin: 0;
  padding: 8px;
  overflow: hidden;
  overscroll-behavior: auto;
}
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block > * {
  display: grid;
  width: 100%;
  min-width: 0;
  height: 38px;
  min-height: 38px;
  flex: none;
  place-items: center;
  padding: 0;
  border-width: 2px;
  border-radius: 10px;
  box-shadow: 2px 2px 0 var(--truyenchua-ink);
}
._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block svg {
  width: 17px;
  height: 17px;
}

/* Comic pages are raw visual media: figure UA margins, wrapper padding and
 * image inline baselines are removed in both normal and Focus reader modes. */
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block,
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block,
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_page_block,
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_page_block > img {
  box-sizing: border-box;
}
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block {
  padding: 0 !important;
}
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block {
  display: grid;
  width: 100%;
  margin: 0;
  padding: 0;
  gap: 0 !important;
}
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_page_block {
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}
._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_page_block > img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic,
body.truyenchua-reader-focus ._truyenchua_reader_container_block[data-reader-comic-width="full"] ._truyenchua_reader_content_shell_block.is-comic {
  overflow: hidden;
  padding: 0 !important;
  border: 3px solid var(--truyenchua-focus-line) !important;
  border-radius: 18px !important;
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic > header {
  display: none !important;
}
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_reader_content_block,
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_content_block,
body.truyenchua-reader-focus ._truyenchua_reader_content_shell_block.is-comic ._truyenchua_comic_page_block {
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

@media (max-width: 760px) {
  ._truyenchua_toolbar_block,
  ._truyenchua_toolbar_block:not(.is-reader-toolbar),
  ._truyenchua_toolbar_block.is-reader-toolbar {
    --truyenchua-toolbar-size: 38px;
    --truyenchua-toolbar-gap: 6px;
    --truyenchua-toolbar-rail-width: 54px;
    right: max(6px, env(safe-area-inset-right, 0px));
  }
  ._truyenchua_toolbar_block ._truyenchua_toolbar_base_panel_block,
  ._truyenchua_toolbar_block ._truyenchua_toolbar_primary_panel_block {
    padding: 7px 8px;
    gap: 6px;
  }
  ._truyenchua_toolbar_block ._truyenchua_toolbar_dock_toggle_block,
  ._truyenchua_toolbar_block.is-minimized ._truyenchua_toolbar_dock_toggle_block {
    height: 29px !important;
    min-height: 29px;
    flex-basis: 29px !important;
  }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block {
    gap: 3px;
    padding: 5px;
  }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block > * {
    height: 31px;
    min-height: 31px;
    border-radius: 8px;
    box-shadow: 1px 1px 0 var(--truyenchua-ink);
  }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block svg {
    width: 15px;
    height: 15px;
  }
}

@media (max-width: 360px) {
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block {
    gap: 2px;
    padding: 4px;
  }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block > * {
    height: 29px;
    min-height: 29px;
    border-width: 1px;
  }
  ._truyenchua_reader_auxiliary_block ._truyenchua_reader_quick_tools_actions_block svg {
    width: 14px;
    height: 14px;
  }
}

/* Comic art is the content itself. Hide the generic reader heading so the
 * first image touches the inside edge of its own frame on all reader modes. */
._truyenchua_reader_content_shell_block.is-comic > header {
  display: none !important;
}

/* The optional primary panel outside chapter pages uses the same rail skin as
 * the standard page tool stack, so opening it never creates a narrow orphan. */
._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_primary_panel_block {
  border: 2px solid var(--truyenchua-toolbar-rail-border);
  background: var(--truyenchua-toolbar-rail-bg);
  box-shadow: 3px 4px 0 color-mix(in srgb, var(--truyenchua-toolbar-line) 88%, transparent), inset 0 1px 0 rgba(255,255,255,.65);
}
html[data-truyenchua-theme="dark"] ._truyenchua_toolbar_block:not(.is-reader-toolbar) ._truyenchua_toolbar_primary_panel_block {
  box-shadow: 3px 4px 0 #08080b, inset 0 1px 0 rgba(255,255,255,.10);
}


/* -------------------------------------------------------------------------
 * v3.3.5 — Footer Social Row + Persistent Focus
 * ---------------------------------------------------------------------- */

/* Focus bootstrap: the html marker exists before reader markup is painted.
 * This mirror prevents a normal-layout flash while body is being constructed. */
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_header_block,
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_breadcrumb_wrap_block,
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_toolbar_block,
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_footer_block,
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_reader_hero_block,
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_reader_navigation_block,
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_reader_auxiliary_block,
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_reader_tip_block,
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_reader_quick_tools_block,
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_reader_progress_top_block,
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_ad_slot_block {
  display: none !important;
}
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_reader_page_block {
  width: min(calc(100% - 10px), var(--truyenchua-reader-frame-width)) !important;
  padding-top: 8px;
}
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_reader_container_block {
  width: 100% !important;
  max-width: none !important;
}

/* Social buttons sit above the standard footer columns and stay on one line.
 * They use the full site column instead of the narrow brand grid cell. */
._truyenchua_footer_social_row_block {
  border-bottom: 1px solid #39393f;
  background: #08080a;
}
._truyenchua_footer_social_row_inner_block {
  width: min(var(--truyenchua-site-width), calc(100% - 36px));
  margin: 0 auto;
  padding: 32px 0 28px;
}
._truyenchua_footer_social_row_block ._truyenchua_footer_social_title_block {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  color: #ffffff;
  font-family: var(--truyenchua-font-display);
  font-size: clamp(20px, 2.1vw, 26px);
  font-weight: 950;
  letter-spacing: -.03em;
}
._truyenchua_footer_social_row_block ._truyenchua_footer_social_title_block > span {
  display: inline-flex;
  font-size: .9em;
}
._truyenchua_footer_social_row_block ._truyenchua_footer_social_title_block > b {
  font-weight: 950;
}
._truyenchua_footer_social_row_block ._truyenchua_social_links_block {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  overflow: visible;
}
._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block {
  position: relative;
  display: inline-flex;
  min-width: 0;
  min-height: 72px;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  padding: 0 22px;
  border: 3px solid #111115;
  border-radius: 999px;
  background: #faf9f4;
  color: #111115;
  box-shadow: 8px 8px 0 #f4d938;
  font-family: var(--truyenchua-font-display);
  font-size: clamp(15px, 1.55vw, 20px);
  font-weight: 900;
  line-height: 1.1;
  white-space: nowrap;
}
._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block:hover,
._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block:focus-visible {
  transform: translate(-1px, -1px);
  box-shadow: 10px 10px 0 #f4d938;
  outline: none;
}
._truyenchua_footer_social_row_block ._truyenchua_social_link_icon_block {
  display: inline-grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  border: 3px solid #111115;
  border-radius: 999px;
  background: #ffffff;
}
._truyenchua_footer_social_row_block ._truyenchua_social_link_icon_block svg {
  width: 20px;
  height: 20px;
}
._truyenchua_footer_social_row_block ._truyenchua_social_link_label_block {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block[data-social="link"] ._truyenchua_social_link_icon_block { background: #f6dc47; }
._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block[data-social="telegram"] ._truyenchua_social_link_icon_block { background: #97d8ff; }
._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block[data-social="x"] ._truyenchua_social_link_icon_block { background: #f2f2f2; }
._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block[data-social="facebook"] ._truyenchua_social_link_icon_block { background: #b6ec55; }

@media (max-width: 980px) {
  ._truyenchua_footer_social_row_block ._truyenchua_social_links_block { gap: 12px; }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block {
    min-height: 64px;
    gap: 10px;
    padding: 0 14px;
    box-shadow: 6px 6px 0 #f4d938;
  }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_icon_block {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }
}
@media (max-width: 620px) {
  ._truyenchua_footer_social_row_inner_block {
    width: calc(100% - 24px);
    padding: 25px 0 22px;
  }
  ._truyenchua_footer_social_row_block ._truyenchua_footer_social_title_block {
    margin-bottom: 11px;
    font-size: 18px;
  }
  ._truyenchua_footer_social_row_block ._truyenchua_social_links_block { gap: 6px; }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block {
    min-height: 52px;
    justify-content: center;
    gap: 5px;
    padding: 0 6px;
    border-width: 2px;
    box-shadow: 3px 4px 0 #f4d938;
    font-size: 0;
  }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_icon_block {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border-width: 2px;
  }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_icon_block svg {
    width: 15px;
    height: 15px;
  }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_label_block {
    overflow: visible;
    font-size: 10px;
    text-overflow: clip;
  }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block[data-social="link"] ._truyenchua_social_link_label_block { font-size: 0; }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block[data-social="link"] ._truyenchua_social_link_label_block::after { content: "Link"; font-size: 10px; }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block[data-social="telegram"] ._truyenchua_social_link_label_block { font-size: 0; }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block[data-social="telegram"] ._truyenchua_social_link_label_block::after { content: "Tele"; font-size: 10px; }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block[data-social="x"] ._truyenchua_social_link_label_block { font-size: 0; }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block[data-social="x"] ._truyenchua_social_link_label_block::after { content: "X"; font-size: 10px; }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block[data-social="facebook"] ._truyenchua_social_link_label_block { font-size: 0; }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block[data-social="facebook"] ._truyenchua_social_link_label_block::after { content: "FB"; font-size: 10px; }
}
@media (max-width: 380px) {
  ._truyenchua_footer_social_row_block ._truyenchua_social_links_block { gap: 4px; }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_button_block {
    min-height: 46px;
    padding: 0 3px;
  }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_icon_block {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
  }
  ._truyenchua_footer_social_row_block ._truyenchua_social_link_label_block { display: none; }
}


/* -------------------------------------------------------------------------
 * v3.3.6 — Scoped Focus + Always Available Toolbar
 * Focus remains a reader-only layout. Its saved preference may survive
 * navigation, but normal pages always retain their full chrome and a direct
 * toolbar-based exit is available everywhere.
 * ---------------------------------------------------------------------- */

/* Defensive recovery for an old cached body class: archive/home/detail pages
 * must never inherit reader Focus hiding rules. */
html[data-truyenchua-reader-page="0"] body.truyenchua-reader-focus ._truyenchua_header_block,
html[data-truyenchua-reader-page="0"] body.truyenchua-reader-focus ._truyenchua_footer_block,
html[data-truyenchua-reader-page="0"] body.truyenchua-reader-focus ._truyenchua_breadcrumb_wrap_block {
  display: block !important;
}
html[data-truyenchua-reader-page="0"] body.truyenchua-reader-focus ._truyenchua_toolbar_block {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* The reader Focus dock is never hidden. It is intentionally compact until
 * the reader opens it, so Focus remains visually quiet without trapping the
 * reader in a state they cannot exit. */
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_toolbar_block,
html[data-truyenchua-reader-page="1"] body.truyenchua-reader-focus ._truyenchua_toolbar_block {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 420 !important;
  pointer-events: auto !important;
}
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_toolbar_block ._truyenchua_toolbar_base_panel_block,
html[data-truyenchua-reader-page="1"] body.truyenchua-reader-focus ._truyenchua_toolbar_block ._truyenchua_toolbar_base_panel_block {
  display: none !important;
}
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_toolbar_block.is-reader-toolbar:not(.is-focus-toolbar-expanded) ._truyenchua_toolbar_primary_panel_block,
html[data-truyenchua-reader-page="1"] body.truyenchua-reader-focus ._truyenchua_toolbar_block.is-reader-toolbar:not(.is-focus-toolbar-expanded) ._truyenchua_toolbar_primary_panel_block {
  display: none !important;
}
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_toolbar_block.is-reader-toolbar.is-focus-toolbar-expanded ._truyenchua_toolbar_primary_panel_block,
html[data-truyenchua-reader-page="1"] body.truyenchua-reader-focus ._truyenchua_toolbar_block.is-reader-toolbar.is-focus-toolbar-expanded ._truyenchua_toolbar_primary_panel_block {
  display: flex !important;
  max-height: min(520px, calc(100dvh - 112px)) !important;
  overflow-y: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_toolbar_block ._truyenchua_toolbar_dock_toggle_block,
html[data-truyenchua-reader-page="1"] body.truyenchua-reader-focus ._truyenchua_toolbar_block ._truyenchua_toolbar_dock_toggle_block {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: linear-gradient(145deg, var(--truyenchua-cyan), color-mix(in srgb, var(--truyenchua-cyan) 56%, var(--truyenchua-surface))) !important;
}
html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_toolbar_block.is-focus-toolbar-expanded ._truyenchua_toolbar_dock_toggle_block,
html[data-truyenchua-reader-page="1"] body.truyenchua-reader-focus ._truyenchua_toolbar_block.is-focus-toolbar-expanded ._truyenchua_toolbar_dock_toggle_block {
  background: linear-gradient(145deg, var(--truyenchua-coral), color-mix(in srgb, var(--truyenchua-coral) 55%, var(--truyenchua-surface))) !important;
}

/* A saved Focus preference is exposed through the normal right rail on
 * non-reader pages. It only appears while that preference is active. */
._truyenchua_toolbar_base_panel_block .is-focus-exit-global {
  background: var(--truyenchua-coral) !important;
  color: #ffffff !important;
}
._truyenchua_toolbar_base_panel_block .is-focus-exit-global[hidden] {
  display: none !important;
}
._truyenchua_toolbar_block.is-focus-preference-active:not(.is-reader-toolbar) ._truyenchua_toolbar_base_panel_block .is-focus-exit-global {
  display: grid;
}

@media (max-width: 760px) {
  html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_toolbar_block,
  html[data-truyenchua-reader-page="1"] body.truyenchua-reader-focus ._truyenchua_toolbar_block {
    right: max(6px, env(safe-area-inset-right, 0px)) !important;
  }
  html[data-truyenchua-reader-page="1"][data-truyenchua-reader-focus="1"] body ._truyenchua_toolbar_block.is-reader-toolbar.is-focus-toolbar-expanded ._truyenchua_toolbar_primary_panel_block,
  html[data-truyenchua-reader-page="1"] body.truyenchua-reader-focus ._truyenchua_toolbar_block.is-reader-toolbar.is-focus-toolbar-expanded ._truyenchua_toolbar_primary_panel_block {
    max-height: min(470px, calc(100dvh - 92px)) !important;
  }
}


/* -------------------------------------------------------------------------
 * v3.3.7 — Footer brand social inline row
 * The social cluster is intentionally owned by the brand column again. The
 * four external links stay in one horizontal rail without forcing a separate
 * full-width footer band.
 * ---------------------------------------------------------------------- */
._truyenchua_footer_social_row_block {
  display: none !important;
}
._truyenchua_footer_brand_block ._truyenchua_footer_social_wrap_block {
  margin-top: 18px;
  min-width: 0;
}
._truyenchua_footer_brand_block ._truyenchua_footer_social_title_block {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  color: #ffffff;
  font-family: var(--truyenchua-font-display);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: -.02em;
}
._truyenchua_footer_brand_block ._truyenchua_footer_social_title_block > span {
  display: inline-flex;
  font-size: 1em;
}
._truyenchua_footer_brand_block ._truyenchua_footer_social_title_block > b {
  font-weight: 950;
}
._truyenchua_footer_brand_block ._truyenchua_social_links_block {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  width: 100%;
  min-width: 0;
  flex-wrap: nowrap;
}
._truyenchua_footer_brand_block ._truyenchua_social_link_button_block {
  display: inline-flex;
  min-width: 0;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 6px;
  border: 2px solid #111115;
  border-radius: 999px;
  background: #faf9f4;
  color: #111115;
  box-shadow: 3px 3px 0 #f4d938;
  font-family: var(--truyenchua-font-display);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
._truyenchua_footer_brand_block ._truyenchua_social_link_button_block:hover,
._truyenchua_footer_brand_block ._truyenchua_social_link_button_block:focus-visible {
  transform: translate(-1px, -1px);
  box-shadow: 4px 4px 0 #f4d938;
  outline: none;
}
._truyenchua_footer_brand_block ._truyenchua_social_link_icon_block {
  display: inline-grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  border: 2px solid #111115;
  border-radius: 999px;
  background: #ffffff;
}
._truyenchua_footer_brand_block ._truyenchua_social_link_icon_block svg {
  width: 13px;
  height: 13px;
}
._truyenchua_footer_brand_block ._truyenchua_social_link_label_block {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._truyenchua_footer_brand_block ._truyenchua_social_link_button_block[data-social="link"] ._truyenchua_social_link_icon_block { background: #f6dc47; }
._truyenchua_footer_brand_block ._truyenchua_social_link_button_block[data-social="telegram"] ._truyenchua_social_link_icon_block { background: #97d8ff; }
._truyenchua_footer_brand_block ._truyenchua_social_link_button_block[data-social="x"] ._truyenchua_social_link_icon_block { background: #f2f2f2; }
._truyenchua_footer_brand_block ._truyenchua_social_link_button_block[data-social="facebook"] ._truyenchua_social_link_icon_block { background: #b6ec55; }

@media (min-width: 901px) {
  ._truyenchua_footer_brand_block ._truyenchua_social_link_button_block {
    font-size: 10px;
  }
}
@media (max-width: 900px) {
  ._truyenchua_footer_brand_block ._truyenchua_footer_social_wrap_block {
    max-width: 620px;
  }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_button_block {
    min-height: 48px;
    gap: 7px;
    padding: 0 10px;
    font-size: 11px;
    box-shadow: 4px 4px 0 #f4d938;
  }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_icon_block {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_icon_block svg {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 540px) {
  ._truyenchua_footer_brand_block ._truyenchua_footer_social_title_block {
    margin-bottom: 9px;
    font-size: 12px;
  }
  ._truyenchua_footer_brand_block ._truyenchua_social_links_block {
    gap: 5px;
  }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_button_block {
    min-height: 42px;
    gap: 4px;
    padding: 0 4px;
    font-size: 9px;
    box-shadow: 3px 3px 0 #f4d938;
  }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_icon_block {
    width: 23px;
    height: 23px;
    flex-basis: 23px;
  }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_icon_block svg {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 380px) {
  ._truyenchua_footer_brand_block ._truyenchua_social_links_block {
    gap: 4px;
  }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_button_block {
    min-height: 38px;
    padding: 0 3px;
  }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_icon_block {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
  }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_label_block {
    font-size: 0;
  }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_button_block[data-social="link"] ._truyenchua_social_link_label_block::after { content: "Link"; font-size: 9px; }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_button_block[data-social="telegram"] ._truyenchua_social_link_label_block::after { content: "Tele"; font-size: 9px; }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_button_block[data-social="x"] ._truyenchua_social_link_label_block::after { content: "X"; font-size: 9px; }
  ._truyenchua_footer_brand_block ._truyenchua_social_link_button_block[data-social="facebook"] ._truyenchua_social_link_label_block::after { content: "FB"; font-size: 9px; }
}


/* -------------------------------------------------------------------------
 * v3.3.8 Cache-Safe Reader + Mobile Story Profile
 * ---------------------------------------------------------------------- */
._truyenchua_story_hero_block > ._truyenchua_story_actions_block {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 0;
  overflow: visible;
}
._truyenchua_story_hero_block > ._truyenchua_story_actions_block > a,
._truyenchua_story_hero_block > ._truyenchua_story_actions_block > button {
  min-width: 0;
}
._truyenchua_footer_ad_wrap_block ._truyenchua_ad_slot_block {
  box-sizing: border-box;
  max-width: calc(100% - 20px);
  margin: 10px;
}
@media (max-width: 760px) {
  ._truyenchua_story_hero_block > ._truyenchua_story_actions_block {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    width: 100%;
    padding: 1px;
  }
  ._truyenchua_story_hero_block > ._truyenchua_story_actions_block > a,
  ._truyenchua_story_hero_block > ._truyenchua_story_actions_block > button {
    display: flex;
    width: 100%;
    min-height: 42px;
    min-width: 0;
    flex: none;
    gap: 5px;
    padding: 5px 6px;
    overflow: hidden;
    font-size: 10px;
    line-height: 1.13;
    text-align: center;
    white-space: normal;
  }
  ._truyenchua_story_hero_block > ._truyenchua_story_actions_block > a span,
  ._truyenchua_story_hero_block > ._truyenchua_story_actions_block > button span {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  ._truyenchua_story_hero_block > ._truyenchua_story_actions_block svg {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
  }
  ._truyenchua_footer_ad_wrap_block ._truyenchua_ad_slot_block {
    max-width: calc(100% - 20px);
    margin: 10px;
  }
}
@media (max-width: 360px) {
  ._truyenchua_story_hero_block > ._truyenchua_story_actions_block {
    gap: 5px;
  }
  ._truyenchua_story_hero_block > ._truyenchua_story_actions_block > a,
  ._truyenchua_story_hero_block > ._truyenchua_story_actions_block > button {
    min-height: 40px;
    gap: 3px;
    padding-inline: 4px;
    font-size: 9px;
  }
}