@charset "UTF-8";
/* 18+ PhimSex v2.0.1 — final UI, dark-mode and responsive refinement layer. */

/* ===== Source: assets/front/css/v2967-honeytoon-refinement.css ===== */
/* 18+ Comic v2.9.6.7 — bookmark clarity, breadcrumb play icon, responsive header ad, Honeytoon tags and compact video info. */

/* Breadcrumb: the play icon belongs only to the current single-video item. */
.vtt-truyen-breadcrumb-current{display:inline-flex;min-width:0;align-items:center;gap:7px}
.vtt-truyen-breadcrumb-current__icon{flex:0 0 auto;color:#e85d04;font-size:13px}
.vtt-truyen-breadcrumb-current__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Header 728x90: the creative touches the inner border; spacing belongs to the outer zone. */
.vtt-header-ad-zone{position:relative;padding:18px 0 16px;overflow:hidden;background:rgba(255,255,255,.3)}
.vtt-header-ad-zone>.container{display:flex;justify-content:center}
.vtt-ad-slot--header-below-menu{width:min(100%,732px)!important;max-width:732px!important;margin:0 auto!important;padding:0!important;border-radius:12px!important;box-sizing:border-box;box-shadow:4px 5px 0 rgba(23,23,27,.14),0 12px 24px rgba(23,23,27,.08)!important}
.vtt-ad-slot--header-below-menu .vtt-ad-slot__label{top:-11px;left:12px;z-index:8}
.vtt-ad-slot--header-below-menu .vtt-ad-slot__content{display:flex;width:100%;min-height:90px;align-items:center;justify-content:center;padding:0!important;border-radius:9px;overflow:hidden!important;background:#fff}
.vtt-ad-slot--header-below-menu .vtt-ad-slot__content>center,.vtt-ad-slot--header-below-menu .vtt-ad-slot__content>div,.vtt-ad-slot--header-below-menu .vtt-ad-slot__content>ins{max-width:100%;margin:0!important;padding:0!important}
.vtt-ad-slot--header-below-menu iframe,.vtt-ad-slot--header-below-menu img,.vtt-ad-slot--header-below-menu ins{display:block;max-width:100%!important;margin:0 auto!important;border:0!important}
.vtt-ad-slot--header-below-menu img{height:auto!important;object-fit:contain}

/* Honeytoon tag directory. */
.vtt-honeytoon-tag-page{display:grid;gap:28px;min-width:0}
.vtt-tag-page-intro{padding:18px 20px;border:2px solid var(--vtt-line);border-radius:16px;background:#fff;box-shadow:5px 6px 0 rgba(23,23,27,.12)}
.vtt-tag-page-intro>*:last-child{margin-bottom:0}
.vtt-tag-panel{position:relative;padding:24px;border:3px solid var(--vtt-line);border-radius:22px;background:#fff;box-shadow:7px 8px 0 rgba(23,23,27,.12),0 18px 38px rgba(23,23,27,.07)}
.vtt-tag-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.vtt-tag-panel__header h1,.vtt-tag-panel__header h2{display:flex;min-width:0;align-items:center;gap:10px;margin:0;color:var(--vtt-ink);font:900 clamp(25px,3vw,38px)/1.1 Quicksand,Inter,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.vtt-tag-panel__icon{display:inline-flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;border:2px solid var(--vtt-line);border-radius:10px;background:var(--vtt-yellow);box-shadow:3px 4px 0 rgba(23,23,27,.18);font-size:17px}
.vtt-tag-panel__count{flex:0 0 auto;color:var(--vtt-muted);font:800 13px/1.2 Inter,sans-serif}
.vtt-featured-tag-grid,.vtt-tag-group__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 16px}
.vtt-tag-card,.vtt-tag-directory-card{display:flex;min-width:0;min-height:54px;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:2px solid var(--vtt-line);border-radius:13px;color:var(--vtt-ink)!important;text-decoration:none!important;box-shadow:4px 5px 0 rgba(23,23,27,.22);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.vtt-tag-card:hover,.vtt-tag-directory-card:hover{transform:translateY(-2px);box-shadow:5px 7px 0 rgba(23,23,27,.2);filter:saturate(1.04)}
.vtt-tag-card strong,.vtt-tag-directory-card strong{min-width:0;overflow:hidden;font:850 13px/1.3 Quicksand,Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.vtt-tag-card span,.vtt-tag-directory-card span{flex:0 0 auto;font:850 12px/1.2 Quicksand,Inter,sans-serif;white-space:nowrap}
.vtt-tag-card--tone-0{background:#ffe77a}.vtt-tag-card--tone-1{background:#bfeaf6}.vtt-tag-card--tone-2{background:#caf1b9}.vtt-tag-card--tone-3{background:#ffd8e8}.vtt-tag-card--tone-4{background:#dfd0fa}.vtt-tag-card--tone-5{background:#ffc8c8}
.vtt-tag-alphabet{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.vtt-tag-alphabet a{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:2px solid var(--vtt-line);border-radius:9px;color:var(--vtt-ink)!important;background:#edf7fb;font:900 12px/1 Quicksand,Inter,sans-serif;text-decoration:none!important;box-shadow:3px 4px 0 rgba(23,23,27,.18);transition:transform .16s ease,background .16s ease}
.vtt-tag-alphabet a:hover{transform:translateY(-2px);background:var(--vtt-yellow)}
.vtt-tag-groups{display:grid;gap:23px}
.vtt-tag-group{scroll-margin-top:110px}
.vtt-tag-group h3{margin:0 0 12px;color:var(--vtt-ink);font:900 20px/1 Quicksand,Inter,sans-serif}
.vtt-tag-directory-card{min-height:50px;background:#edf7fb}

/* Compact information card: small poster on all breakpoints. */
.vtt-video-info-card{grid-template-columns:150px minmax(0,1fr)!important;gap:14px!important;margin:14px 0!important;padding:14px!important;border-radius:14px!important;box-shadow:5px 6px 0 rgba(7,70,111,.15),0 13px 27px rgba(0,0,0,.08)!important}
.vtt-video-info-card__poster{width:150px;aspect-ratio:16/9;border-width:2px!important;border-radius:11px!important;box-shadow:0 0 0 1px rgba(7,70,111,.3),5px 6px 0 rgba(7,70,111,.15),0 11px 20px rgba(0,0,0,.13)!important}
.vtt-video-info-card__poster-play{width:34px!important;height:34px!important;font-size:12px!important;box-shadow:0 6px 13px rgba(0,0,0,.24),0 0 0 4px rgba(255,255,255,.14)!important}
.vtt-video-info-card__content{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
.vtt-video-info-card__kicker{margin-bottom:4px!important;font-size:10px!important}
.vtt-video-info-card__title{display:-webkit-box;margin:0!important;overflow:hidden;font-size:clamp(16px,1.8vw,21px)!important;line-height:1.25!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.vtt-video-info-card__meta{gap:6px 12px!important;margin-top:7px!important;font-size:11px!important}
.vtt-video-info-card__terms{gap:6px!important;margin-top:8px!important}
.vtt-video-info-card__term{min-height:25px!important;padding:3px 8px!important;font-size:9px!important}
.vtt-video-info-card__author{width:auto!important;max-width:210px;padding:7px 9px!important;border-radius:10px!important;box-shadow:0 6px 13px rgba(7,70,111,.07)!important}
.vtt-video-info-card__author img{width:38px!important;height:38px!important;flex-basis:38px!important}
.vtt-video-info-card__author small{font-size:8px!important}.vtt-video-info-card__author strong{font-size:12px!important}

html[data-ec18-theme="dark"] .vtt-header-ad-zone{background:rgba(8,12,18,.5)}
html[data-ec18-theme="dark"] .vtt-ad-slot--header-below-menu .vtt-ad-slot__content{background:#0b1119}
html[data-ec18-theme="dark"] .vtt-tag-page-intro,html[data-ec18-theme="dark"] .vtt-tag-panel{color:#f3f5f8;background:#111825;border-color:#344252;box-shadow:7px 8px 0 rgba(0,0,0,.32),0 18px 38px rgba(0,0,0,.24)}
html[data-ec18-theme="dark"] .vtt-tag-panel__header h1,html[data-ec18-theme="dark"] .vtt-tag-panel__header h2,html[data-ec18-theme="dark"] .vtt-tag-group h3{color:#f3f5f8}
html[data-ec18-theme="dark"] .vtt-tag-directory-card,html[data-ec18-theme="dark"] .vtt-tag-alphabet a{color:#eef6fb!important;background:#1b2a36;border-color:#526170}

@media(max-width:1100px){
  .vtt-featured-tag-grid,.vtt-tag-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vtt-video-info-card{grid-template-columns:132px minmax(0,1fr)!important}.vtt-video-info-card__poster{width:132px}
  .vtt-video-info-card__content{grid-template-columns:1fr!important}.vtt-video-info-card__author{max-width:260px}
}
@media(max-width:767px){
  .vtt-header-ad-zone{padding:14px 0 12px}.vtt-header-ad-zone>.container{width:calc(100% - 20px)!important;padding:0!important}
  .vtt-ad-slot--header-below-menu{width:100%!important;max-width:100%!important;border-radius:10px!important}
  .vtt-ad-slot--header-below-menu .vtt-ad-slot__content{min-height:0;border-radius:7px}
  .vtt-tag-panel{padding:18px;border-width:2px;border-radius:17px;box-shadow:5px 6px 0 rgba(23,23,27,.12)}
  .vtt-tag-panel__header{align-items:flex-start;margin-bottom:16px}.vtt-tag-panel__header h1,.vtt-tag-panel__header h2{font-size:25px}.vtt-tag-panel__icon{width:35px;height:35px;flex-basis:35px}
  .vtt-tag-panel__count{padding-top:9px;font-size:11px}.vtt-tag-alphabet{flex-wrap:nowrap;margin-inline:-3px;padding:3px 3px 7px;overflow-x:auto;scrollbar-width:thin}
  .vtt-tag-alphabet a{flex:0 0 34px;width:34px;height:34px}.vtt-featured-tag-grid,.vtt-tag-group__grid{grid-template-columns:1fr;gap:10px}
  .vtt-tag-card,.vtt-tag-directory-card{min-height:48px;padding:9px 12px}.vtt-tag-card strong,.vtt-tag-directory-card strong{font-size:12px}.vtt-tag-card span,.vtt-tag-directory-card span{font-size:11px}
  .vtt-video-info-card{grid-template-columns:104px minmax(0,1fr)!important;gap:11px!important;padding:12px!important}
  .vtt-video-info-card__poster{width:104px!important;align-self:start}.vtt-video-info-card__poster-play{width:28px!important;height:28px!important;font-size:10px!important}
  .vtt-video-info-card__content{gap:8px!important}.vtt-video-info-card__title{font-size:15px!important}.vtt-video-info-card__meta{display:grid!important;gap:3px!important;margin-top:5px!important;font-size:10px!important}
  .vtt-video-info-card__terms{display:flex!important;max-width:100%;flex-wrap:nowrap!important;margin-top:7px!important;padding-bottom:3px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .vtt-video-info-card__term{flex:0 0 auto;white-space:nowrap}.vtt-video-info-card__author{max-width:100%;padding:5px 7px!important}.vtt-video-info-card__author img{width:30px!important;height:30px!important;flex-basis:30px!important}
}
@media(max-width:420px){
  .vtt-tag-panel{padding:14px}.vtt-tag-panel__header{gap:8px}.vtt-tag-panel__header h1,.vtt-tag-panel__header h2{gap:8px;font-size:21px}.vtt-tag-panel__count{font-size:10px}
  .vtt-video-info-card{grid-template-columns:92px minmax(0,1fr)!important;gap:9px!important;padding:10px!important}.vtt-video-info-card__poster{width:92px!important}.vtt-video-info-card__kicker{font-size:8px!important}.vtt-video-info-card__title{font-size:14px!important}.vtt-video-info-card__author small{display:none}
}

/* ===== Source: assets/front/css/v298-layout-runtime.css ===== */
/* =========================================================
   18+ Comic v2.9.8 — Layout Runtime, Home Grid and Kicker Fix
========================================================= */
.ec18-layout{display:grid;align-items:start;gap:22px}.ec18-sidebar-right{grid-template-columns:minmax(0,1fr) 300px}.ec18-sidebar-left{grid-template-columns:300px minmax(0,1fr)}.ec18-sidebar-left>.vtt-library-main{order:2}.ec18-sidebar-left>.vtt-library-sidebar,.ec18-sidebar-left>.vtt-single-sidebar{order:1}.ec18-sidebar-right>.vtt-library-main{order:1}.ec18-sidebar-right>.vtt-library-sidebar,.ec18-sidebar-right>.vtt-single-sidebar{order:2}.ec18-sidebar-none{display:block!important}.ec18-sidebar-none>.vtt-library-main{width:100%;max-width:none}.ec18-sidebar-none>.vtt-library-sidebar,.ec18-sidebar-none>.vtt-single-sidebar{display:none!important}.ec18-grid-context-sidebar.ec18-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ec18-grid-context-sidebar.ec18-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ec18-grid-context-sidebar.ec18-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ec18-grid-context-fullwidth.ec18-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ec18-grid-context-fullwidth.ec18-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ec18-grid-context-fullwidth.ec18-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.vtt-section-kicker{display:inline-flex!important;align-items:center;gap:6px;color:#7c2d12!important;background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;border:1px solid rgba(234,88,12,.28)!important;border-radius:999px!important;padding:5px 10px!important;font-size:11px!important;font-weight:900!important;line-height:1!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-shadow:none!important;box-shadow:0 1px 0 rgba(255,255,255,.72),0 5px 12px rgba(124,45,18,.1)!important}html[data-ec18-theme="dark"] .vtt-section-kicker{color:#fde68a!important;background:rgba(120,53,15,.42)!important;border-color:rgba(251,191,36,.38)!important;box-shadow:0 0 0 1px rgba(0,0,0,.22),0 6px 18px rgba(0,0,0,.24)!important}.vtt-home-featured__kicker,.vtt-library-section .vtt-section-kicker,.vtt-single-related .vtt-section-kicker,.vtt-sidebar-block .vtt-section-kicker{color:inherit}.ec18-admin-console .ec18-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.ec18-admin-console .ec18-admin-card{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.ec18-admin-console .ec18-admin-card strong{display:block;font-size:27px;line-height:1.1;color:#1d2327}.ec18-admin-console .ec18-admin-card span{display:block;margin-top:6px;color:#646970;font-weight:600}.ec18-admin-badge{display:inline-flex;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.ec18-admin-badge--ok{background:#edfaef;color:#008a20}.ec18-admin-badge--warn{background:#fcf9e8;color:#996800}.ec18-admin-badge--bad{background:#fcf0f1;color:#b32d2e}.ec18-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.ec18-admin-console table code{font-size:12px}
@media(max-width:1279px){.ec18-sidebar-left,.ec18-sidebar-right{grid-template-columns:276px minmax(0,1fr)}.ec18-sidebar-right{grid-template-columns:minmax(0,1fr) 276px}.ec18-grid-context-fullwidth.ec18-grid-cols-5{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ec18-grid-context-sidebar.ec18-grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1023px){.ec18-sidebar-left,.ec18-sidebar-right{grid-template-columns:1fr}.ec18-sidebar-left>.vtt-library-main,.ec18-sidebar-right>.vtt-library-main,.ec18-sidebar-left>.vtt-library-sidebar,.ec18-sidebar-right>.vtt-library-sidebar,.ec18-sidebar-left>.vtt-single-sidebar,.ec18-sidebar-right>.vtt-single-sidebar{order:initial}.ec18-grid-context-fullwidth.ec18-grid-cols-5,.ec18-grid-context-fullwidth.ec18-grid-cols-4,.ec18-grid-context-fullwidth.ec18-grid-cols-3,.ec18-grid-context-sidebar.ec18-grid-cols-4,.ec18-grid-context-sidebar.ec18-grid-cols-3,.ec18-grid-context-sidebar.ec18-grid-cols-2{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){.ec18-grid-context-fullwidth.ec18-grid-cols-5,.ec18-grid-context-fullwidth.ec18-grid-cols-4,.ec18-grid-context-fullwidth.ec18-grid-cols-3,.ec18-grid-context-sidebar.ec18-grid-cols-4,.ec18-grid-context-sidebar.ec18-grid-cols-3,.ec18-grid-context-sidebar.ec18-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ec18-admin-console .ec18-admin-grid{grid-template-columns:1fr}}
@media(max-width:420px){.ec18-grid-context-fullwidth.ec18-grid-cols-5,.ec18-grid-context-fullwidth.ec18-grid-cols-4,.ec18-grid-context-fullwidth.ec18-grid-cols-3,.ec18-grid-context-sidebar.ec18-grid-cols-4,.ec18-grid-context-sidebar.ec18-grid-cols-3,.ec18-grid-context-sidebar.ec18-grid-cols-2{grid-template-columns:1fr!important}}

/* ===== Source: assets/front/css/v299-compact-ui-polish.css ===== */
/* =========================================================
   18+ Comic v2.9.9.1 — Kicker + Dark Mode Hotfix
   - Restore old comic-style section kicker, only improve contrast.
   - Remove Font Awesome dependency from dark-mode floating icon.
========================================================= */
.vtt-section-kicker,
.vtt-home-featured__kicker,
.vtt-library-section .vtt-section-kicker,
.vtt-single-related .vtt-section-kicker,
.vtt-related-section .vtt-section-kicker,
.vtt-sidebar-block .vtt-section-kicker{
  display:inline-flex!important; align-items:center!important; width:max-content!important; min-height:21px!important;
  margin:0 0 6px!important; padding:3px 8px!important;
  border:1px solid var(--vtt-line,#17171d)!important; border-radius:7px!important;
  color:#17171d!important; background:#ffd82f!important;
  font-size:9px!important; font-weight:800!important; letter-spacing:.08em!important; line-height:1!important; text-transform:uppercase!important;
  text-shadow:none!important; box-shadow:none!important; background-image:none!important;
}
.vtt-comic-library-v220 .vtt-section-kicker,
body.vtt-comic-library-v270 .vtt-section-kicker{
  min-height:23px!important; padding:4px 9px!important; border-radius:7px!important; font-size:10px!important;
}
html[data-ec18-theme="dark"] .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-home-featured__kicker,
html[data-ec18-theme="dark"] .vtt-library-section .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-single-related .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-related-section .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-sidebar-block .vtt-section-kicker{
  color:#111827!important; background:#ffd82f!important; border-color:#f59e0b!important;
  text-shadow:none!important; box-shadow:none!important; background-image:none!important;
}
.ec18-mode-tool.ec18-mode-tool--compact{
  position:fixed!important; right:16px!important; bottom:calc(var(--ec18-catfish-height,0px) + 18px)!important; z-index:9100!important;
  width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; padding:0!important;
  display:inline-flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:0!important;
  color:#7c2d12!important; background:#fff7ed!important; border:2px solid rgba(251,146,60,.55)!important; border-radius:999px!important;
  box-shadow:0 3px 0 rgba(124,45,18,.25),0 8px 18px rgba(15,23,42,.18)!important;
  font:900 18px/1 Inter,Quicksand,system-ui,sans-serif!important; line-height:1!important; cursor:pointer!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease!important;
}
.ec18-mode-tool.ec18-mode-tool--compact:hover{transform:translateY(-1px)!important; box-shadow:0 4px 0 rgba(124,45,18,.25),0 10px 20px rgba(15,23,42,.2)!important;}
.ec18-mode-tool.ec18-mode-tool--compact .ec18-mode-tool__glyph{
  display:block!important; width:1em!important; height:1em!important; font:900 18px/1 Inter,Quicksand,system-ui,sans-serif!important; text-align:center!important;
  transform:translateY(-1px)!important;
}
.ec18-mode-tool.ec18-mode-tool--compact .fa{font-size:18px!important; line-height:1!important;}
html[data-ec18-theme="dark"] .ec18-mode-tool.ec18-mode-tool--compact{color:#fde68a!important; background:#1f2937!important; border-color:rgba(251,191,36,.5)!important; box-shadow:0 3px 0 rgba(0,0,0,.45),0 8px 18px rgba(0,0,0,.38)!important;}
@media(max-width:768px){.ec18-mode-tool.ec18-mode-tool--compact{right:12px!important;bottom:calc(var(--ec18-catfish-height,0px) + 14px)!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:16px!important}.ec18-mode-tool.ec18-mode-tool--compact .ec18-mode-tool__glyph{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.ec18-mode-tool.ec18-mode-tool--compact{transition:none!important}}

/* 18+ Comic v2.9.9.3 — Download CTA as the first detail-tab button
   Keep it on the same line before “Giới thiệu”, with a stronger red comic gradient. */
.vtt-video-tabs .vtt-download-control--tab{
  display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important;
  flex:0 0 auto!important; width:auto!important; min-width:0!important; min-height:36px!important; height:auto!important;
  margin:0!important; padding:0 14px!important;
  color:#fff!important; text-decoration:none!important;
  border:1px solid #a11212!important; border-radius:10px!important;
  background:linear-gradient(135deg,#ef233c 0%,#dc2626 46%,#991b1b 100%)!important;
  box-shadow:0 3px 0 rgba(127,29,29,.42),0 8px 18px rgba(220,38,38,.22)!important;
  font:900 12px/1 Inter,Quicksand,system-ui,sans-serif!important; letter-spacing:.01em!important;
  text-shadow:0 1px 0 rgba(0,0,0,.24)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
.vtt-video-tabs .vtt-download-control--tab:hover,
.vtt-video-tabs .vtt-download-control--tab:focus-visible{
  color:#fff!important; transform:translateY(-1px)!important; filter:saturate(1.08) brightness(1.03)!important;
  box-shadow:0 4px 0 rgba(127,29,29,.44),0 12px 22px rgba(220,38,38,.28)!important;
}
.vtt-video-tabs .vtt-download-control__icon{
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  width:17px!important; height:17px!important; border-radius:999px!important;
  color:#991b1b!important; background:#fff7ed!important;
  font:900 14px/1 Inter,Quicksand,system-ui,sans-serif!important; transform:translateY(-1px)!important;
}
html[data-ec18-theme="dark"] .vtt-video-tabs .vtt-download-control--tab{
  color:#fff!important; border-color:#ef4444!important;
  background:linear-gradient(135deg,#f43f5e 0%,#dc2626 48%,#7f1d1d 100%)!important;
  box-shadow:0 3px 0 rgba(0,0,0,.48),0 10px 22px rgba(248,113,113,.18)!important;
}
html[data-ec18-theme="dark"] .vtt-video-tabs .vtt-download-control__icon{color:#7f1d1d!important;background:#fff1f2!important}
.vtt-video-tabs--download-only{justify-content:flex-start!important}
@media(max-width:767px){
  .vtt-video-tabs .vtt-download-control--tab{flex:1 1 100%!important; width:100%!important; min-height:40px!important; padding:0 12px!important}
}

/* 18+ Comic v2.9.9.4 — Homepage sorting hotfix + dark-mode CTA contrast */
html[data-ec18-theme="dark"] .vtt-truyen-breadcrumb-bar,
html[data-ec18-theme="dark"] .vtt-comic-breadcrumb-bar{
  background:linear-gradient(180deg,#141b28 0%,#0b111b 100%)!important;
  border-color:#2f3d52!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
html[data-ec18-theme="dark"] .vtt-truyen-breadcrumb-home{
  color:#fde68a!important;
  background:linear-gradient(180deg,#263244 0%,#121a28 100%)!important;
  border:2px solid rgba(251,191,36,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 0 rgba(0,0,0,.42),0 9px 18px rgba(0,0,0,.24)!important;
}
html[data-ec18-theme="dark"] .vtt-truyen-breadcrumb-home i{color:#fbbf24!important}
html[data-ec18-theme="dark"] .vtt-truyen-breadcrumb-home:hover,
html[data-ec18-theme="dark"] .vtt-truyen-breadcrumb-home:focus-visible{
  color:#fff7ed!important;
  background:linear-gradient(180deg,#92400e 0%,#451a03 100%)!important;
  border-color:rgba(251,191,36,.82)!important;
  transform:translateY(-1px);
}
html[data-ec18-theme="dark"] .vtt-video-rate .post-like,
html[data-ec18-theme="dark"] .post-like{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px;
  background:linear-gradient(180deg,#182235 0%,#0d1420 100%)!important;
  border:1px solid rgba(251,191,36,.30)!important;
  border-radius:11px!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.32),0 8px 18px rgba(0,0,0,.26)!important;
}
html[data-ec18-theme="dark"] .vtt-video-rate .post-like a,
html[data-ec18-theme="dark"] .post-like a,
html[data-ec18-theme="dark"] .post-like button{
  color:#fde68a!important;
  background:linear-gradient(180deg,#2b3548 0%,#151f30 100%)!important;
  border:2px solid rgba(251,191,36,.52)!important;
  border-radius:8px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 0 rgba(0,0,0,.38)!important;
}
html[data-ec18-theme="dark"] .vtt-video-rate .post-like a:hover,
html[data-ec18-theme="dark"] .post-like a:hover,
html[data-ec18-theme="dark"] .post-like button:hover{
  color:#fff7ed!important;
  background:linear-gradient(180deg,#7c2d12 0%,#431407 100%)!important;
  border-color:rgba(251,191,36,.78)!important;
}
html[data-ec18-theme="dark"] .vtt-ad-slot__label,
html[data-ec18-theme="dark"] .vtt-section-kicker{
  color:#111827!important;
  background:#ffd82f!important;
  border:2px solid #f59e0b!important;
  box-shadow:2px 2px 0 rgba(0,0,0,.55)!important;
}
html[data-ec18-theme="dark"] .vtt-related-section .vtt-section-kicker,
html[data-ec18-theme="dark"] .vtt-single-related .vtt-section-kicker{
  border-color:#f97316!important;
}

/* 18+ Comic v2.9.9.6 — Unified colors for normal video detail tabs.
   Keep .vtt-download-control--tab untouched: it remains the red gradient CTA. */
.vtt-video-tabs button.tab-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:36px!important;
  padding:0 12px!important;
  color:#7c2d12!important;
  background:linear-gradient(180deg,#fffaf0 0%,#fff1c2 100%)!important;
  border:1px solid rgba(245,158,11,.62)!important;
  border-radius:10px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 2px 0 rgba(146,64,14,.20)!important;
  font:900 11px/1 Inter,Quicksand,system-ui,sans-serif!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
  transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.vtt-video-tabs button.tab-link i{
  color:#ea580c!important;
  font-size:12px!important;
  line-height:1!important;
}
.vtt-video-tabs button.tab-link:hover,
.vtt-video-tabs button.tab-link:focus-visible{
  color:#431407!important;
  background:linear-gradient(180deg,#ffe98a 0%,#ffd43b 100%)!important;
  border-color:#f59e0b!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 0 rgba(146,64,14,.24),0 8px 18px rgba(245,158,11,.16)!important;
  transform:translateY(-1px)!important;
}
.vtt-video-tabs button.tab-link.active,
.vtt-video-tabs button.tab-link[aria-selected="true"]{
  color:#111827!important;
  background:linear-gradient(180deg,#ffd93d 0%,#f59e0b 100%)!important;
  border-color:#b45309!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 3px 0 rgba(124,45,18,.36),0 10px 20px rgba(245,158,11,.18)!important;
}
.vtt-video-tabs button.tab-link.active i,
.vtt-video-tabs button.tab-link[aria-selected="true"] i{color:#7c2d12!important;}
html[data-ec18-theme="dark"] .vtt-video-tabs button.tab-link{
  color:#fde68a!important;
  background:linear-gradient(180deg,#263244 0%,#121a28 100%)!important;
  border-color:rgba(251,191,36,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 0 rgba(0,0,0,.42)!important;
}
html[data-ec18-theme="dark"] .vtt-video-tabs button.tab-link i{color:#fbbf24!important;}
html[data-ec18-theme="dark"] .vtt-video-tabs button.tab-link:hover,
html[data-ec18-theme="dark"] .vtt-video-tabs button.tab-link:focus-visible{
  color:#fff7ed!important;
  background:linear-gradient(180deg,#92400e 0%,#451a03 100%)!important;
  border-color:rgba(251,191,36,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 0 rgba(0,0,0,.46),0 10px 20px rgba(0,0,0,.28)!important;
}
html[data-ec18-theme="dark"] .vtt-video-tabs button.tab-link.active,
html[data-ec18-theme="dark"] .vtt-video-tabs button.tab-link[aria-selected="true"]{
  color:#111827!important;
  background:linear-gradient(180deg,#fde68a 0%,#f59e0b 100%)!important;
  border-color:#fbbf24!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 0 rgba(0,0,0,.52),0 10px 22px rgba(251,191,36,.14)!important;
}
html[data-ec18-theme="dark"] .vtt-video-tabs button.tab-link.active i,
html[data-ec18-theme="dark"] .vtt-video-tabs button.tab-link[aria-selected="true"] i{color:#7c2d12!important;}
@media(max-width:767px){
  .vtt-video-tabs button.tab-link{min-height:38px!important;padding:0 10px!important;}
}

/* ===== Source: assets/front/css/ec18-thumbnail-watermark.css ===== */
[data-ec18-watermark="1"]{position:relative;isolation:isolate}
[data-ec18-watermark="1"]::after{content:"";position:absolute;z-index:7;width:28%;max-width:220px;min-width:64px;aspect-ratio:4/1;background-image:var(--ec18-watermark-url);background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;opacity:.82;filter:drop-shadow(0 2px 4px rgba(0,0,0,.32))}
[data-ec18-watermark-position="top-left"]::after{top:3.5%;left:3.5%}
[data-ec18-watermark-position="top-right"]::after{top:3.5%;right:3.5%}
[data-ec18-watermark-position="bottom-left"]::after{bottom:3.5%;left:3.5%}
[data-ec18-watermark-position="bottom-right"]::after{right:3.5%;bottom:3.5%}

/* ===== 18+ Comic v2.10.0 — cinematic border and surface refinement ===== */
:root{
  --ec18-stream-bg:#f3f5f7;
  --ec18-stream-surface:#ffffff;
  --ec18-stream-surface-soft:#f7f8fa;
  --ec18-stream-text:#171a21;
  --ec18-stream-muted:#667085;
  --ec18-stream-line:rgba(17,24,39,.16);
  --ec18-stream-shadow:0 8px 22px rgba(17,24,39,.10);
}
html[data-ec18-theme="dark"]{
  --ec18-stream-bg:#070b12;
  --ec18-stream-surface:#101823;
  --ec18-stream-surface-soft:#151f2c;
  --ec18-stream-text:#f3f5f7;
  --ec18-stream-muted:#9aa7b7;
  --ec18-stream-line:rgba(148,163,184,.18);
  --ec18-stream-shadow:0 10px 28px rgba(0,0,0,.30);
}
/* Ordinary content surfaces use one clean outline; accented CTAs keep their own design. */
.vtt-truyen-breadcrumb-bar,
.vtt-comic-breadcrumb-bar,
.vtt-home-featured,
.vtt-featured-showcase__preview,
.vtt-library-section,
.vtt-sidebar-block,
.vtt-comic-widget,
.vtt-video-card,
.vtt-video-detail-card,
.vtt-tag-panel,
.vtt-member-panel,
.vtt-submit-panel,
.vtt-ad-slot,
.ec18-catfish{border-width:1px!important}
.ec18-mode-tool,
.ec18-mode-tool.ec18-mode-tool--compact,
.vtt-truyen-breadcrumb-home,
.vtt-video-rate .post-like a,
.post-like a,
.post-like button,
.vtt-ad-slot__label{border-width:1px!important}
html[data-ec18-theme="dark"] .vtt-truyen-breadcrumb-bar,
html[data-ec18-theme="dark"] .vtt-comic-breadcrumb-bar,
html[data-ec18-theme="dark"] .vtt-sidebar-block,
html[data-ec18-theme="dark"] .vtt-comic-widget,
html[data-ec18-theme="dark"] .vtt-video-detail-card,
html[data-ec18-theme="dark"] .vtt-tag-panel{
  border-color:var(--ec18-stream-line)!important;
  box-shadow:var(--ec18-stream-shadow)!important;
}
html[data-ec18-theme="dark"] .vtt-video-card{
  border-color:rgba(148,163,184,.16)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.24)!important;
}
html[data-ec18-theme="dark"] .vtt-video-card:hover{
  border-color:rgba(248,113,113,.42)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.32)!important;
}
@media(max-width:767px){
  .vtt-truyen-breadcrumb-bar,.vtt-comic-breadcrumb-bar,.vtt-library-section,.vtt-sidebar-block,.vtt-video-detail-card{box-shadow:none!important}
}

/* =========================================================
   18+ Comic v2.11.0 — tag directory and header ad mobile hardening.
========================================================= */
.vtt-library-stage--tag-directory,.vtt-library-stage--tag-directory .container,.vtt-library-stage--tag-directory .vtt-library-layout,.vtt-library-stage--tag-directory .vtt-library-main,.vtt-honeytoon-tag-page,.vtt-tag-panel,.vtt-tag-groups,.vtt-tag-group,.vtt-featured-tag-grid,.vtt-tag-group__grid{min-width:0;max-width:100%}.vtt-tag-card,.vtt-tag-directory-card{max-width:100%;box-sizing:border-box}.vtt-tag-card strong,.vtt-tag-directory-card strong{overflow-wrap:anywhere}.vtt-ad-slot--header-below-menu,.vtt-ad-slot--header-below-menu .vtt-ad-slot__content{height:auto!important;max-height:none!important}.vtt-ad-slot--header-below-menu .vtt-ad-slot__content{align-items:flex-start;overflow:visible!important}.vtt-ad-slot--header-below-menu iframe{display:block!important;max-height:none!important;transform:none!important}.vtt-ad-slot--header-below-menu>*,.vtt-ad-slot--header-below-menu .vtt-ad-slot__content>*{max-width:100%}
@media(max-width:1023px){.vtt-library-stage--tag-directory .vtt-library-layout{grid-template-columns:1fr!important}.vtt-library-stage--tag-directory .vtt-library-sidebar{width:100%!important;max-width:100%!important;min-width:0!important;position:static!important}}
@media(max-width:767px){.vtt-library-stage--tag-directory{overflow:hidden}.vtt-library-stage--tag-directory .container{width:100%!important;padding-inline:10px!important}.vtt-honeytoon-tag-page{gap:17px}.vtt-tag-panel{width:100%;max-width:100%;overflow:hidden}.vtt-tag-panel__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.vtt-tag-panel__header h1,.vtt-tag-panel__header h2{min-width:0;font-size:22px;line-height:1.16;overflow-wrap:anywhere}.vtt-tag-panel__count{max-width:90px;padding-top:6px;text-align:right;white-space:normal}.vtt-tag-alphabet{width:100%;max-width:100%;margin-inline:0}.vtt-tag-card,.vtt-tag-directory-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;min-height:50px}.vtt-tag-card strong,.vtt-tag-directory-card strong{overflow:visible;text-overflow:clip;white-space:normal}.vtt-tag-card span,.vtt-tag-directory-card span{font-size:10px}.vtt-ad-slot--header-below-menu .vtt-ad-slot__content{width:100%;min-height:0!important;overflow:visible!important}.vtt-ad-slot--header-below-menu iframe{max-width:100%!important;max-height:none!important}}
@media(max-width:390px){.vtt-tag-panel{padding:13px!important}.vtt-tag-panel__header{grid-template-columns:1fr}.vtt-tag-panel__count{max-width:none;padding-top:2px;text-align:left}.vtt-tag-panel__icon{width:32px;height:32px;flex-basis:32px}.vtt-tag-card,.vtt-tag-directory-card{padding:9px 10px}.vtt-tag-card span,.vtt-tag-directory-card span{font-size:9px}}

/* ========================================================================== 
   18+ Comic v2.12.0 — Ad controls, compact author, sidebar history & gallery
   ========================================================================== */
.vtt-player-ad-stack{inset:8px!important;align-items:flex-end!important;justify-content:center!important;padding:0 6px clamp(10px,5%,42px)!important;overflow:hidden!important}
.vtt-player-ad-panel[hidden],.ec18-catfish-stack[hidden],.ec18-catfish[hidden],.vtt-comic-widget--history[hidden]{display:none!important}
.vtt-player-ad-panel{position:relative!important;display:flex!important;flex-direction:column!important;width:min(760px,92%)!important;max-width:92%!important;max-height:calc(100% - 12px)!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:12px!important;background:rgba(12,16,22,.95)!important;box-shadow:0 18px 50px rgba(0,0,0,.48)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;backdrop-filter:blur(8px)}
.vtt-player-ad-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding:4px 5px 4px 11px;border-bottom:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.78);font:800 9px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.vtt-player-ad-close{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:72px!important;height:30px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:8px!important;color:#fff!important;background:#202733!important;box-shadow:none!important;font:800 10px/1 Inter,sans-serif!important;cursor:pointer!important}
.vtt-player-ad-close:hover,.vtt-player-ad-close:focus-visible{color:#151922!important;background:var(--ec18-player-accent,var(--vtt-yellow))!important;outline:0!important}
.vtt-player-ad-content{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;max-height:calc(100% - 34px);padding:7px;overflow:auto;line-height:0}
.vtt-player-ad-panel .vtt-ad-slot--in-player{max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.vtt-player-ad-panel .vtt-ad-slot__content{display:flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important;max-height:none!important;overflow:visible!important}
.vtt-player-ad-panel iframe,.vtt-player-ad-panel img{display:block!important;max-width:100%!important;border:0!important}

.ec18-catfish-stack{left:50%!important;bottom:max(8px,env(safe-area-inset-bottom))!important;display:block!important;width:min(calc(100vw - 16px),980px)!important;max-width:calc(100vw - 16px)!important;transform:translateX(-50%)!important;pointer-events:none!important}
.ec18-catfish{display:flex!important;flex-direction:column!important;width:max-content;max-width:100%!important;margin:0 auto!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(18,28,40,.28)!important;border-radius:12px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 14px 38px rgba(8,20,36,.28)!important;pointer-events:auto!important;backdrop-filter:blur(8px)}
.ec18-catfish__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;padding:3px 4px 3px 10px;border-bottom:1px solid rgba(18,28,40,.12);color:#66717e;font:800 9px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ec18-catfish__close{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;min-width:66px!important;height:27px!important;padding:0 9px!important;border:1px solid rgba(18,28,40,.18)!important;border-radius:8px!important;color:#fff!important;background:#171d25!important;box-shadow:none!important;font:800 10px/1 Inter,sans-serif!important;cursor:pointer!important}
.ec18-catfish__close:hover,.ec18-catfish__close:focus-visible{color:#141822!important;background:var(--vtt-yellow)!important;outline:0!important}
.ec18-catfish__content{display:flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important;overflow:hidden!important;line-height:0!important}
.ec18-catfish iframe,.ec18-catfish img{display:block!important;max-width:100%!important;border:0!important}
html[data-ec18-theme="dark"] .ec18-catfish{color:#eef3f8!important;background:rgba(20,27,36,.97)!important;border-color:#3c4856!important}
html[data-ec18-theme="dark"] .ec18-catfish__bar{color:#aeb8c4;border-bottom-color:#354150}

.vtt-comic-widget__heading-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.vtt-comic-widget__heading-row h2{min-width:0;margin:0!important}
.vtt-comic-widget__scope{flex:0 0 auto;padding:3px 6px;border:1px solid var(--vtt-line);border-radius:999px;color:var(--vtt-muted);background:var(--vtt-surface-soft,#f4f6f8);font:800 7px/1 Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.vtt-comic-widget__clear{flex:0 0 auto;padding:4px 7px;border:1px solid var(--vtt-line);border-radius:7px;color:var(--vtt-muted);background:var(--vtt-surface,#fff);font:800 8px/1 Inter,sans-serif;cursor:pointer}
.vtt-comic-widget__clear:hover,.vtt-comic-widget__clear:focus-visible{color:var(--vtt-ink);background:var(--vtt-yellow);outline:0}
.vtt-comic-list--history a{grid-template-columns:23px 42px minmax(0,1fr)!important}
.vtt-comic-list__history-thumb{display:block;width:42px;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--vtt-line);border-radius:7px;background:#111722}
.vtt-comic-list__history-thumb img{display:block;width:100%;height:100%;object-fit:cover}

.vtt-video-info-card__content{display:block!important;min-width:0!important}
.vtt-video-info-card__headline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0}
.vtt-video-info-card__headline .vtt-video-info-card__author{align-self:start}

.ec18-post-gallery--embedded{margin:13px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.ec18-post-gallery--embedded:before{display:none!important}
.ec18-post-gallery--embedded .ec18-post-gallery__header{padding:0 1px}
.ec18-post-gallery--embedded .ec18-post-gallery__media{border:1px solid rgba(20,24,34,.19)!important;box-shadow:0 5px 13px rgba(15,23,42,.12)!important}
.ec18-post-gallery--static .ec18-post-gallery__nav,.ec18-post-gallery--static .ec18-post-gallery__progress{display:none!important}
.ec18-post-gallery--static .ec18-post-gallery__viewport{overflow:visible!important}
.ec18-post-gallery--static .ec18-post-gallery__track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important;scroll-snap-type:none!important}
html[data-ec18-theme="dark"] .ec18-post-gallery--embedded{background:transparent!important;border:0!important;box-shadow:none!important}

@media(max-width:767px){
  .vtt-player-ad-stack{inset:5px!important;padding:0 2px 8px!important}
  .vtt-player-ad-panel{width:min(94%,640px)!important;max-width:94%!important;border-radius:10px!important}
  .vtt-player-ad-bar{min-height:36px;padding-left:9px}
  .vtt-player-ad-close{min-width:40px!important;min-height:32px!important;padding:0 9px!important}
  .vtt-player-ad-close span{display:none}
  .vtt-player-ad-content{padding:5px}
  .ec18-catfish-stack{bottom:max(5px,env(safe-area-inset-bottom))!important;width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important}
  .ec18-catfish{max-width:100%!important;border-radius:10px!important}
  .ec18-catfish__bar{min-height:36px;padding-left:9px}
  .ec18-catfish__close{min-width:68px!important;min-height:31px!important}
  .vtt-video-info-card__headline{display:flex;flex-direction:column;align-items:stretch;gap:6px}
  .vtt-video-info-card__headline .vtt-video-info-card__author{display:inline-flex!important;align-self:flex-start!important;max-width:100%!important;min-height:29px!important;padding:2px 7px 2px 3px!important;border-radius:999px!important;box-shadow:none!important}
  .vtt-video-info-card__headline .vtt-video-info-card__author img{flex:0 0 25px!important;width:25px!important;height:25px!important;border-width:1px!important;box-shadow:0 0 0 1px rgba(7,70,111,.12)!important}
  .vtt-video-info-card__headline .vtt-video-info-card__author span{display:flex!important;min-width:0!important;max-width:min(62vw,250px)!important;flex-direction:row!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}
  .vtt-video-info-card__headline .vtt-video-info-card__author small{display:inline!important;flex:0 0 auto!important;font-size:8px!important;letter-spacing:0!important;text-transform:none!important}
  .vtt-video-info-card__headline .vtt-video-info-card__author strong{min-width:0!important;overflow:hidden!important;font-size:10px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .ec18-post-gallery--static .ec18-post-gallery__track{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:400px){
  .vtt-video-info-card__headline .vtt-video-info-card__author small{display:none!important}
  .ec18-post-gallery--static .ec18-post-gallery__track{grid-template-columns:minmax(0,1fr)!important}
  .ec18-post-gallery__count{display:none!important}
}
/* Keep timed ad creatives laid out while visually pending so third-party scripts can calculate dimensions. */
.vtt-player-ad-panel.is-pending{position:absolute!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.ec18-catfish-stack.is-pending{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.ec18-catfish.is-pending{position:absolute!important;left:0!important;right:0!important;margin-inline:auto!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.ec18-catfish.is-pending{width:100%!important;max-width:100%!important}


/* 18+ Comic v2.12.3 — country row below video categories and tags. */
.vtt-video-info-card__countries{display:flex;align-items:center;gap:7px;min-width:0;margin-top:8px;color:var(--vtt-muted);font:800 10px/1.25 Inter,sans-serif}
.vtt-video-info-card__countries-label{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;color:inherit;white-space:nowrap}
.vtt-video-info-card__countries-list{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.vtt-video-info-card__country{display:inline-flex;align-items:center;min-height:24px;max-width:100%;padding:3px 8px;border:1px solid rgba(22,101,52,.2);border-radius:999px;color:#166534;background:#ecfdf3;font:850 9px/1.2 Quicksand,Inter,sans-serif;text-decoration:none!important;overflow-wrap:anywhere;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.vtt-video-info-card__country:hover{transform:translateY(-1px);border-color:currentColor;background:#fff}
html[data-ec18-theme="dark"] .vtt-video-info-card__country{color:#bbf7d0;background:rgba(22,101,52,.3);border-color:rgba(134,239,172,.28)}
@media(max-width:767px){.vtt-video-info-card__countries{gap:6px;margin-top:6px;overflow:hidden}.vtt-video-info-card__countries-list{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.vtt-video-info-card__country{flex:0 0 auto;white-space:nowrap}}

/* 18+ Comic v2.12.4 — sidebar heading divider inspired by the reference layout. */
.vtt-comic-widget h2,.vtt-aside-related h2{display:flex!important;width:100%;min-width:0;align-items:center;gap:8px;padding-bottom:0!important;border-bottom:0!important;overflow:hidden}
.vtt-comic-widget h2::after,.vtt-aside-related h2::after{content:"";position:static!important;inset:auto!important;display:block;flex:1 1 34px;min-width:24px;width:auto!important;height:2px!important;margin-left:2px;border:0;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--vtt-cyan,#9ddff3) 88%,var(--vtt-line,#202025)),color-mix(in srgb,var(--vtt-cyan,#9ddff3) 38%,transparent))!important;box-shadow:0 1px 0 color-mix(in srgb,var(--vtt-line,#202025) 16%,transparent)}
.vtt-comic-widget__heading-row h2{flex:1 1 auto}
html[data-ec18-theme="dark"] .vtt-comic-widget h2::after,html[data-ec18-theme="dark"] .vtt-aside-related h2::after{background:linear-gradient(90deg,var(--vtt-yellow,#f47c20),color-mix(in srgb,var(--vtt-yellow,#f47c20) 34%,transparent))!important;box-shadow:0 1px 0 rgba(255,255,255,.08)}
@media(max-width:575px){.vtt-comic-widget h2,.vtt-aside-related h2{gap:7px}.vtt-comic-widget h2::after,.vtt-aside-related h2::after{min-width:16px;height:1px!important}}

/* ==========================================================================
   18+ Comic v2.12.5 — canonical sidebar grid geometry
   Sidebar width is fixed; the content column always consumes the remainder.
   ========================================================================== */
body.vtt-comic-library .ec18-layout{
  --ec18-sidebar-width:300px;
  --ec18-layout-gap:24px;
  display:grid!important;
  align-items:start!important;
  gap:var(--ec18-layout-gap)!important;
}
body.vtt-comic-library .ec18-layout.ec18-sidebar-left{
  grid-template-columns:var(--ec18-sidebar-width) minmax(0,1fr)!important;
  grid-template-areas:"sidebar main"!important;
}
body.vtt-comic-library .ec18-layout.ec18-sidebar-right{
  grid-template-columns:minmax(0,1fr) var(--ec18-sidebar-width)!important;
  grid-template-areas:"main sidebar"!important;
}
body.vtt-comic-library .ec18-layout>.vtt-library-main{
  grid-area:main!important;
  order:initial!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
body.vtt-comic-library .ec18-layout>.vtt-library-sidebar,
body.vtt-comic-library .ec18-layout>.vtt-single-sidebar{
  grid-area:sidebar!important;
  order:initial!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  align-self:start!important;
}
body.vtt-comic-library .ec18-layout.ec18-sidebar-none,
body.vtt-comic-library .ec18-layout.ec18-layout--no-sidebar,
body.vtt-comic-library .ec18-layout.vtt-library-layout--fullwidth{
  display:block!important;
}
body.vtt-comic-library .ec18-layout.ec18-sidebar-none>.vtt-library-main,
body.vtt-comic-library .ec18-layout.ec18-layout--no-sidebar>.vtt-library-main,
body.vtt-comic-library .ec18-layout.vtt-library-layout--fullwidth>.vtt-library-main{
  width:100%!important;
  max-width:none!important;
}
body.vtt-comic-library .ec18-layout.ec18-sidebar-none>.vtt-library-sidebar,
body.vtt-comic-library .ec18-layout.ec18-sidebar-none>.vtt-single-sidebar,
body.vtt-comic-library .ec18-layout.ec18-layout--no-sidebar>.vtt-library-sidebar,
body.vtt-comic-library .ec18-layout.ec18-layout--no-sidebar>.vtt-single-sidebar{
  display:none!important;
}
body.vtt-comic-library .ec18-layout .vtt-library-sidebar,
body.vtt-comic-library .ec18-layout .vtt-single-sidebar,
body.vtt-comic-library .ec18-layout .vtt-comic-widget,
body.vtt-comic-library .ec18-layout .vtt-aside-related,
body.vtt-comic-library .ec18-layout .vtt-sidebar-video-list,
body.vtt-comic-library .ec18-layout .vtt-comic-sidebar-ad{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box;
}
body.vtt-comic-library .ec18-layout .vtt-library-sidebar img,
body.vtt-comic-library .ec18-layout .vtt-single-sidebar img,
body.vtt-comic-library .ec18-layout .vtt-library-sidebar iframe,
body.vtt-comic-library .ec18-layout .vtt-single-sidebar iframe,
body.vtt-comic-library .ec18-layout .vtt-library-sidebar video,
body.vtt-comic-library .ec18-layout .vtt-single-sidebar video{
  max-width:100%!important;
}
body.vtt-comic-library .ec18-layout .vtt-sidebar-video-card__title,
body.vtt-comic-library .ec18-layout .vtt-comic-list__copy,
body.vtt-comic-library .ec18-layout .vtt-comic-list__copy strong{
  min-width:0;
  overflow-wrap:anywhere;
}
@media(min-width:1024px) and (max-width:1279px){
  body.vtt-comic-library .ec18-layout{
    --ec18-sidebar-width:276px;
    --ec18-layout-gap:18px;
  }
}
@media(max-width:1023px){
  body.vtt-comic-library .ec18-layout.ec18-sidebar-left,
  body.vtt-comic-library .ec18-layout.ec18-sidebar-right{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"main" "sidebar"!important;
    gap:18px!important;
  }
  body.vtt-comic-library .ec18-layout>.vtt-library-main,
  body.vtt-comic-library .ec18-layout>.vtt-library-sidebar,
  body.vtt-comic-library .ec18-layout>.vtt-single-sidebar{
    width:100%!important;
    max-width:100%!important;
  }
}
@media(max-width:575px){
  body.vtt-comic-library .ec18-layout.ec18-sidebar-left,
  body.vtt-comic-library .ec18-layout.ec18-sidebar-right{gap:14px!important}
}

/* ==========================================================================
   18+ Comic v2.13.0 — sidebar creative containment, palettes, featured suite
   ========================================================================== */

/* Main menu typography: Quicksand wins over all legacy Inter declarations. */
body.vtt-comic-library .vtt-primary-nav>li>a,
body.vtt-comic-library .vtt-primary-nav>li>a.vtt-comic-menu-link,
body.vtt-comic-library .vtt-primary-nav .sub-menu a{
  font-family:"Quicksand","Inter",sans-serif!important;
  font-weight:700!important;
  letter-spacing:.01em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.vtt-comic-library .vtt-primary-nav>li>a{min-height:37px;padding:9px 12px!important;font-size:12px!important;line-height:1.15!important}
body.vtt-comic-library .vtt-primary-nav .sub-menu a{font-size:12.5px!important;line-height:1.3!important}
body.vtt-comic-library .vtt-primary-nav>li>a::before{font-family:"FontAwesome"!important;font-weight:400!important;letter-spacing:0}
@media(min-width:768px) and (max-width:1279px){body.vtt-comic-library .vtt-primary-nav>li>a{padding-inline:9px!important;font-size:11.5px!important}}
@media(max-width:767px){body.vtt-comic-library .vtt-primary-nav>li>a{font-size:14px!important;line-height:1.3!important}}

/* Sidebar common widgets are always first and every creative is contained. */
.vtt-comic-dynamic-sidebar{display:grid;gap:14px;min-width:0;max-width:100%}
.vtt-comic-dynamic-sidebar>.widget{min-width:0;max-width:100%;margin:0;box-sizing:border-box;overflow-wrap:anywhere}
.vtt-comic-dynamic-sidebar>.widget.ec18-sidebar-widget--ad{padding:6px!important;overflow:clip!important;contain:layout paint;isolation:isolate}
.vtt-comic-sidebar-ad,.vtt-aside-ad-stack,.vtt-aside-ad-stack .vtt-ad-slot,[data-ec18-sidebar-creative-host]{width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:clip;isolation:isolate}
.ec18-sidebar-creative-shell{position:relative;display:block;width:100%;max-width:100%;min-width:0;margin-inline:auto;overflow:clip;isolation:isolate}
.ec18-sidebar-creative-shell>.ec18-sidebar-creative-node{display:block;max-width:none!important;transform-origin:top left;will-change:transform}
.vtt-library-sidebar iframe,.vtt-single-sidebar iframe,.vtt-library-sidebar canvas,.vtt-single-sidebar canvas,.vtt-library-sidebar ins,.vtt-single-sidebar ins{max-width:100%}
.vtt-library-sidebar *,.vtt-single-sidebar *{box-sizing:border-box}

/* New fixed light palettes: 13 additions bring the suite to 20 presets. */
body.ec18-tone--pop-art-red{--vtt-ink:#182231;--vtt-ink-soft:#465365;--vtt-paper:#fff4e8;--vtt-surface:#fff;--vtt-surface-soft:#fff9f1;--vtt-line:#172b44;--vtt-line-soft:#e7cdb5;--vtt-muted:#7b6a5f;--vtt-yellow:#ff334f;--vtt-yellow-deep:#cb1730;--vtt-red:#ff334f;--vtt-cyan:#73d7ff;--vtt-violet:#b99cff;--vtt-green:#b9e986;--ec18-tone-header:#132b47;--ec18-tone-header-soft:#203c5d;--ec18-tone-footer:#10233a;--ec18-tone-glow:rgba(255,51,79,.2)}
body.ec18-tone--electric-lime{--vtt-ink:#101a15;--vtt-ink-soft:#405348;--vtt-paper:#f4ffe9;--vtt-surface:#fff;--vtt-surface-soft:#f9fff4;--vtt-line:#15251c;--vtt-line-soft:#cbdcbf;--vtt-muted:#69786f;--vtt-yellow:#b7f52c;--vtt-yellow-deep:#75a900;--vtt-red:#ff5c69;--vtt-cyan:#73e6d1;--vtt-violet:#c7b4ff;--vtt-green:#b7f52c;--ec18-tone-header:#101512;--ec18-tone-header-soft:#1b261f;--ec18-tone-footer:#0c110e;--ec18-tone-glow:rgba(183,245,44,.2)}
body.ec18-tone--candy-neon{--vtt-ink:#311b3c;--vtt-ink-soft:#674d72;--vtt-paper:#fff0fb;--vtt-surface:#fff;--vtt-surface-soft:#fff7fd;--vtt-line:#452050;--vtt-line-soft:#e9c3e6;--vtt-muted:#8a6a8c;--vtt-yellow:#ff4fc3;--vtt-yellow-deep:#cb248f;--vtt-red:#ff5d7e;--vtt-cyan:#41ddff;--vtt-violet:#bd82ff;--vtt-green:#8ce6c4;--ec18-tone-header:#26133a;--ec18-tone-header-soft:#3b1c55;--ec18-tone-footer:#1e0e2e;--ec18-tone-glow:rgba(255,79,195,.21)}
body.ec18-tone--coral-pop{--vtt-ink:#263343;--vtt-ink-soft:#586574;--vtt-paper:#fff3ee;--vtt-surface:#fff;--vtt-surface-soft:#fff9f6;--vtt-line:#273d52;--vtt-line-soft:#e8c7bc;--vtt-muted:#846f69;--vtt-yellow:#ff735e;--vtt-yellow-deep:#d34b38;--vtt-red:#ef3f61;--vtt-cyan:#7ad9ea;--vtt-violet:#c8a8ee;--vtt-green:#b6e0a4;--ec18-tone-header:#163b5b;--ec18-tone-header-soft:#225277;--ec18-tone-footer:#113047;--ec18-tone-glow:rgba(255,115,94,.2)}
body.ec18-tone--amber-retro{--vtt-ink:#35251b;--vtt-ink-soft:#6c5140;--vtt-paper:#fff5dc;--vtt-surface:#fffdf7;--vtt-surface-soft:#fff9e9;--vtt-line:#51331f;--vtt-line-soft:#dec7a7;--vtt-muted:#876f5e;--vtt-yellow:#e8a317;--vtt-yellow-deep:#ad6f00;--vtt-red:#c95536;--vtt-cyan:#8fc8c1;--vtt-violet:#bda5c9;--vtt-green:#afc77d;--ec18-tone-header:#2b1d14;--ec18-tone-header-soft:#432d1e;--ec18-tone-footer:#21160f;--ec18-tone-glow:rgba(232,163,23,.2)}
body.ec18-tone--cyber-cyan{--vtt-ink:#082832;--vtt-ink-soft:#315762;--vtt-paper:#e8fdff;--vtt-surface:#fff;--vtt-surface-soft:#f2feff;--vtt-line:#093f4d;--vtt-line-soft:#b8e1e6;--vtt-muted:#5d7d84;--vtt-yellow:#00d9ed;--vtt-yellow-deep:#008da1;--vtt-red:#ff4f79;--vtt-cyan:#65f1ff;--vtt-violet:#9da8ff;--vtt-green:#82e3ba;--ec18-tone-header:#031922;--ec18-tone-header-soft:#062b36;--ec18-tone-footer:#02141b;--ec18-tone-glow:rgba(0,217,237,.22)}
body.ec18-tone--midnight-blue{--vtt-ink:#142241;--vtt-ink-soft:#485a7d;--vtt-paper:#edf2ff;--vtt-surface:#fff;--vtt-surface-soft:#f5f7ff;--vtt-line:#20355e;--vtt-line-soft:#c2cdea;--vtt-muted:#697693;--vtt-yellow:#4169e1;--vtt-yellow-deep:#2445a9;--vtt-red:#ef5f78;--vtt-cyan:#8eb4ff;--vtt-violet:#b99aff;--vtt-green:#9ed5b5;--ec18-tone-header:#09142d;--ec18-tone-header-soft:#12234a;--ec18-tone-footer:#071025;--ec18-tone-glow:rgba(65,105,225,.2)}
body.ec18-tone--arctic-ice{--vtt-ink:#173044;--vtt-ink-soft:#506878;--vtt-paper:#f2fbff;--vtt-surface:#fff;--vtt-surface-soft:#f7fdff;--vtt-line:#24465d;--vtt-line-soft:#c9e1ec;--vtt-muted:#718793;--vtt-yellow:#8ad8ff;--vtt-yellow-deep:#3297cc;--vtt-red:#f17786;--vtt-cyan:#d8f4ff;--vtt-violet:#d3c8f2;--vtt-green:#c4e8d3;--ec18-tone-header:#17334a;--ec18-tone-header-soft:#244c68;--ec18-tone-footer:#112a3d;--ec18-tone-glow:rgba(138,216,255,.23)}
body.ec18-tone--emerald-night{--vtt-ink:#143326;--vtt-ink-soft:#426657;--vtt-paper:#ecfff6;--vtt-surface:#fff;--vtt-surface-soft:#f5fff9;--vtt-line:#1c503a;--vtt-line-soft:#b9dec9;--vtt-muted:#638374;--vtt-yellow:#21b573;--vtt-yellow-deep:#087a49;--vtt-red:#ed5f69;--vtt-cyan:#7eddd0;--vtt-violet:#b7a6e6;--vtt-green:#8be0ad;--ec18-tone-header:#06251a;--ec18-tone-header-soft:#0d3b2a;--ec18-tone-footer:#041d14;--ec18-tone-glow:rgba(33,181,115,.2)}
body.ec18-tone--crimson-noir{--vtt-ink:#2d171c;--vtt-ink-soft:#65464d;--vtt-paper:#fff0f2;--vtt-surface:#fff;--vtt-surface-soft:#fff7f8;--vtt-line:#401b24;--vtt-line-soft:#e6c0c7;--vtt-muted:#84666d;--vtt-yellow:#e32246;--vtt-yellow-deep:#a70827;--vtt-red:#e32246;--vtt-cyan:#87cbd9;--vtt-violet:#bca0d1;--vtt-green:#aed1a9;--ec18-tone-header:#0e0b0d;--ec18-tone-header-soft:#211318;--ec18-tone-footer:#090708;--ec18-tone-glow:rgba(227,34,70,.21)}
body.ec18-tone--ruby-velvet{--vtt-ink:#391725;--vtt-ink-soft:#704658;--vtt-paper:#fff1f5;--vtt-surface:#fff;--vtt-surface-soft:#fff8fa;--vtt-line:#521d33;--vtt-line-soft:#e6bdcc;--vtt-muted:#8a6675;--vtt-yellow:#c52c67;--vtt-yellow-deep:#8e1647;--vtt-red:#e34d69;--vtt-cyan:#92d6df;--vtt-violet:#c7a4dc;--vtt-green:#afd5b2;--ec18-tone-header:#250d19;--ec18-tone-header-soft:#3c1428;--ec18-tone-footer:#1e0a14;--ec18-tone-glow:rgba(197,44,103,.21)}
body.ec18-tone--royal-gold{--vtt-ink:#24222a;--vtt-ink-soft:#56525f;--vtt-paper:#fff9e8;--vtt-surface:#fff;--vtt-surface-soft:#fffdf4;--vtt-line:#2f2b35;--vtt-line-soft:#d9d0b5;--vtt-muted:#76717b;--vtt-yellow:#e7b62d;--vtt-yellow-deep:#aa7b00;--vtt-red:#d84d55;--vtt-cyan:#a6d5dc;--vtt-violet:#c0acd8;--vtt-green:#b9ce9c;--ec18-tone-header:#111014;--ec18-tone-header-soft:#242128;--ec18-tone-footer:#0b0a0d;--ec18-tone-glow:rgba(231,182,45,.2)}
body.ec18-tone--lavender-dream{--vtt-ink:#302344;--vtt-ink-soft:#625476;--vtt-paper:#f8f4ff;--vtt-surface:#fff;--vtt-surface-soft:#fcfaff;--vtt-line:#493264;--vtt-line-soft:#d9cbea;--vtt-muted:#7f7092;--vtt-yellow:#ad8cff;--vtt-yellow-deep:#7651cf;--vtt-red:#ee668f;--vtt-cyan:#a4e0ef;--vtt-violet:#e3d8ff;--vtt-green:#c4e2c4;--ec18-tone-header:#2a2140;--ec18-tone-header-soft:#3e315a;--ec18-tone-footer:#211a33;--ec18-tone-glow:rgba(173,140,255,.21)}

/* Full dark matrices; every preset keeps a distinct visual identity. */
html[data-ec18-theme="dark"] body.ec18-tone--comic-classic{--vtt-paper:#0b0d11;--vtt-surface:#151820;--vtt-surface-soft:#1c202a;--vtt-ink:#f5f4ef;--vtt-ink-soft:#d9d6cb;--vtt-muted:#a9a59a;--vtt-line:#4b4a45;--vtt-line-soft:#30312f;--vtt-yellow:#f7ca32;--vtt-yellow-deep:#d9a900;--vtt-cyan:#4caac5;--vtt-violet:#8f75b6;--vtt-green:#77a85b;--ec18-tone-header:#050609;--ec18-tone-header-soft:#111319;--ec18-tone-footer:#040507;--ec18-tone-glow:rgba(247,202,50,.1)}
html[data-ec18-theme="dark"] body.ec18-tone--pop-art-red{--vtt-paper:#100b0e;--vtt-surface:#1c151b;--vtt-surface-soft:#271b22;--vtt-ink:#fff5eb;--vtt-ink-soft:#efd5c8;--vtt-muted:#b9978d;--vtt-line:#5a3440;--vtt-line-soft:#38232b;--vtt-yellow:#ff405b;--vtt-yellow-deep:#d01f3b;--vtt-cyan:#27718e;--vtt-violet:#604884;--vtt-green:#607c3c;--ec18-tone-header:#070507;--ec18-tone-header-soft:#1a0e13;--ec18-tone-footer:#050405;--ec18-tone-glow:rgba(255,64,91,.11)}
html[data-ec18-theme="dark"] body.ec18-tone--electric-lime{--vtt-paper:#07100a;--vtt-surface:#101a13;--vtt-surface-soft:#17231a;--vtt-ink:#f1ffe7;--vtt-ink-soft:#d2e9c8;--vtt-muted:#91a68c;--vtt-line:#3d5b43;--vtt-line-soft:#273c2c;--vtt-yellow:#bdf63b;--vtt-yellow-deep:#82b90c;--vtt-cyan:#296c60;--vtt-violet:#554772;--vtt-green:#648b35;--ec18-tone-header:#030704;--ec18-tone-header-soft:#0c150e;--ec18-tone-footer:#020503;--ec18-tone-glow:rgba(189,246,59,.1)}
html[data-ec18-theme="dark"] body.ec18-tone--candy-neon{--vtt-paper:#110817;--vtt-surface:#1b1024;--vtt-surface-soft:#281632;--vtt-ink:#fff3fc;--vtt-ink-soft:#efd2e9;--vtt-muted:#b497b0;--vtt-line:#60376c;--vtt-line-soft:#3d2646;--vtt-yellow:#ff59c8;--vtt-yellow-deep:#d22b99;--vtt-cyan:#207a89;--vtt-violet:#67478e;--vtt-green:#3d765e;--ec18-tone-header:#08040c;--ec18-tone-header-soft:#1a0c24;--ec18-tone-footer:#060309;--ec18-tone-glow:rgba(255,89,200,.12)}
html[data-ec18-theme="dark"] body.ec18-tone--coral-pop{--vtt-paper:#120d0c;--vtt-surface:#211817;--vtt-surface-soft:#2b201e;--vtt-ink:#fff5ef;--vtt-ink-soft:#ecd7cf;--vtt-muted:#ae9991;--vtt-line:#67423b;--vtt-line-soft:#412c28;--vtt-yellow:#ff806b;--vtt-yellow-deep:#de5643;--vtt-cyan:#2d6871;--vtt-violet:#604d70;--vtt-green:#587147;--ec18-tone-header:#080606;--ec18-tone-header-soft:#1b1110;--ec18-tone-footer:#060404;--ec18-tone-glow:rgba(255,128,107,.11)}
html[data-ec18-theme="dark"] body.ec18-tone--amber-retro{--vtt-paper:#100c08;--vtt-surface:#1e1710;--vtt-surface-soft:#292016;--vtt-ink:#fff8e9;--vtt-ink-soft:#eadbc2;--vtt-muted:#a9977e;--vtt-line:#5b4932;--vtt-line-soft:#3a2f22;--vtt-yellow:#efad27;--vtt-yellow-deep:#bd7d08;--vtt-cyan:#3f6b67;--vtt-violet:#5b4a65;--vtt-green:#647044;--ec18-tone-header:#070503;--ec18-tone-header-soft:#181008;--ec18-tone-footer:#050402;--ec18-tone-glow:rgba(239,173,39,.1)}
html[data-ec18-theme="dark"] body.ec18-tone--ocean-blue{--vtt-paper:#06111a;--vtt-surface:#0c1d29;--vtt-surface-soft:#132a38;--vtt-ink:#effbff;--vtt-ink-soft:#c9e3ec;--vtt-muted:#8eabb7;--vtt-line:#315568;--vtt-line-soft:#203947;--vtt-yellow:#31c7f4;--vtt-yellow-deep:#1498c4;--vtt-cyan:#194f68;--vtt-violet:#344c7d;--vtt-green:#326955;--ec18-tone-header:#02080d;--ec18-tone-header-soft:#071723;--ec18-tone-footer:#02070b;--ec18-tone-glow:rgba(49,199,244,.1)}
html[data-ec18-theme="dark"] body.ec18-tone--cyber-cyan{--vtt-paper:#020d11;--vtt-surface:#071820;--vtt-surface-soft:#0b232c;--vtt-ink:#eaffff;--vtt-ink-soft:#c3e9ed;--vtt-muted:#83aeb4;--vtt-line:#266270;--vtt-line-soft:#17414c;--vtt-yellow:#05e2f4;--vtt-yellow-deep:#00a8bb;--vtt-cyan:#146779;--vtt-violet:#3b507e;--vtt-green:#2b6953;--ec18-tone-header:#010608;--ec18-tone-header-soft:#03131a;--ec18-tone-footer:#010506;--ec18-tone-glow:rgba(5,226,244,.11)}
html[data-ec18-theme="dark"] body.ec18-tone--midnight-blue{--vtt-paper:#070b19;--vtt-surface:#10172a;--vtt-surface-soft:#18223a;--vtt-ink:#f1f4ff;--vtt-ink-soft:#d1d8ef;--vtt-muted:#949fbc;--vtt-line:#3b4d78;--vtt-line-soft:#283554;--vtt-yellow:#5e80ee;--vtt-yellow-deep:#3859c7;--vtt-cyan:#355d9b;--vtt-violet:#554985;--vtt-green:#3d6c5a;--ec18-tone-header:#03050d;--ec18-tone-header-soft:#0b1022;--ec18-tone-footer:#02040a;--ec18-tone-glow:rgba(94,128,238,.11)}
html[data-ec18-theme="dark"] body.ec18-tone--arctic-ice{--vtt-paper:#091117;--vtt-surface:#121e27;--vtt-surface-soft:#1a2a35;--vtt-ink:#f1fbff;--vtt-ink-soft:#d4e7ef;--vtt-muted:#96abb5;--vtt-line:#435f70;--vtt-line-soft:#2c414e;--vtt-yellow:#91ddff;--vtt-yellow-deep:#4ba8d2;--vtt-cyan:#426d7f;--vtt-violet:#57526f;--vtt-green:#496e5c;--ec18-tone-header:#04080b;--ec18-tone-header-soft:#0e1820;--ec18-tone-footer:#030609;--ec18-tone-glow:rgba(145,221,255,.09)}
html[data-ec18-theme="dark"] body.ec18-tone--mint-green{--vtt-paper:#07110d;--vtt-surface:#0f1e17;--vtt-surface-soft:#172a20;--vtt-ink:#effff6;--vtt-ink-soft:#cee8d9;--vtt-muted:#91aa9d;--vtt-line:#365e4b;--vtt-line-soft:#254034;--vtt-yellow:#71ddb0;--vtt-yellow-deep:#37a977;--vtt-cyan:#356776;--vtt-violet:#514776;--vtt-green:#39775a;--ec18-tone-header:#030806;--ec18-tone-header-soft:#0b1812;--ec18-tone-footer:#020604;--ec18-tone-glow:rgba(113,221,176,.1)}
html[data-ec18-theme="dark"] body.ec18-tone--emerald-night{--vtt-paper:#04110b;--vtt-surface:#091e14;--vtt-surface-soft:#102a1d;--vtt-ink:#edfff6;--vtt-ink-soft:#c7ead8;--vtt-muted:#87aa98;--vtt-line:#2f654c;--vtt-line-soft:#1e4433;--vtt-yellow:#2ccc83;--vtt-yellow-deep:#10965b;--vtt-cyan:#276d66;--vtt-violet:#4b4972;--vtt-green:#347a55;--ec18-tone-header:#010704;--ec18-tone-header-soft:#07170e;--ec18-tone-footer:#010503;--ec18-tone-glow:rgba(44,204,131,.11)}
html[data-ec18-theme="dark"] body.ec18-tone--sunset-orange{--vtt-paper:#120b07;--vtt-surface:#21150f;--vtt-surface-soft:#2c1d15;--vtt-ink:#fff5ed;--vtt-ink-soft:#edd7c8;--vtt-muted:#ae988a;--vtt-line:#654331;--vtt-line-soft:#422d22;--vtt-yellow:#ffa45a;--vtt-yellow-deep:#e56a22;--vtt-cyan:#365f69;--vtt-violet:#5d4770;--vtt-green:#526c3f;--ec18-tone-header:#080503;--ec18-tone-header-soft:#1b0f09;--ec18-tone-footer:#060402;--ec18-tone-glow:rgba(255,164,90,.11)}
html[data-ec18-theme="dark"] body.ec18-tone--crimson-noir{--vtt-paper:#0c0709;--vtt-surface:#180e12;--vtt-surface-soft:#24141a;--vtt-ink:#fff2f4;--vtt-ink-soft:#e9cdd2;--vtt-muted:#a98d93;--vtt-line:#60303d;--vtt-line-soft:#3d2028;--vtt-yellow:#ed3154;--vtt-yellow-deep:#bd1233;--vtt-cyan:#315e66;--vtt-violet:#554261;--vtt-green:#4b6347;--ec18-tone-header:#030203;--ec18-tone-header-soft:#12080c;--ec18-tone-footer:#020102;--ec18-tone-glow:rgba(237,49,84,.11)}
html[data-ec18-theme="dark"] body.ec18-tone--ruby-velvet{--vtt-paper:#10070c;--vtt-surface:#1d0e16;--vtt-surface-soft:#29141f;--vtt-ink:#fff2f7;--vtt-ink-soft:#ebcfda;--vtt-muted:#ad909b;--vtt-line:#653348;--vtt-line-soft:#422330;--vtt-yellow:#d63b76;--vtt-yellow-deep:#a51c57;--vtt-cyan:#32616a;--vtt-violet:#58436b;--vtt-green:#4b684c;--ec18-tone-header:#050204;--ec18-tone-header-soft:#170811;--ec18-tone-footer:#030103;--ec18-tone-glow:rgba(214,59,118,.11)}
html[data-ec18-theme="dark"] body.ec18-tone--royal-gold{--vtt-paper:#0c0b08;--vtt-surface:#181611;--vtt-surface-soft:#222019;--vtt-ink:#fff9e9;--vtt-ink-soft:#e6ddc2;--vtt-muted:#a49d89;--vtt-line:#5a5136;--vtt-line-soft:#393423;--vtt-yellow:#efc243;--vtt-yellow-deep:#bd8f12;--vtt-cyan:#3f6268;--vtt-violet:#554a62;--vtt-green:#586347;--ec18-tone-header:#040403;--ec18-tone-header-soft:#11100c;--ec18-tone-footer:#030302;--ec18-tone-glow:rgba(239,194,67,.1)}
html[data-ec18-theme="dark"] body.ec18-tone--sakura-pink{--vtt-paper:#120911;--vtt-surface:#20111c;--vtt-surface-soft:#2b1826;--vtt-ink:#fff3f9;--vtt-ink-soft:#edd2e0;--vtt-muted:#b093a3;--vtt-line:#64384f;--vtt-line-soft:#412635;--vtt-yellow:#ff79b5;--vtt-yellow-deep:#e14c8b;--vtt-cyan:#385c73;--vtt-violet:#60437c;--vtt-green:#36624d;--ec18-tone-header:#080407;--ec18-tone-header-soft:#1b0d17;--ec18-tone-footer:#060305;--ec18-tone-glow:rgba(255,121,181,.1)}
html[data-ec18-theme="dark"] body.ec18-tone--purple-neon{--vtt-paper:#0c0713;--vtt-surface:#171023;--vtt-surface-soft:#221731;--vtt-ink:#f8f2ff;--vtt-ink-soft:#ded2ed;--vtt-muted:#9f91b2;--vtt-line:#513d69;--vtt-line-soft:#352847;--vtt-yellow:#b28cff;--vtt-yellow-deep:#8158e5;--vtt-cyan:#2f6570;--vtt-violet:#674d9b;--vtt-green:#3e6d54;--ec18-tone-header:#050308;--ec18-tone-header-soft:#120b1c;--ec18-tone-footer:#040206;--ec18-tone-glow:rgba(178,140,255,.11)}
html[data-ec18-theme="dark"] body.ec18-tone--lavender-dream{--vtt-paper:#0d0914;--vtt-surface:#181122;--vtt-surface-soft:#241a31;--vtt-ink:#faf5ff;--vtt-ink-soft:#e0d7eb;--vtt-muted:#a198b0;--vtt-line:#57476a;--vtt-line-soft:#392e47;--vtt-yellow:#b798ff;--vtt-yellow-deep:#8462dc;--vtt-cyan:#3b6671;--vtt-violet:#69568b;--vtt-green:#496b55;--ec18-tone-header:#060409;--ec18-tone-header-soft:#140e1d;--ec18-tone-footer:#040307;--ec18-tone-glow:rgba(183,152,255,.1)}
html[data-ec18-theme="dark"] body.ec18-tone--ink-mono{--vtt-paper:#090909;--vtt-surface:#141414;--vtt-surface-soft:#1d1d1d;--vtt-ink:#f2f2f2;--vtt-ink-soft:#d0d0d0;--vtt-muted:#999;--vtt-line:#515151;--vtt-line-soft:#303030;--vtt-yellow:#d7d7d7;--vtt-yellow-deep:#a4a4a4;--vtt-cyan:#454545;--vtt-violet:#3d3d3d;--vtt-green:#4b4b4b;--ec18-tone-header:#030303;--ec18-tone-header-soft:#101010;--ec18-tone-footer:#020202;--ec18-tone-glow:rgba(255,255,255,.04)}

/* Semantic custom/preset locations not covered by the v2.11 mappings. */
body.ec18-v213 .vtt-comic-breadcrumb-bar,body.ec18-v213 .vtt-truyen-breadcrumb-bar{background:var(--ec18-breadcrumb-bg,color-mix(in srgb,var(--vtt-yellow) 22%,var(--vtt-surface)))!important;border-color:color-mix(in srgb,var(--vtt-line) 28%,transparent)!important}
html[data-ec18-theme="dark"] body.ec18-v213 .vtt-comic-breadcrumb-bar,html[data-ec18-theme="dark"] body.ec18-v213 .vtt-truyen-breadcrumb-bar{background:var(--ec18-breadcrumb-bg,var(--vtt-surface-soft))!important}

/* Featured suite — common. */
.ec18-featured-suite{min-width:0}.ec18-featured-suite .vtt-comic-panel{position:relative;overflow:hidden}.ec18-featured-suite img{display:block;width:100%;height:100%;object-fit:cover}.ec18-featured-suite a{text-decoration:none!important}.ec18-featured-suite em{font-style:normal}.ec18-featured-suite .vtt-section-heading{margin-bottom:17px}
/* Cinema hero. */
.ec18-featured-cinema__hero{position:relative;isolation:isolate;overflow:hidden;border:2px solid var(--vtt-line);border-radius:15px;background:#06080c;box-shadow:7px 8px 0 color-mix(in srgb,var(--vtt-line) 22%,transparent)}
.ec18-featured-cinema__link{position:relative;display:block;aspect-ratio:21/9;color:#fff!important;overflow:hidden}.ec18-featured-cinema__link>img{position:absolute;inset:0;transition:opacity .18s ease,transform .35s ease}.ec18-featured-cinema__link:hover>img{transform:scale(1.025)}
.ec18-featured-cinema__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,8,.92) 0%,rgba(2,4,8,.58) 48%,rgba(2,4,8,.08) 78%),linear-gradient(0deg,rgba(2,4,8,.7),transparent 50%)}
.ec18-featured-cinema__content{position:absolute;z-index:3;left:clamp(20px,4vw,55px);bottom:clamp(20px,4vw,48px);display:flex;max-width:min(650px,70%);flex-direction:column;align-items:flex-start;gap:10px}.ec18-featured-cinema__content>small{padding:5px 10px;border-radius:999px;color:#18171b;background:var(--vtt-yellow);font:900 10px/1 Quicksand,Inter,sans-serif}.ec18-featured-cinema__content>strong{display:-webkit-box;overflow:hidden;font:900 clamp(27px,4vw,52px)/1.02 Quicksand,Inter,sans-serif;letter-spacing:-.035em;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ec18-featured-cinema__content>span{display:flex;gap:9px;color:#d9e3eb;font:700 12px/1.25 Inter,sans-serif}.ec18-featured-cinema__content>em{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid rgba(255,255,255,.55);border-radius:10px;color:#fff;background:color-mix(in srgb,var(--vtt-red) 82%,#111);font:900 12px/1 Quicksand,Inter,sans-serif;box-shadow:0 9px 22px rgba(0,0,0,.28)}
.ec18-featured-cinema__rail{display:flex;gap:11px;margin-top:17px;padding:3px 3px 9px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.ec18-featured-cinema__thumb{display:grid;grid-template-columns:120px minmax(0,1fr);flex:0 0 275px;gap:9px;align-items:center;padding:7px;border:1px solid var(--vtt-line-soft);border-radius:11px;color:var(--vtt-ink)!important;background:var(--vtt-surface-soft);scroll-snap-align:start;transition:.2s ease}.ec18-featured-cinema__thumb>span{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:7px}.ec18-featured-cinema__thumb strong{display:-webkit-box;overflow:hidden;font:850 12px/1.32 Quicksand,Inter,sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ec18-featured-cinema__thumb:hover,.ec18-featured-cinema__thumb.is-active{border-color:var(--vtt-yellow-deep);background:color-mix(in srgb,var(--vtt-yellow) 18%,var(--vtt-surface));transform:translateY(-1px)}
/* Mosaic magazine. */
.ec18-featured-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,1fr);gap:11px}.ec18-featured-mosaic__item{position:relative;isolation:isolate;min-width:0;min-height:170px;overflow:hidden;border:2px solid var(--vtt-line);border-radius:13px;color:#fff!important;background:#07090d;box-shadow:4px 5px 0 color-mix(in srgb,var(--vtt-line) 18%,transparent)}.ec18-featured-mosaic__item--1{grid-column:span 2;grid-row:span 2;min-height:350px}.ec18-featured-mosaic__shade{position:absolute;inset:25% 0 0;background:linear-gradient(0deg,rgba(2,4,7,.94),rgba(2,4,7,.58) 58%,transparent)}.ec18-featured-mosaic__copy{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:5px;padding:13px}.ec18-featured-mosaic__copy>small{align-self:flex-start;color:var(--vtt-yellow);font:900 9px/1 Quicksand,Inter,sans-serif;text-transform:uppercase;background: #615858;padding: 5px;border-radius: 8px;}.ec18-featured-mosaic__copy>strong{display:-webkit-box;overflow:hidden;font:850 14px/1.25 Quicksand,Inter,sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ec18-featured-mosaic__item--1 .ec18-featured-mosaic__copy>strong{font-size:clamp(22px,2.6vw,34px)}.ec18-featured-mosaic__copy>em{display:flex;gap:9px;color:#d6dee7;font:700 9px/1.2 Inter,sans-serif}.ec18-featured-mosaic__play{position:absolute;z-index:4;top:14px;left:14px;display:grid;width:38px;height:38px;place-items:center;padding-left:2px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(4,7,12,.62);opacity:.84;transition:.2s ease}.ec18-featured-mosaic__item:hover img{transform:scale(1.04)}.ec18-featured-mosaic__item img{transition:transform .3s ease}.ec18-featured-mosaic__item:hover .ec18-featured-mosaic__play{color:#17171b;background:var(--vtt-yellow);transform:scale(1.08)}
/* Comic carousel. */
.ec18-featured-carousel{display:flex;gap:14px;padding:4px 4px 13px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin}.ec18-featured-carousel__card{position:relative;display:flex;flex:0 0 calc((100% - 42px)/4);min-width:245px;flex-direction:column;overflow:visible;border:2px solid var(--vtt-line);border-radius:14px;color:var(--vtt-ink)!important;background:var(--vtt-surface);box-shadow:6px 7px 0 color-mix(in srgb,var(--vtt-line) 20%,transparent);scroll-snap-align:start;transition:.2s ease}.ec18-featured-carousel__card:hover{transform:translateY(-4px);box-shadow:8px 10px 0 color-mix(in srgb,var(--vtt-line) 22%,transparent)}.ec18-featured-carousel__rank{position:absolute;z-index:5;top:-10px;left:10px;display:grid;min-width:38px;height:30px;place-items:center;padding:10px 10px;border:2px solid var(--vtt-line);border-radius:8px;color:#17171b;background:var(--vtt-yellow);font:950 14px/1 Quicksand,Inter,sans-serif;box-shadow:3px 4px 0 color-mix(in srgb,var(--vtt-line) 20%,transparent)}.ec18-featured-carousel__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:11px 11px 0 0;background:#07090d}.ec18-featured-carousel__media>i{position:absolute;top:50%;left:50%;display:grid;width:44px;height:44px;place-items:center;padding-left:3px;border:2px solid rgba(255,255,255,.8);border-radius:50%;color:#fff;background:rgba(4,7,12,.62);transform:translate(-50%,-50%);transition:.2s ease}.ec18-featured-carousel__media>small{position:absolute;right:7px;bottom:7px;padding:4px 6px;border-radius:6px;color:#fff;background:rgba(3,5,8,.82);font:800 9px/1 Inter,sans-serif}.ec18-featured-carousel__copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:7px;padding:13px}.ec18-featured-carousel__copy>small{color:var(--vtt-yellow-deep);font:900 9px/1 Quicksand,Inter,sans-serif;text-transform:uppercase}.ec18-featured-carousel__copy>strong{display:-webkit-box;overflow:hidden;font:850 14px/1.3 Quicksand,Inter,sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ec18-featured-carousel__copy>em{margin-top:auto;color:var(--vtt-muted);font:700 10px/1.2 Inter,sans-serif}.ec18-featured-carousel__card:hover .ec18-featured-carousel__media>i{color:#17171b;background:var(--vtt-yellow);transform:translate(-50%,-50%) scale(1.08)}
/* Ranking spotlight. */
.ec18-featured-ranking{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:17px}.ec18-featured-ranking__spotlight{position:relative;isolation:isolate;min-height:430px;overflow:hidden;border:2px solid var(--vtt-line);border-radius:15px;color:#fff!important;background:#07090d;box-shadow:7px 8px 0 color-mix(in srgb,var(--vtt-line) 20%,transparent)}.ec18-featured-ranking__shade{position:absolute;inset:20% 0 0;background:linear-gradient(0deg,rgba(2,4,7,.96),rgba(2,4,7,.58) 56%,transparent)}.ec18-featured-ranking__spotlight>b{position:absolute;z-index:4;top:16px;left:16px;display:grid;width:64px;height:64px;place-items:center;border:2px solid #fff;border-radius:17px;color:#17171b;background:var(--vtt-yellow);font:950 30px/1 Quicksand,Inter,sans-serif;box-shadow:5px 6px 0 rgba(0,0,0,.28)}.ec18-featured-ranking__spotlight>span:last-child{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:22px}.ec18-featured-ranking__spotlight small{color:var(--vtt-yellow);font:900 10px/1 Quicksand,Inter,sans-serif;text-transform:uppercase}.ec18-featured-ranking__spotlight strong{display:-webkit-box;overflow:hidden;font:900 clamp(25px,3vw,40px)/1.08 Quicksand,Inter,sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ec18-featured-ranking__spotlight em{display:flex;gap:10px;color:#d8e0e8;font:700 11px/1.2 Inter,sans-serif}.ec18-featured-ranking__list{display:grid;align-content:start;gap:9px;padding:0;margin:0;list-style:none}.ec18-featured-ranking__list li{min-width:0}.ec18-featured-ranking__list a{display:grid;grid-template-columns:35px 112px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid var(--vtt-line-soft);border-radius:11px;color:var(--vtt-ink)!important;background:var(--vtt-surface-soft);transition:.18s ease}.ec18-featured-ranking__list a:hover{border-color:var(--vtt-yellow-deep);background:color-mix(in srgb,var(--vtt-yellow) 17%,var(--vtt-surface));transform:translateX(2px)}.ec18-featured-ranking__list a>b{display:grid;width:31px;height:31px;place-items:center;border:1px solid var(--vtt-line);border-radius:9px;background:var(--vtt-surface);font:950 13px/1 Quicksand,Inter,sans-serif}.ec18-featured-ranking__list li:nth-child(-n+2) a>b{color:#17171b;background:var(--vtt-yellow)}.ec18-featured-ranking__thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:7px}.ec18-featured-ranking__thumb small{position:absolute;right:4px;bottom:4px;padding:3px 4px;border-radius:4px;color:#fff;background:rgba(3,5,8,.82);font:800 8px/1 Inter,sans-serif}.ec18-featured-ranking__list a>span:last-child{display:flex;min-width:0;flex-direction:column;gap:5px}.ec18-featured-ranking__list strong{display:-webkit-box;overflow:hidden;font:850 12px/1.3 Quicksand,Inter,sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ec18-featured-ranking__list a>span:last-child>small{overflow:hidden;color:var(--vtt-muted);font:700 9px/1.2 Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:1100px){.ec18-featured-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}.ec18-featured-mosaic__item--1{grid-column:span 2}.ec18-featured-carousel__card{flex-basis:calc((100% - 28px)/3)}.ec18-featured-ranking{grid-template-columns:minmax(0,1fr) 340px}.ec18-featured-ranking__list a{grid-template-columns:31px 92px minmax(0,1fr)}}
@media(max-width:900px){.ec18-featured-cinema__link{aspect-ratio:16/8}.ec18-featured-cinema__content{max-width:80%}.ec18-featured-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.ec18-featured-mosaic__item--1{grid-column:1/-1;grid-row:span 1;min-height:300px}.ec18-featured-carousel__card{flex-basis:calc((100% - 14px)/2)}.ec18-featured-ranking{grid-template-columns:1fr}.ec18-featured-ranking__spotlight{min-height:390px}.ec18-featured-ranking__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ec18-featured-cinema__link{aspect-ratio:16/10}.ec18-featured-cinema__shade{background:linear-gradient(0deg,rgba(2,4,8,.94),rgba(2,4,8,.18) 75%)}.ec18-featured-cinema__content{left:15px;right:15px;bottom:15px;max-width:none;gap:7px}.ec18-featured-cinema__content>strong{font-size:23px}.ec18-featured-cinema__content>em{padding:8px 11px}.ec18-featured-cinema__thumb{grid-template-columns:92px minmax(0,1fr);flex-basis:min(275px,82vw)}.ec18-featured-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:145px}.ec18-featured-mosaic__item{min-height:145px}.ec18-featured-mosaic__item--1{min-height:240px}.ec18-featured-mosaic__copy{padding:10px}.ec18-featured-mosaic__copy>strong{font-size:12px}.ec18-featured-mosaic__item--1 .ec18-featured-mosaic__copy>strong{font-size:21px}.ec18-featured-mosaic__copy>em{display:none}.ec18-featured-carousel{margin-inline:-4px}.ec18-featured-carousel__card{flex:0 0 84%;min-width:0}.ec18-featured-ranking__spotlight{min-height:310px}.ec18-featured-ranking__spotlight>b{width:50px;height:50px;font-size:23px}.ec18-featured-ranking__spotlight>span:last-child{padding:16px}.ec18-featured-ranking__spotlight strong{font-size:24px}.ec18-featured-ranking__list{grid-template-columns:1fr}.ec18-featured-ranking__list a{grid-template-columns:31px 94px minmax(0,1fr)}}
@media(max-width:390px){.ec18-featured-mosaic{grid-template-columns:1fr;grid-auto-rows:auto}.ec18-featured-mosaic__item,.ec18-featured-mosaic__item--1{grid-column:auto;min-height:205px}.ec18-featured-carousel__card{flex-basis:88%}}
body.ec18-v213 .vtt-header-primary,body.ec18-v213 .vtt-header-search{background:var(--ec18-tone-header)!important}
body.ec18-v213 .vtt-desktop-nav,body.ec18-v213 .vtt-truyen-main-nav{background:var(--ec18-tone-header-soft)!important}
body.ec18-v213 .vtt-site-footer{background:var(--ec18-tone-footer)!important}

/* ========================================================================== 
   18+ Comic v2.13.1 — ad label integrity and header search popover
   ========================================================================== */

/* Advertisement labels are interface chrome, never part of the fitted creative. */
.vtt-library-sidebar .vtt-ad-slot,
.vtt-single-sidebar .vtt-ad-slot,
.vtt-aside-ad-stack .vtt-ad-slot,
.vtt-library-sidebar .vtt-ad-slot[data-ec18-sidebar-creative-host],
.vtt-single-sidebar .vtt-ad-slot[data-ec18-sidebar-creative-host]{overflow:visible!important;contain:none!important}
.vtt-library-sidebar .vtt-ad-slot__content,
.vtt-single-sidebar .vtt-ad-slot__content,
.vtt-aside-ad-stack .vtt-ad-slot__content{min-width:0;max-width:100%;overflow:clip!important;border-radius:inherit}
.vtt-ad-slot__label,
.vtt-ad-slot__label.ec18-sidebar-creative-node{position:absolute!important;top:-11px!important;left:12px!important;z-index:12!important;display:inline-flex!important;width:max-content!important;max-width:calc(100% - 24px)!important;height:auto!important;align-items:center;justify-content:center;margin:0!important;padding:3px 8px!important;transform:none!important;transform-origin:center!important;white-space:nowrap;overflow:visible!important;will-change:auto!important}
.ec18-sidebar-creative-shell>.vtt-ad-slot__label{position:absolute!important}

/* Search opens as a compact anchored popover immediately below the header button. */
.vtt-header-tools--left{position:relative;overflow:visible}
body.vtt-comic-library .vtt-header-tools--left .vtt-header-search{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  right:auto!important;
  z-index:950!important;
  width:min(460px,calc(100vw - 28px))!important;
  max-width:none!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:12px!important;
  background:var(--ec18-tone-header,#101014)!important;
  box-shadow:0 15px 34px rgba(0,0,0,.34),3px 3px 0 rgba(0,0,0,.22)!important;
}
body.vtt-comic-library .vtt-header-tools--left .vtt-header-search::before{
  content:"";
  position:absolute;
  left:12px;
  bottom:100%;
  width:0;
  height:0;
  border-right:7px solid transparent;
  border-bottom:8px solid var(--ec18-tone-header,#101014);
  border-left:7px solid transparent;
}
body.vtt-comic-library .vtt-header-tools--left .vtt-header-search>.container,
body.vtt-comic-library-v260 .vtt-header-tools--left .vtt-header-search>.container{
  display:flex!important;
  width:100%!important;
  max-width:none!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
body.vtt-comic-library .vtt-header-tools--left .vtt-header-search .vtt-search-form{
  width:auto!important;
  min-width:0!important;
  flex:1 1 auto!important;
  margin:0!important;
}
body.vtt-comic-library .vtt-header-tools--left .vtt-header-search .vtt-search-form input{
  width:100%!important;
  height:42px!important;
  padding:8px 47px 8px 14px!important;
  border-radius:9px!important;
}
body.vtt-comic-library .vtt-header-tools--left .vtt-header-search__close{
  display:inline-flex!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:9px!important;
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
}
body.vtt-comic-library .vtt-header-tools--left .vtt-header-search__close:hover{color:var(--vtt-ink)!important;background:var(--vtt-yellow)!important}
@media(max-width:575px){
  body.vtt-comic-library .vtt-header-tools--left .vtt-header-search{top:calc(100% + 7px)!important;width:calc(100vw - 28px)!important;padding:8px!important;border-radius:10px!important}
  body.vtt-comic-library .vtt-header-tools--left .vtt-header-search__close{width:36px!important;height:36px!important;flex-basis:36px!important}
}

/* ========================================================================== 
   18+ Comic v2.13.2 — sidebar ad slot reliability and creative fit recovery
   ========================================================================== */

/* A sidebar banner may itself contain a complete ad slot. Never clip or scale
   that outer slot: only its dedicated content node is eligible for fitting. */
.vtt-comic-sidebar-ad.ec18-sidebar-ad-container--slots,
.vtt-comic-dynamic-sidebar>.widget.ec18-sidebar-ad-container--slots{
  overflow:visible!important;
  contain:none!important;
  isolation:auto!important;
  padding:0!important;
}
.vtt-comic-sidebar-ad.ec18-sidebar-ad-container--slots>.vtt-ad-slot,
.vtt-comic-dynamic-sidebar>.widget.ec18-sidebar-ad-container--slots .vtt-ad-slot{
  width:100%;
  max-width:100%;
  margin-inline:0;
}

/* Reliable fitting is scoped to the actual creative context. Interface chrome,
   labels and the outer card never become transformed creative nodes. */
[data-ec18-creative-context],
.vtt-ad-slot__content[data-ec18-sidebar-creative-host]{
  position:relative;
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:0;
  box-sizing:border-box;
}
.vtt-ad-slot__content[data-ec18-sidebar-creative-host]{
  overflow:clip!important;
}
.vtt-ad-slot__label[data-ec18-creative-ignore]{
  transform:none!important;
  transform-origin:center!important;
  will-change:auto!important;
}

/* The fit shell owns the scaled geometry, including its real post-scale height,
   so the next sidebar block cannot overlap it. */
.ec18-sidebar-creative-shell[data-ec18-created-shell="1"]{
  position:relative;
  display:block;
  min-width:0;
  max-width:100%;
  margin-inline:auto;
  overflow:clip;
  line-height:0;
  isolation:isolate;
}
.ec18-sidebar-creative-shell[data-ec18-created-shell="1"]>.ec18-sidebar-creative-node{
  display:block!important;
  margin:0!important;
  transform-origin:top left!important;
  will-change:transform;
}
.ec18-ad-slot--fitted [data-ec18-sidebar-creative-host] iframe,
.ec18-ad-slot--fitted [data-ec18-sidebar-creative-host] canvas,
.ec18-ad-slot--fitted [data-ec18-sidebar-creative-host] object,
.ec18-ad-slot--fitted [data-ec18-sidebar-creative-host] embed{
  max-width:none!important;
}

/* Raw recovery is deliberately non-destructive. When a network cannot expose a
   usable intrinsic size, remove transform geometry and let its own code render. */
.ec18-ad-slot--raw [data-ec18-sidebar-creative-host]{
  height:auto!important;
  min-height:0!important;
}
.ec18-ad-slot--raw .ec18-sidebar-creative-node{
  transform:none!important;
  max-width:100%!important;
}
.ec18-ad-slot--raw [data-ec18-sidebar-creative-host] img{
  display:block;
  max-width:100%!important;
  height:auto!important;
  margin-inline:auto;
}

/* Generic wrappers created by native networks must remain inside the sidebar.
   Fixed iframes are handled by JS; ordinary HTML and images use fluid sizing. */
.vtt-library-sidebar [data-ec18-sidebar-creative-host]>center,
.vtt-single-sidebar [data-ec18-sidebar-creative-host]>center,
.vtt-library-sidebar [data-ec18-sidebar-creative-host]>div,
.vtt-single-sidebar [data-ec18-sidebar-creative-host]>div{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.vtt-library-sidebar [data-ec18-sidebar-creative-host] img,
.vtt-single-sidebar [data-ec18-sidebar-creative-host] img{
  max-width:100%!important;
  height:auto!important;
}

/* Keep labels aligned even while a delayed network is pending or falls back. */
.vtt-ad-slot.ec18-ad-slot--pending,
.vtt-ad-slot.ec18-ad-slot--raw,
.vtt-ad-slot.ec18-ad-slot--ready{
  overflow:visible!important;
}
.vtt-ad-slot.ec18-ad-slot--pending>.vtt-ad-slot__label,
.vtt-ad-slot.ec18-ad-slot--raw>.vtt-ad-slot__label,
.vtt-ad-slot.ec18-ad-slot--ready>.vtt-ad-slot__label{
  top:-11px!important;
  left:12px!important;
}


/* ========================================================================== 
   18+ PhimSex v2.0.1 — reliable sidebar creative containment
   ========================================================================== */
.vtt-comic-sidebar-ad {
	width:100%;
	min-width:0;
	max-width:100%;
	padding:0;
	overflow:visible!important;
	contain:none!important;
	isolation:auto!important;
	box-sizing:border-box;
}
.vtt-comic-sidebar-ad>.vtt-ad-slot--comic-sidebar {
	width:100%;
	min-width:0;
	max-width:100%;
	margin:0;
	box-sizing:border-box;
	overflow:visible!important;
	contain:none!important;
}
.vtt-ad-slot--comic-sidebar>.vtt-ad-slot__content {
	display:grid;
	width:100%;
	min-width:0;
	max-width:100%;
	place-items:start center;
	overflow:clip!important;
	line-height:0;
	box-sizing:border-box;
}
.vtt-ad-slot--comic-sidebar>.vtt-ad-slot__content img {
	display:block;
	width:auto;
	max-width:100%!important;
	height:auto!important;
	margin-inline:auto;
}
.vtt-ad-slot--comic-sidebar .ec18-sidebar-creative-shell {
	max-width:100%;
	margin-inline:auto;
	overflow:hidden;
}
.vtt-ad-slot--comic-sidebar.ec18-ad-slot--ready,
.vtt-ad-slot--comic-sidebar.ec18-ad-slot--fitted,
.vtt-comic-sidebar-ad.ec18-sidebar-ad-container--slots {
	height:auto;
	min-height:0;
	overflow:visible!important;
}