@charset "UTF-8";
/* 18+ Comic v2.10.0 — final UI, dark-mode and visual 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}
}