/* ==========================================================================
   TRADIMEOW - SIGNATURE MEOW THEME SYSTEM (HỆ THỐNG GIAO DIỆN NHÀ MÈO)
   Dual-Mode: [data-theme="comic-meow"] (MẶC ĐỊNH) & [data-theme="magma-meow"]
   Author: ROLE_FRONTEND_UI & ROLE_VISUAL_ARTIST
   Typography: DFVN Excalifont (Excalidraw Hand-drawn Font)
   Comfort Palette: Warm Eye-Comfort Muted Paper (Dịu mắt, chống chói)
   Rule Compliance: Tactile 3D (Rule 88), Color-Blind Safe (Rule #4)
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. EXCALIDRAW HAND-DRAWN FONT REGISTRATION (DFVN Excalifont)
   -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Excalifont';
  src: local('DFVN Excalifont'),
       url('fonts/DFVN-Excalifont.otf') format('opentype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DFVN Excalifont';
  src: local('DFVN Excalifont'),
       url('fonts/DFVN-Excalifont.otf') format('opentype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------------
   0.1 INSTANT THEME SNAP (ZERO-DELAY THEME SWITCHER OPTIMIZATION)
   Tạm thời ngắt transitions khi click đổi theme để màn hình ăn ngay trong 0ms,
   sau đó trả lại transition mượt cho hover state.
   -------------------------------------------------------------------------- */
.theme-snap-active,
.theme-snap-active *,
.theme-snap-active *::before,
.theme-snap-active *::after {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

/* --------------------------------------------------------------------------
   1. BRAND AVATAR & HEADER INTEGRATION
   -------------------------------------------------------------------------- */
.brand-logo .logo-icon.meow-avatar-active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 12px rgba(0, 127, 254, 0.45), 0 0 6px rgba(255, 87, 34, 0.4);
  border: 2px solid #007FFE;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease;
  flex-shrink: 0;
}

.brand-logo .logo-icon.meow-avatar-active img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.brand-logo:hover .logo-icon.meow-avatar-active {
  transform: rotate(8deg) scale(1.08);
  box-shadow: 0 0 18px rgba(0, 127, 254, 0.7), 0 0 10px rgba(255, 87, 34, 0.6);
}

/* --------------------------------------------------------------------------
   2. MEOW THEME SWITCHER TOGGLE (NÚT CHUYỂN ĐỔI THEME TRÊN NAVBAR)
   -------------------------------------------------------------------------- */
.meow-theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 9999px;
  font-size: 13.5px;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans);
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  margin-left: 10px;
  position: relative;
  overflow: hidden;
  border: 1.5px solid rgba(255, 255, 255, 0.15);
  background: rgba(14, 16, 23, 0.85);
  color: #f8fafc;
}

.meow-theme-toggle .toggle-cat-avatar {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #007FFE;
  box-shadow: 0 0 6px rgba(0, 127, 254, 0.5);
  flex-shrink: 0;
}

.meow-theme-toggle .toggle-cat-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.meow-theme-toggle .toggle-mode-badge {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 800;
  background: linear-gradient(135deg, #ff5722, #ff2e63);
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(255, 87, 34, 0.4);
}

.meow-theme-toggle:hover {
  transform: translateY(-2px);
  border-color: #007FFE;
  box-shadow: 0 4px 14px rgba(0, 127, 254, 0.35);
}

.meow-theme-toggle:active {
  transform: translateY(1px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

/* --------------------------------------------------------------------------
   3. HERO BANNER SPOTLIGHT MEOW (PHÒNG TRADING NHÀ MÈO)
   -------------------------------------------------------------------------- */
.hero-meow-showcase {
  margin-bottom: 24px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  background: #0d0f14;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
}

.hero-meow-showcase:hover {
  border-color: rgba(0, 127, 254, 0.45);
  box-shadow: 0 12px 40px rgba(0, 127, 254, 0.25);
}

.hero-meow-inner {
  display: flex;
  flex-direction: column;
  position: relative;
}

@media (min-width: 900px) {
  .hero-meow-inner {
    flex-direction: row;
    align-items: center;
  }
}

.hero-meow-img-wrap {
  flex: 1.35;
  overflow: hidden;
  position: relative;
  background: #07080c;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-meow-img-wrap img {
  width: 100%;
  height: 100%;
  max-height: 420px;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-meow-showcase:hover .hero-meow-img-wrap img {
  transform: scale(1.03);
}

.hero-meow-badge-float {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(7, 8, 12, 0.88);
  backdrop-filter: blur(8px);
  padding: 6px 14px;
  border-radius: 9999px;
  font-family: 'Excalifont', 'DFVN Excalifont', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  border: 1px solid rgba(0, 127, 254, 0.4);
  color: #007FFE;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hero-meow-content {
  flex: 1;
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: linear-gradient(135deg, rgba(14, 17, 26, 0.95) 0%, rgba(7, 8, 12, 0.98) 100%);
}

.hero-meow-title {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.35;
  color: #f8fafc;
}

.hero-meow-desc {
  font-size: 14.5px;
  line-height: 1.65;
  color: #94a3b8;
}

.hero-meow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
}

.btn-meow-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border-radius: 12px;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans);
  font-weight: 700;
  font-size: 15px;
  background: linear-gradient(135deg, #007FFE 0%, #0056b3 100%);
  color: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 127, 254, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.btn-meow-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 127, 254, 0.55);
  color: #ffffff;
}

.btn-meow-primary:active {
  transform: translateY(1px);
  box-shadow: 0 2px 6px rgba(0, 127, 254, 0.4);
}

.btn-meow-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 12px;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans);
  font-weight: 700;
  font-size: 15px;
  background: rgba(255, 255, 255, 0.05);
  color: #f8fafc;
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: all 0.2s ease;
}

.btn-meow-secondary:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ff5722;
  color: #ff5722;
  transform: translateY(-2px);
}

/* ==========================================================================
   MODE 1: [data-theme="comic-meow"] - COMIC POP ART NHÀ MÈO (MẶC ĐỊNH)
   BẢNG MÀU GIẤY CÁT ẤM / SANDSTONE ALMOND (GIỮA GIỮA - ÊM MẮT & THANH THOÁT)
   ========================================================================== */
[data-theme="comic-meow"] {
  /* Tông màu cân bằng giữa sáng và trầm: ấm áp, dịu mắt, không chói gắt */
  --bg-main: #d8d0c2;
  --bg-card: #e5ded2;
  --bg-card-hover: #eee8de;
  --border-subtle: #1a1c36;
  --border-highlight: #ff5722;
  --text-main: #101226;
  --text-secondary: #32374e;
  --text-muted: #4c536e;
  --magma-orange: #ff5722;
  --tv-green: #007FFE;
  --tv-red: #f23645;
}

[data-theme="comic-meow"] html,
[data-theme="comic-meow"] body {
  background-color: #d8d0c2 !important;
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  background-image: 
    radial-gradient(circle at 10% 10%, rgba(26, 28, 54, 0.05) 1px, transparent 1px),
    radial-gradient(circle at 90% 90%, rgba(26, 28, 54, 0.05) 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
}

/* Font Excalidraw cho toàn bộ Tiêu Đề, Nút Bấm, Badge */
[data-theme="comic-meow"] h1,
[data-theme="comic-meow"] h2,
[data-theme="comic-meow"] h3,
[data-theme="comic-meow"] h4,
[data-theme="comic-meow"] .brand-logo .logo-title,
[data-theme="comic-meow"] .nav-pill,
[data-theme="comic-meow"] .btn-open-calendar,
[data-theme="comic-meow"] .btn-join-tele,
[data-theme="comic-meow"] .btn-meow-primary,
[data-theme="comic-meow"] .btn-meow-secondary,
[data-theme="comic-meow"] .hero-meow-title,
[data-theme="comic-meow"] .promo-title,
[data-theme="comic-meow"] .promo-badge,
[data-theme="comic-meow"] .promo-mini-badge,
[data-theme="comic-meow"] .cinematic-slider-card h3,
[data-theme="comic-meow"] .ticker-label,
[data-theme="comic-meow"] .meow-theme-toggle {
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  letter-spacing: 0.3px;
}

/* Comic Header */
[data-theme="comic-meow"] .site-header {
  background: #e5ded2 !important;
  border-bottom: 2.5px solid #1a1c36 !important;
  box-shadow: 0 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .brand-logo .logo-title {
  color: #101226 !important;
  font-size: 22px;
}

[data-theme="comic-meow"] .search-box {
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .search-box input {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 14.5px;
}

[data-theme="comic-meow"] .search-box input::placeholder {
  color: #636b85 !important;
}

/* Comic Navigation Pills */
[data-theme="comic-meow"] .nav-pill {
  background: #e5ded2 !important;
  color: #101226 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 2.5px 2.5px 0px #1a1c36 !important;
  font-size: 14.5px !important;
}

[data-theme="comic-meow"] .nav-pill.active {
  background: #007FFE !important;
  color: #ffffff !important;
  box-shadow: 3.5px 3.5px 0px #1a1c36 !important;
  transform: translate(-1px, -1px);
}

[data-theme="comic-meow"] .nav-pill:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
  background: #eee8de !important;
}

/* Comic Cards & Panels */
[data-theme="comic-meow"] .calendar-promo-banner,
[data-theme="comic-meow"] .academy-promo-card,
[data-theme="comic-meow"] .cinematic-slider-card,
[data-theme="comic-meow"] .hero-meow-showcase {
  background: #e5ded2 !important;
  border: 2.5px solid #1a1c36 !important;
  box-shadow: 5px 5px 0px #1a1c36 !important;
  border-radius: 18px !important;
}

[data-theme="comic-meow"] .cinematic-ambient-glow {
  opacity: 0.15 !important;
}

[data-theme="comic-meow"] .cinematic-title {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .cinematic-excerpt {
  color: #32374e !important;
  font-size: 14.5px !important;
}

[data-theme="comic-meow"] .cinematic-stats-row {
  color: #3d425c !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 13.5px !important;
}

[data-theme="comic-meow"] .cinematic-stat-item {
  color: #3d425c !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 600 !important;
}

/* Triệt tiêu 100% chữ số màu trắng cũ từ styles.css (.cinematic-stat-item strong) */
[data-theme="comic-meow"] .cinematic-stat-item strong,
[data-theme="comic-meow"] .cinematic-stats-row strong,
[data-theme="comic-meow"] .cinematic-stat-item .view-cnt,
[data-theme="comic-meow"] .cinematic-stat-item [class*="view-cnt-"],
[data-theme="comic-meow"] .cinematic-stat-item [class*="like-cnt-"] {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
}

[data-theme="comic-meow"] .cinematic-stats-row > span {
  color: #636b88 !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .cinematic-counter-pill {
  background: #c8bead !important;
  color: #101226 !important;
  border: 1px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-cinematic-read {
  background: #007FFE !important;
  color: #ffffff !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .hero-meow-img-wrap {
  background: #f5efe4 !important;
  border-right: 2.5px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .hero-meow-badge-float {
  display: none !important;
}

@media (max-width: 899px) {
  [data-theme="comic-meow"] .hero-meow-img-wrap {
    border-right: none !important;
    border-bottom: 2.5px solid #1a1c36 !important;
  }
}

[data-theme="comic-meow"] .hero-meow-content {
  background: #e5ded2 !important;
}

[data-theme="comic-meow"] .hero-meow-title,
[data-theme="comic-meow"] .promo-title,
[data-theme="comic-meow"] .academy-promo-card h3 {
  color: #101226 !important;
}

[data-theme="comic-meow"] .hero-meow-desc,
[data-theme="comic-meow"] .promo-desc,
[data-theme="comic-meow"] .academy-promo-card p {
  color: #32374e !important;
  font-size: 15px;
}

/* Comic Buttons với độ nảy 3D */
[data-theme="comic-meow"] .btn-open-calendar,
[data-theme="comic-meow"] .btn-join-tele,
[data-theme="comic-meow"] .btn-meow-primary {
  background: #ff5722 !important;
  color: #ffffff !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
  transform: translate(-1px, -1px);
}

[data-theme="comic-meow"] .btn-open-calendar:hover,
[data-theme="comic-meow"] .btn-join-tele:hover,
[data-theme="comic-meow"] .btn-meow-primary:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0px #1a1c36 !important;
  color: #ffffff !important;
}

[data-theme="comic-meow"] .btn-open-calendar:active,
[data-theme="comic-meow"] .btn-join-tele:active,
[data-theme="comic-meow"] .btn-meow-primary:active {
  transform: translate(2px, 2px) !important;
  box-shadow: 1px 1px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-meow-secondary {
  background: #eee8de !important;
  color: #101226 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-meow-secondary:hover {
  background: #d8d0c2 !important;
  transform: translate(-2px, -2px) !important;
  box-shadow: 5px 5px 0px #1a1c36 !important;
}

/* Comic Side Wing Partner */
[data-theme="comic-meow"] .side-wing-banner,
[data-theme="comic-meow"] .side-wing-banner .side-wing-inner {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .side-wing-banner * {
  color: #101226;
}

[data-theme="comic-meow"] .side-wing-banner a {
  color: #ffffff !important;
}

/* Comic Footer */
[data-theme="comic-meow"] .site-footer {
  background: #c8bead !important;
  border-top: 2.5px solid #1a1c36 !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .site-footer p,
[data-theme="comic-meow"] .site-footer .copyright {
  color: #32374e !important;
}

/* Comic Theme Switcher Active State */
[data-theme="comic-meow"] .meow-theme-toggle {
  background: #e5ded2 !important;
  color: #101226 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .meow-theme-toggle .toggle-mode-badge {
  background: #007FFE !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
}

/* --------------------------------------------------------------------------
   COMIC-MEOW: SUB-SYSTEM 1 - INDEX.HTML (USD RED NEWS LIVE TICKER WINDOW)
   -------------------------------------------------------------------------- */
[data-theme="comic-meow"] .cal-ticker-window {
  background: #e5ded2 !important;
  border: 2.5px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .cal-ticker-window:hover {
  border-color: #ff5722 !important;
  box-shadow: 6px 6px 0px #1a1c36 !important;
  transform: translate(-2px, -2px) !important;
}

[data-theme="comic-meow"] .cal-ticker-title {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .cal-impact-tag .currency-code {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #101226 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .cal-impact-tag .impact-label {
  background: #FF3B30 !important;
  color: #ffffff !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .cal-event-time {
  color: #32374e !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .cal-countdown-pill {
  background: #eee8de !important;
  color: #ff5722 !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .chip-forecast {
  background: rgba(0, 127, 254, 0.12) !important;
  color: #007FFE !important;
  border: 1.5px solid #1a1c36 !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .chip-previous {
  background: #eee8de !important;
  color: #32374e !important;
  border: 1.5px solid #1a1c36 !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .chip-note {
  background: rgba(255, 87, 34, 0.12) !important;
  color: #ff5722 !important;
  border: 1.5px solid #1a1c36 !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .cal-ticker-footer {
  border-top: 1.5px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .cal-dot-item {
  background: rgba(26, 28, 54, 0.25) !important;
}

[data-theme="comic-meow"] .cal-dot-item.active {
  background: #FF3B30 !important;
  box-shadow: 0 0 6px rgba(255, 59, 48, 0.6) !important;
}

[data-theme="comic-meow"] .cal-nav-btn {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #101226 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
}

/* --------------------------------------------------------------------------
   COMIC-MEOW: SUB-SYSTEM 2 - ACADEMY.HTML (HỌC VIỆN 180 BÀI & MODAL)
   -------------------------------------------------------------------------- */
[data-theme="comic-meow"] .academy-hero-card {
  background: #e5ded2 !important;
  border: 2.5px solid #1a1c36 !important;
  box-shadow: 5px 5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-title {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .academy-desc {
  color: #32374e !important;
}

[data-theme="comic-meow"] .hero-badge {
  background: #eee8de !important;
  color: #007FFE !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .academy-sidebar,
[data-theme="comic-meow"] body.academy-page-body .academy-sidebar {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  border-left: 4px solid #007FFE !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-sidebar-mobile-header {
  border-bottom: 2px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-sidebar-mobile-header .mobile-header-title,
[data-theme="comic-meow"] .academy-filter-heading h3 {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .academy-sidebar-divider {
  background: #1a1c36 !important;
  height: 1.5px !important;
  opacity: 0.25 !important;
}

[data-theme="comic-meow"] .academy-cat-btn {
  color: #32374e !important;
}

[data-theme="comic-meow"] .academy-cat-btn:hover {
  background: #eee8de !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .academy-cat-btn.active {
  background: #eee8de !important;
  color: #007FFE !important;
  border-left: 3px solid #007FFE !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .academy-cat-btn .cat-count {
  background: #d8d0c2 !important;
  color: #101226 !important;
  border: 1px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-cat-btn.active .cat-count {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-level-chip {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #32374e !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-level-chip:hover {
  background: #d8d0c2 !important;
  color: #101226 !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-level-chip.active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: #1a1c36 !important;
  box-shadow: 2.5px 2.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-sidebar-search-box {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-sidebar-search-box input {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .btn-reset-academy-filters {
  background: #eee8de !important;
  border: 1.5px solid #FF3B30 !important;
  color: #FF3B30 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .btn-reset-academy-filters:hover {
  background: #FF3B30 !important;
  color: #ffffff !important;
}

[data-theme="comic-meow"] .academy-sort-bar {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-sort-label,
[data-theme="comic-meow"] .academy-results-count {
  color: #32374e !important;
}

[data-theme="comic-meow"] .btn-sort-item {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #32374e !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .btn-sort-item:hover {
  background: #d8d0c2 !important;
  color: #101226 !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-sort-item.active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-active-chips-bar {
  background: #e5ded2 !important;
  border: 1.5px dashed #1a1c36 !important;
}

[data-theme="comic-meow"] .active-chips-label {
  color: #32374e !important;
}

[data-theme="comic-meow"] .academy-active-chip {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #101226 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .tv-idea-card,
[data-theme="comic-meow"] .blog-card {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .tv-idea-card:hover,
[data-theme="comic-meow"] .blog-card:hover {
  background: #eee8de !important;
  border-color: #ff5722 !important;
  box-shadow: 6px 6px 0px #1a1c36 !important;
  transform: translate(-2px, -2px) !important;
}

[data-theme="comic-meow"] .tv-idea-card .article-title,
[data-theme="comic-meow"] .blog-card-title,
[data-theme="comic-meow"] .tv-name,
[data-theme="comic-meow"] .blog-author-name {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .tv-card-body .article-excerpt,
[data-theme="comic-meow"] .blog-card-excerpt {
  color: #32374e !important;
}

[data-theme="comic-meow"] .tv-card-footer,
[data-theme="comic-meow"] .blog-card-footer {
  background: #eee8de !important;
  border-top: 1.5px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .tv-stat-pill,
[data-theme="comic-meow"] .blog-stat-item {
  background: #d8d0c2 !important;
  border: 1px solid #1a1c36 !important;
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .blog-stat-item span,
[data-theme="comic-meow"] .blog-card-stats span {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .blog-read-link {
  color: #007FFE !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .blog-read-time {
  color: #4c536e !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .blog-card-cover {
  border: 1.5px solid #1a1c36 !important;
  background: #d8d0c2 !important;
}

[data-theme="comic-meow"] .blog-author-avatar {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .blog-level-badge {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .blog-category-badge {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
  border-radius: 9999px !important;
  padding: 3px 9px !important;
  background: #eee8de !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .blog-category-badge.badge-level-1 { background: #e0f2fe !important; color: #0284c7 !important; }
[data-theme="comic-meow"] .blog-category-badge.badge-level-2 { background: #fef3c7 !important; color: #b45309 !important; }
[data-theme="comic-meow"] .blog-category-badge.badge-level-3 { background: #ede9fe !important; color: #6d28d9 !important; }
[data-theme="comic-meow"] .blog-category-badge.badge-level-4,
[data-theme="comic-meow"] .blog-category-badge.badge-smc { background: #e0f2fe !important; color: #007FFE !important; }
[data-theme="comic-meow"] .blog-category-badge.badge-level-5 { background: #ffedd5 !important; color: #c2410c !important; }
[data-theme="comic-meow"] .blog-category-badge.badge-risk { background: #fef3c7 !important; color: #b45309 !important; }
[data-theme="comic-meow"] .blog-category-badge.badge-psychology { background: #f3e8ff !important; color: #7e22ce !important; }
[data-theme="comic-meow"] .blog-category-badge.badge-diary { background: #e0f2fe !important; color: #0284c7 !important; }
[data-theme="comic-meow"] .blog-category-badge.badge-recap { background: #ffe4e6 !important; color: #be123c !important; }
[data-theme="comic-meow"] .blog-category-badge.badge-plan { background: #e0f2fe !important; color: #0284c7 !important; }

[data-theme="comic-meow"] .blog-verify-badge {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  border-radius: 9999px !important;
  padding: 2.5px 8px !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .blog-verify-badge.verify-tradimeow {
  background: #e0f2fe !important;
  color: #007FFE !important;
}

[data-theme="comic-meow"] .blog-verify-badge.verify-ai {
  background: #f3e8ff !important;
  color: #7e22ce !important;
}

[data-theme="comic-meow"] .pin-spotlight-badge {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
  border-radius: 9999px !important;
}

[data-theme="comic-meow"] .blog-read-link {
  color: #007FFE !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .tv-symbol-pill {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #101226 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .tv-timeframe-pill {
  background: #eee8de !important;
  border: 1px solid #1a1c36 !important;
  color: #32374e !important;
}

[data-theme="comic-meow"] .tv-card-chart-area {
  background: #d8d0c2 !important;
  border-top: 1.5px solid #1a1c36 !important;
  border-bottom: 1.5px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .chart-watermark {
  color: rgba(26, 28, 54, 0.08) !important;
}

/* Modal Article Reader (Comic Sáng ☀️ - Manga Hand-drawn Theme) */
[data-theme="comic-meow"] .modal-container {
  background: #e5ded2 !important;
  border: 2.5px solid #1a1c36 !important;
  box-shadow: 6px 6px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

[data-theme="comic-meow"] .modal-title,
[data-theme="comic-meow"] .modal-close-btn {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

[data-theme="comic-meow"] .modal-body,
[data-theme="comic-meow"] .modal-body *,
[data-theme="comic-meow"] .article-prose,
[data-theme="comic-meow"] .article-prose *,
[data-theme="comic-meow"] .creator-intro-badge,
[data-theme="comic-meow"] .creator-intro-badge *,
[data-theme="comic-meow"] .callout-box,
[data-theme="comic-meow"] .callout-box * {
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

[data-theme="comic-meow"] .modal-body p,
[data-theme="comic-meow"] .article-prose p {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  margin-bottom: 18px !important;
}

[data-theme="comic-meow"] .modal-body li,
[data-theme="comic-meow"] .article-prose li {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-size: 16.5px !important;
  line-height: 1.7 !important;
  margin-bottom: 8px !important;
}

[data-theme="comic-meow"] .modal-body strong,
[data-theme="comic-meow"] .article-prose strong {
  color: #101226 !important;
  font-weight: 800 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

[data-theme="comic-meow"] .modal-body h2,
[data-theme="comic-meow"] .modal-body h3,
[data-theme="comic-meow"] .article-prose h2,
[data-theme="comic-meow"] .article-prose h3 {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .creator-intro-badge {
  background: #007FFE !important;
  color: #ffffff !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 1.5px 2px 0px #1a1c36 !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
}

[data-theme="comic-meow"] .callout-box {
  background: rgba(0, 127, 254, 0.08) !important;
  border: 1.5px solid #1a1c36 !important;
  border-left: 4px solid #007FFE !important;
  border-radius: 10px !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  padding: 14px 18px !important;
}

[data-theme="comic-meow"] .callout-box strong {
  color: #007FFE !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

[data-theme="comic-meow"] .modal-body table,
[data-theme="comic-meow"] .article-prose table {
  background: #ffffff !important;
  border: 2px solid #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-size: 14.5px !important;
}

[data-theme="comic-meow"] .modal-body table th,
[data-theme="comic-meow"] .article-prose table th {
  background: #1a1c36 !important;
  color: #ffffff !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .modal-body table td,
[data-theme="comic-meow"] .article-prose table td {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  border-bottom: 1px solid rgba(26, 28, 54, 0.15) !important;
}

[data-theme="comic-meow"] .article-diagram-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 28px 0 !important;
  padding: 0 !important;
}

[data-theme="comic-meow"] .article-diagram-box svg {
  border-radius: 18px !important;
  box-shadow: 4px 5px 0px #1a1c36 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

[data-theme="comic-meow"] .article-diagram-caption {
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #1a1c36 !important;
  display: block !important;
  margin-top: 14px !important;
  text-align: center !important;
  letter-spacing: 0.3px !important;
}

[data-theme="comic-meow"] .article-prose blockquote {
  background: #eee8de !important;
  border-left: 4px solid #ff5722 !important;
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

/* Exception for Code / Monospace */
[data-theme="comic-meow"] .modal-body pre,
[data-theme="comic-meow"] .modal-body code,
[data-theme="comic-meow"] .article-prose pre,
[data-theme="comic-meow"] .article-prose code {
  font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace !important;
}

[data-theme="comic-meow"] .modal-meta {
  color: #3d425c !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .modal-meta span,
[data-theme="comic-meow"] .modal-meta strong {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] #modalCategory,
[data-theme="comic-meow"] .modal-badge {
  background: #e0f2fe !important;
  border: 1.5px solid #1a1c36 !important;
  color: #007FFE !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
  border-radius: 9999px !important;
  padding: 3px 10px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .modal-verify-badge {
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .modal-verify-badge.verify-tradimeow {
  background: #e0f2fe !important;
  color: #007FFE !important;
}

[data-theme="comic-meow"] .modal-verify-badge.verify-ai {
  background: #f3e8ff !important;
  color: #7e22ce !important;
}

[data-theme="comic-meow"] .modal-views-badge {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #007FFE !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .btn-like-post,
[data-theme="comic-meow"] .btn-share-post {
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  color: #101226 !important;
  box-shadow: 2.5px 2.5px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
}

[data-theme="comic-meow"] .btn-like-post:hover,
[data-theme="comic-meow"] .btn-share-post:hover {
  background: #007FFE !important;
  color: #ffffff !important;
  box-shadow: 3.5px 3.5px 0px #1a1c36 !important;
  transform: translate(-1px, -1px) !important;
}

[data-theme="comic-meow"] .btn-like-post.liked {
  background: #ff2e63 !important;
  color: #ffffff !important;
  border-color: #1a1c36 !important;
  box-shadow: 2.5px 2.5px 0px #1a1c36 !important;
}

/* --------------------------------------------------------------------------
   COMIC-MEOW: SUB-SYSTEM 3 - CALENDAR.HTML (LỊCH KINH TẾ FOREX FACTORY)
   -------------------------------------------------------------------------- */
[data-theme="comic-meow"] .ff-hero-section {
  background: transparent !important;
}

[data-theme="comic-meow"] .ff-main-title {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .ff-sub-desc {
  color: #32374e !important;
}

[data-theme="comic-meow"] .ff-live-pill {
  background: #eee8de !important;
  color: #101226 !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .btn-cal-theme-toggle {
  background: #eee8de !important;
  color: #101226 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .next-high-impact-card {
  background: #e5ded2 !important;
  border: 2.5px solid #1a1c36 !important;
  box-shadow: 5px 5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .next-event-tag {
  color: #FF3B30 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .next-event-title {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .ff-filter-panel {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .filter-section-title,
[data-theme="comic-meow"] .filter-label-tag,
[data-theme="comic-meow"] .impact-chk-label {
  color: #32374e !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .ff-top-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

[data-theme="comic-meow"] .btn-cal-refresh {
  background: #007FFE !important;
  color: #ffffff !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
  border-radius: 9999px !important;
  padding: 8px 20px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease !important;
}

[data-theme="comic-meow"] .btn-cal-refresh:hover {
  background: #ff5722 !important;
  color: #ffffff !important;
  transform: translate(1px, 1.5px) !important;
  box-shadow: 1px 1px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-cal-refresh:active {
  transform: translate(2px, 2.5px) !important;
  box-shadow: 0px 0px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-cal-theme-toggle {
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
  border-radius: 9999px !important;
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 8px 18px !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

[data-theme="comic-meow"] .btn-cal-theme-toggle:hover {
  background: #d8d0c2 !important;
  transform: translate(1px, 1.5px) !important;
  box-shadow: 1px 1px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .ff-preset-btn {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #32374e !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .ff-preset-btn:hover {
  background: #d8d0c2 !important;
  color: #101226 !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .ff-preset-btn.active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: #1a1c36 !important;
}

[data-theme="comic-meow"] .cur-filter-chip {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #32374e !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .cur-filter-chip:hover {
  background: #d8d0c2 !important;
  color: #101226 !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .cur-filter-chip.active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: #1a1c36 !important;
}

[data-theme="comic-meow"] .ff-search-wrap {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .ff-search-wrap input {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .ff-table-card {
  background: #e5ded2 !important;
  border: 2.5px solid #1a1c36 !important;
  box-shadow: 5px 5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .ff-table-meta-bar {
  background: #eee8de !important;
  border-bottom: 2px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .ff-table-title {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .event-count-badge {
  color: #007FFE !important;
}

[data-theme="comic-meow"] table.ff-table th {
  background: #d8d0c2 !important;
  color: #101226 !important;
  border-bottom: 2px solid #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] table.ff-table td {
  border-bottom: 1px solid rgba(26, 28, 54, 0.15) !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .day-group-main {
  background: #e5ded2 !important;
}

[data-theme="comic-meow"] .day-group-alt {
  background: #eee8de !important;
}

[data-theme="comic-meow"] .ff-date-cell {
  background: #d8d0c2 !important;
  border-right: 2px solid #1a1c36 !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .date-badge {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .date-sub {
  color: #4c536e !important;
}

[data-theme="comic-meow"] .ff-data-row:hover {
  background: #d8d0c2 !important;
}

[data-theme="comic-meow"] .ff-title-cell,
[data-theme="comic-meow"] .cal-event-title {
  color: #101226 !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .ff-row-high-impact {
  background: rgba(255, 59, 48, 0.08) !important;
}

[data-theme="comic-meow"] .ff-table-footer-bar {
  background: #ded7ca !important;
  border-top: 2px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .ff-week-status-pill {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .btn-week-nav {
  background: #eee8de !important;
  color: #1a1c36 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .btn-week-nav:hover {
  background: #ff5722 !important;
  color: #ffffff !important;
  transform: translateY(-1.5px) !important;
  box-shadow: 2.5px 3.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-week-nav:active {
  transform: translate(1px, 1.5px) !important;
  box-shadow: 1px 1px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-week-nav.active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: #1a1c36 !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .tv-widget-accordion {
  background: #e5ded2 !important;
  border: 2.5px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
  border-radius: var(--radius-md) !important;
}

[data-theme="comic-meow"] .tv-accordion-header {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .tv-embed-wrap {
  background: #ded7ca !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 14px !important;
  padding: 16px !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
  margin: 12px !important;
}

[data-theme="comic-meow"] .tv-embed-badge {
  display: inline-block !important;
  background: #ffffff !important;
  color: #007FFE !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 9999px !important;
  padding: 6px 16px !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  margin-bottom: 14px !important;
}

[data-theme="comic-meow"] .tradingview-widget-container {
  border: 2px solid #1a1c36 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 2.5px 3px 0px #1a1c36 !important;
  background: #ffffff !important;
}

/* --------------------------------------------------------------------------
   COMIC-MEOW: SUB-SYSTEM 4 - SHOP.HTML (TẠP HÓA MEOW MEOW)
   -------------------------------------------------------------------------- */
[data-theme="comic-meow"] .shop-hero-card {
  background: #e5ded2 !important;
  border: 2.5px solid #1a1c36 !important;
  box-shadow: 5px 5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-hero-title {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .shop-hero-tagline {
  color: #32374e !important;
}

[data-theme="comic-meow"] .shop-hero-badge {
  background: #eee8de !important;
  color: #ff5722 !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

/* ==========================================================================
   Khắc phục triệt để Bad Gen #05 (RCA #43): Chữ Thanh Tiện Ích Tạp Hóa Bị Tàng Hình
   ========================================================================== */
[data-theme="comic-meow"] .shop-highlights-strip {
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 2.5px 2.5px 0px #1a1c36 !important;
  border-radius: 9999px !important;
  padding: 10px 22px !important;
}

[data-theme="comic-meow"] .shop-hl-item {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.2px !important;
}

[data-theme="comic-meow"] .shop-hl-item .hl-text,
[data-theme="comic-meow"] .shop-hl-text,
[data-theme="comic-meow"] .hl-text {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.2px !important;
}

[data-theme="comic-meow"] .shop-hl-item .hl-icon {
  filter: drop-shadow(1px 1px 0px rgba(26, 28, 54, 0.25)) !important;
}

[data-theme="comic-meow"] .shop-hl-divider {
  background: #1a1c36 !important;
  opacity: 0.35 !important;
  width: 1.5px !important;
  height: 18px !important;
}


[data-theme="comic-meow"] aside.shop-sidebar,
[data-theme="comic-meow"] body.shop-page-body .shop-sidebar {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  border-left: 4px solid #ff5722 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-sidebar-mobile-header {
  border-bottom: 2px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-sidebar-title,
[data-theme="comic-meow"] .shop-filter-heading h3 {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .shop-sidebar-divider {
  background: #1a1c36 !important;
  height: 1.5px !important;
  opacity: 0.25 !important;
}

[data-theme="comic-meow"] .shop-cat-btn {
  color: #32374e !important;
}

[data-theme="comic-meow"] .shop-cat-btn:hover {
  background: #eee8de !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .shop-cat-btn.active {
  background: #eee8de !important;
  color: #ff5722 !important;
  border-left: 3px solid #ff5722 !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .shop-cat-btn .cat-count {
  background: #d8d0c2 !important;
  color: #101226 !important;
  border: 1px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-sidebar-search-box {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-sidebar-search-box input {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .subgroup-title {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .shop-brand-search-wrap input,
[data-theme="comic-meow"] .price-input-field {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-brand-search-wrap input,
[data-theme="comic-meow"] .price-input-field input {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .shop-brand-item {
  color: #32374e !important;
}

[data-theme="comic-meow"] .shop-brand-item:hover {
  background: #eee8de !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .shop-brand-checkbox {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-brand-checkbox:checked {
  background: #ff5722 !important;
  border-color: #1a1c36 !important;
}

[data-theme="comic-meow"] .brand-count {
  color: #4c536e !important;
}

[data-theme="comic-meow"] .price-preset-chip {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #32374e !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .price-preset-chip:hover {
  background: #d8d0c2 !important;
  color: #101226 !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .price-preset-chip.active {
  background: #ff5722 !important;
  color: #ffffff !important;
  border-color: #1a1c36 !important;
}

[data-theme="comic-meow"] .currency-symbol {
  color: #101226 !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .btn-apply-price,
[data-theme="comic-meow"] .btn-reset-shop-filters {
  background: #ff5722 !important;
  color: #ffffff !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .btn-apply-price:hover,
[data-theme="comic-meow"] .btn-reset-shop-filters:hover {
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-sort-bar {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-sort-label,
[data-theme="comic-meow"] .shop-results-count {
  color: #32374e !important;
}

[data-theme="comic-meow"] .shop-sort-btn {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #32374e !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .shop-sort-btn:hover {
  background: #d8d0c2 !important;
  color: #101226 !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-sort-btn.active {
  background: #ff5722 !important;
  color: #ffffff !important;
  border-color: #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-active-chips-bar {
  background: #e5ded2 !important;
  border: 1.5px dashed #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-active-chip {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #101226 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-card {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-card:hover {
  background: #eee8de !important;
  border-color: #ff5722 !important;
  box-shadow: 6px 6px 0px #1a1c36 !important;
  transform: translate(-2px, -2px) !important;
}

[data-theme="comic-meow"] .shop-card-title {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .shop-card-review {
  background: #eee8de !important;
  border-left: 3px solid #ff5722 !important;
  color: #32374e !important;
}

[data-theme="comic-meow"] .shop-card-cat-badge {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .shop-price-current {
  color: #FF3B30 !important;
  font-weight: 800 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .shop-price-original {
  color: #4c536e !important;
}

[data-theme="comic-meow"] .btn-shop-preview,
[data-theme="comic-meow"] .btn-shop-order {
  background: #ff5722 !important;
  color: #ffffff !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 2.5px 2.5px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .btn-shop-preview:hover,
[data-theme="comic-meow"] .btn-shop-order:hover {
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-card-meta-bottom {
  border-top: 1.5px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-pagination-wrap {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-shop-load-more {
  background: #ff5722 !important;
  color: #ffffff !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

/* --------------------------------------------------------------------------
   COMIC-MEOW: SUB-SYSTEM 5 - ABOUT.HTML (TEAM TRADIMEOW & CREDO)
   -------------------------------------------------------------------------- */
[data-theme="comic-meow"] .team-hero-card {
  background: #e5ded2 !important;
  border: 2.5px solid #1a1c36 !important;
  box-shadow: 5px 5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .team-hero-title {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .team-hero-tagline {
  color: #32374e !important;
}

[data-theme="comic-meow"] .team-credo-banner {
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  border-left: 4px solid #007FFE !important;
  color: #101226 !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .team-founder-credo-section .hero-card {
  background: #e5ded2 !important;
  border: 2.5px solid #1a1c36 !important;
  box-shadow: 5px 5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .team-founder-credo-section .quote-body {
  color: #101226 !important;
  border-left: 4px solid #ff5722 !important;
}

[data-theme="comic-meow"] .team-founder-credo-section .author-name {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .team-founder-credo-section .author-role {
  color: #32374e !important;
}

[data-theme="comic-meow"] .team-founder-credo-section .stat-label {
  color: #4c536e !important;
}

[data-theme="comic-meow"] .team-founder-credo-section .stat-divider {
  background: #1a1c36 !important;
  opacity: 0.25 !important;
}

[data-theme="comic-meow"] .team-stat-box {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .team-stat-box:hover {
  background: #eee8de !important;
  border-color: #007FFE !important;
  box-shadow: 6px 6px 0px #1a1c36 !important;
  transform: translate(-2px, -2px) !important;
}

[data-theme="comic-meow"] .team-stat-box.highlight-rr {
  border-color: #1a1c36 !important;
}

[data-theme="comic-meow"] .team-stat-box.highlight-rr:hover {
  border-color: #ff5722 !important;
}

[data-theme="comic-meow"] .stat-box-value {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .stat-box-label {
  color: #32374e !important;
}

[data-theme="comic-meow"] .pillar-card,
[data-theme="comic-meow"] .division-card {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .pillar-card:hover,
[data-theme="comic-meow"] .division-card:hover {
  background: #eee8de !important;
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .pillar-title,
[data-theme="comic-meow"] .division-title,
[data-theme="comic-meow"] .div-name {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .pillar-desc,
[data-theme="comic-meow"] .div-info,
[data-theme="comic-meow"] .division-sub {
  color: #32374e !important;
}

[data-theme="comic-meow"] .div-tag {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #101226 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .div-status.live {
  background: #007FFE !important;
  color: #ffffff !important;
}

[data-theme="comic-meow"] .contact-box {
  background: #e5ded2 !important;
  border: 2.5px solid #1a1c36 !important;
  box-shadow: 5px 5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .contact-title,
[data-theme="comic-meow"] .contact-badge {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .contact-desc,
[data-theme="comic-meow"] .contact-disclaimer {
  color: #32374e !important;
}

[data-theme="comic-meow"] .contact-channel-card {
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 3px 3px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .contact-channel-card:hover {
  background: #d8d0c2 !important;
  transform: translate(-2px, -2px) !important;
  box-shadow: 5px 5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .channel-name {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .channel-sub {
  color: #32374e !important;
}

/* --------------------------------------------------------------------------
   8. SLIDER CONTROLS & ARROWS (MŨI TÊN QUA LẠI & BỘ ĐẾM CHUẨN RULE 88)
   Khắc phục triệt để Bad Gen #02: Mũi tên tàng hình do thiếu tương phản
   -------------------------------------------------------------------------- */
[data-theme="comic-meow"] .btn-cinematic-nav,
[data-theme="comic-meow"] .cal-nav-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  color: #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  cursor: pointer !important;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

[data-theme="comic-meow"] .btn-cinematic-nav:hover,
[data-theme="comic-meow"] .btn-cinematic-nav:active {
  background: #007FFE !important;
  border-color: #1a1c36 !important;
  color: #ffffff !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .cal-nav-btn:hover,
[data-theme="comic-meow"] .cal-nav-btn:active {
  background: #ff5722 !important;
  border-color: #1a1c36 !important;
  color: #ffffff !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .cinematic-counter-pill {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #101226 !important;
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 9999px !important;
  padding: 4px 12px !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-cinematic-read {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  background: #007FFE !important;
  color: #ffffff !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 9999px !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

[data-theme="comic-meow"] .btn-cinematic-read:hover,
[data-theme="comic-meow"] .btn-cinematic-read:active {
  transform: translate(1px, 1.5px) !important;
  box-shadow: 1px 1px 0px #1a1c36 !important;
  filter: brightness(1.08) !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   9. SKYSCRAPER PARTNER BANNER (#sideWingUnified)
   Khắc phục triệt để Bad Gen #03: Chữ và Nút bấm lệch phong cách Comic 2D
   -------------------------------------------------------------------------- */
[data-theme="comic-meow"] .side-wing-unified,
[data-theme="comic-meow"] #sideWingUnified {
  background: #e5ded2 !important;
  border: 2.5px solid #1a1c36 !important;
  box-shadow: 4px 4px 0px #1a1c36 !important;
  border-radius: 16px !important;
}

[data-theme="comic-meow"] .wing-header {
  background: #d8d0c2 !important;
  border-bottom: 2px solid #1a1c36 !important;
  padding: 8px 12px !important;
}

[data-theme="comic-meow"] .wing-title {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .wing-action-btn {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #101226 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
  border-radius: 6px !important;
}

[data-theme="comic-meow"] .wing-action-btn:hover {
  background: #d8d0c2 !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 0.5px 0.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .wing-card-item {
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 14px !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
}

[data-theme="comic-meow"] .wing-card-img-wrap {
  border: 1.5px solid #1a1c36 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #d8d0c2 !important;
}

[data-theme="comic-meow"] .wing-img-badge {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  border: 1.5px solid #1a1c36 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .wing-img-badge.badge-electric {
  background: #007FFE !important;
  color: #ffffff !important;
}

[data-theme="comic-meow"] .wing-img-badge.badge-magma {
  background: #ff5722 !important;
  color: #ffffff !important;
}

[data-theme="comic-meow"] .wing-item-name {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #101226 !important;
  line-height: 1.3 !important;
  margin-top: 6px !important;
}

[data-theme="comic-meow"] .wing-item-highlight {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin: 3px 0 !important;
}

[data-theme="comic-meow"] .wing-card-item.item-shopee .wing-item-highlight,
[data-theme="comic-meow"] .side-wing-right .wing-item-highlight {
  color: #d84315 !important;
}

[data-theme="comic-meow"] .wing-card-item.item-affiliate .wing-item-highlight,
[data-theme="comic-meow"] .side-wing-left .wing-item-highlight {
  color: #0056b3 !important;
}

[data-theme="comic-meow"] .wing-item-desc {
  color: #334155 !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

[data-theme="comic-meow"] .wing-btn-cta {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
  padding: 8px 14px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

[data-theme="comic-meow"] .wing-card-item.item-shopee .wing-btn-cta,
[data-theme="comic-meow"] .btn-wing-shopee,
[data-theme="comic-meow"] .btn-wing-magma {
  background: #ff5722 !important;
  color: #ffffff !important;
}

[data-theme="comic-meow"] .wing-card-item.item-affiliate .wing-btn-cta,
[data-theme="comic-meow"] .btn-wing-electric {
  background: #007FFE !important;
  color: #ffffff !important;
}

[data-theme="comic-meow"] .btn-wing-cyan {
  background: #0284c7 !important;
  color: #ffffff !important;
}

[data-theme="comic-meow"] .wing-btn-cta:hover,
[data-theme="comic-meow"] .wing-btn-cta:active {
  transform: translate(1px, 1.5px) !important;
  box-shadow: 1px 1px 0px #1a1c36 !important;
  filter: brightness(1.08) !important;
  color: #ffffff !important;
}

[data-theme="comic-meow"] .wing-slider-ctrl {
  background: #d8d0c2 !important;
  border-top: 2px solid #1a1c36 !important;
  padding: 8px 12px !important;
}

[data-theme="comic-meow"] .wing-slider-counter {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #101226 !important;
  background: #e5ded2 !important;
  border: 1.5px solid #1a1c36 !important;
  border-radius: 9999px !important;
  padding: 2px 10px !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .wing-arrow-btn {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  color: #1a1c36 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  box-shadow: 1.5px 1.5px 0px #1a1c36 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-meow"] .wing-arrow-btn:hover,
[data-theme="comic-meow"] .wing-arrow-btn:active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: #1a1c36 !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 0.5px 0.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .wing-slider-dots .wing-slider-dot {
  border: 1px solid #1a1c36 !important;
  background: #cbd5e1 !important;
}

[data-theme="comic-meow"] .wing-slider-dots .wing-slider-dot.active {
  background: #007FFE !important;
  border-color: #1a1c36 !important;
  transform: scale(1.2) !important;
}

[data-theme="comic-meow"] .wing-footer-note {
  color: #475569 !important;
  border-top: 1px dashed #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 10.5px !important;
}

/* ==========================================================================
   TOP MARKET TICKER BANNER (JOKE OF THE DAY) - VINTAGE PARCHMENT RIBBON
   ========================================================================== */
[data-theme="comic-meow"] .market-ticker-wrap,
[data-theme="comic-meow"] .ticker-wrap {
  background: #c8bead !important;
  border-bottom: 2px solid #1a1c36 !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .ticker-label,
[data-theme="comic-meow"] .ticker-live-badge {
  background: #eee8de !important;
  color: #ff5722 !important;
  border-right: 2px solid #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .ticker-joke-item,
[data-theme="comic-meow"] .joke-text {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

[data-theme="comic-meow"] .joke-divider {
  color: #1a1c36 !important;
  opacity: 0.3 !important;
}

[data-theme="comic-meow"] .joke-tag.tag-joke {
  background: #ff5722 !important;
  color: #ffffff !important;
  border: 1.5px solid #1a1c36 !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  box-shadow: 1px 1.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .joke-tag.tag-advice {
  background: #007FFE !important;
  color: #ffffff !important;
  border: 1.5px solid #1a1c36 !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  box-shadow: 1px 1.5px 0px #1a1c36 !important;
}

/* ==========================================================================
   FOREX FACTORY CALENDAR (CALENDAR.HTML) - VINTAGE FINANCIAL LEDGER & RULE #4
   ========================================================================== */
[data-theme="comic-meow"] .event-title-text,
[data-theme="comic-meow"] .title-high {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
}

[data-theme="comic-meow"] .cur-usd,
[data-theme="comic-meow"] .currency-badge.cur-usd {
  color: #ffffff !important;
  background: #007FFE !important; /* Rule #4 Color-Blind Safe: NO GREEN, USE ELECTRIC BLUE */
  border: 1.5px solid #1a1c36 !important;
  border-radius: 9999px !important;
  padding: 2px 9px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  box-shadow: 1px 1.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .currency-badge {
  border: 1.5px solid #1a1c36 !important;
  border-radius: 9999px !important;
  padding: 2px 9px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  box-shadow: 1px 1.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .currency-badge.cur-eur { background: #38bdf8 !important; color: #101226 !important; }
[data-theme="comic-meow"] .currency-badge.cur-gbp { background: #60a5fa !important; color: #ffffff !important; }
[data-theme="comic-meow"] .currency-badge.cur-jpy { background: #f472b6 !important; color: #101226 !important; }
[data-theme="comic-meow"] .currency-badge.cur-aud { background: #fbbf24 !important; color: #101226 !important; }
[data-theme="comic-meow"] .currency-badge.cur-cad { background: #f87171 !important; color: #ffffff !important; }
[data-theme="comic-meow"] .currency-badge.cur-chf { background: #e2e8f0 !important; color: #101226 !important; }
[data-theme="comic-meow"] .currency-badge.cur-cny { background: #fca5a5 !important; color: #101226 !important; }

[data-theme="comic-meow"] .val-forecast {
  color: #0056b3 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
}

[data-theme="comic-meow"] .val-previous {
  color: #3d425c !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
}

[data-theme="comic-meow"] .val-empty {
  color: #64748b !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .ff-time-cell {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
}

[data-theme="comic-meow"] .date-badge {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .date-sub {
  color: #4c536e !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .btn-cal-theme-toggle {
  background: #eee8de !important;
  color: #101226 !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .ff-search-wrap input {
  background: #eee8de !important;
  color: #101226 !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .ff-search-wrap input::placeholder {
  color: #64748b !important;
}

[data-theme="comic-meow"] .ff-preset-btn {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  border-radius: 9999px !important;
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  box-shadow: 1.5px 2px 0px #1a1c36 !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-meow"] .ff-preset-btn:hover {
  background: #007FFE !important;
  color: #ffffff !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 0.5px 0.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .ff-preset-btn.active {
  background: #007FFE !important;
  color: #ffffff !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .next-high-impact-card {
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 16px !important;
  box-shadow: 3px 3.5px 0px #1a1c36 !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .next-event-tag {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  color: #ff3b30 !important;
}

[data-theme="comic-meow"] .next-event-title {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   ACADEMY BLOG CARDS & PILL READ BUTTON - GOOD GEN #01 BENCHMARK
   ========================================================================== */
[data-theme="comic-meow"] .blog-read-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  background: #007FFE !important;
  color: #ffffff !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  padding: 4px 13px !important;
  border: 1.5px solid #1a1c36 !important;
  border-radius: 9999px !important;
  box-shadow: 1.5px 2px 0px #1a1c36 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-meow"] .blog-card:hover .blog-read-link {
  transform: translate(1px, 1px) !important;
  box-shadow: 0.5px 0.5px 0px #1a1c36 !important;
  background: #ff5722 !important;
  color: #ffffff !important;
}

[data-theme="comic-meow"] .blog-stat-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  border-radius: 9999px !important;
  padding: 3px 8px !important;
  box-shadow: 1px 1.5px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  font-size: 12.5px !important;
  color: #101226 !important;
}

/* ==========================================================================
   ACADEMY SIDEBAR - COMIC 2D THEME ALIGNMENT
   ========================================================================== */
[data-theme="comic-meow"] .academy-sidebar {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 16px !important;
  box-shadow: 3px 3.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-filter-heading h3 {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .academy-sidebar-divider {
  background: #1a1c36 !important;
  height: 1.5px !important;
  opacity: 0.25 !important;
}

[data-theme="comic-meow"] .academy-cat-btn {
  color: #3d425c !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-meow"] .academy-cat-btn:hover {
  background: #eee8de !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .academy-cat-btn.active {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #007FFE !important;
  font-weight: 800 !important;
  box-shadow: 1.5px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-cat-btn .cat-count {
  background: #d8d0c2 !important;
  color: #101226 !important;
  border: 1px solid #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .academy-cat-btn.active .cat-count {
  background: #007FFE !important;
  color: #ffffff !important;
  border: 1px solid #1a1c36 !important;
}

/* Level Chips */
[data-theme="comic-meow"] .btn-level-chip {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  border-radius: 8px !important;
  color: #3d425c !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  box-shadow: 1.5px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-level-chip:hover {
  background: #e5ded2 !important;
  color: #101226 !important;
}

[data-theme="comic-meow"] .btn-level-chip.active {
  background: #007FFE !important;
  border-color: #1a1c36 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
}

/* Sidebar Search */
[data-theme="comic-meow"] .academy-sidebar-search-box {
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 9999px !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-sidebar-search-box input {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .academy-sidebar-search-box input::placeholder {
  color: #64748b !important;
}

/* Reset Filter Button */
[data-theme="comic-meow"] .btn-reset-filters {
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 9999px !important;
  color: #ff3b30 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-meow"] .btn-reset-filters:hover {
  background: #ff3b30 !important;
  color: #ffffff !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0px #1a1c36 !important;
}

/* Sort Bar & All-in-One Compact Bar */
[data-theme="comic-meow"] .academy-sort-bar {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 12px !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-all-in-one-bar {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 14px !important;
  box-shadow: 3.5px 3.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-bar-pill-badge {
  background: #007FFE !important;
  border: 2px solid #1a1c36 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-bar-title {
  color: #ffffff !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-meow"] .academy-bar-title .gradient-text {
  background: none !important;
  -webkit-text-fill-color: #ffd166 !important;
  color: #ffd166 !important;
}

[data-theme="comic-meow"] .academy-bar-tagline {
  color: #32374e !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 600 !important;
  border-left: 2px solid #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-compact-heading .section-title {
  color: #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .btn-sort-item {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  border-radius: 9999px !important;
  color: #3d425c !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  box-shadow: 1.5px 2px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .btn-sort-item.active {
  background: #007FFE !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .academy-results-count {
  color: #3d425c !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .academy-results-count strong {
  color: #101226 !important;
  font-weight: 800 !important;
}

/* ==========================================================================
   SHOP SIDEBAR & SORT SELECT (SHOP.HTML) - COMIC 2D THEME ALIGNMENT
   ========================================================================== */
[data-theme="comic-meow"] .shop-sort-select {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  color: #101226 !important;
  box-shadow: 2px 2px 0px #1a1c36 !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  padding: 6px 14px !important;
  cursor: pointer !important;
}

[data-theme="comic-meow"] .shop-sort-select option {
  background: #eee8de !important;
  color: #101226 !important;
  font-family: var(--font-sans) !important;
}

[data-theme="comic-meow"] .shop-sidebar {
  background: #e5ded2 !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 16px !important;
  box-shadow: 3px 3.5px 0px #1a1c36 !important;
}

[data-theme="comic-meow"] .shop-sidebar-search {
  background: #eee8de !important;
  border: 1.5px solid #1a1c36 !important;
  border-radius: 9999px !important;
  color: #101226 !important;
  box-shadow: 1.5px 2px 0px #1a1c36 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-meow"] .shop-sidebar-search input {
  color: #101226 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-meow"] .shop-sidebar-search input::placeholder {
  color: #64748b !important;
}

[data-theme="comic-meow"] .shop-reset-btn {
  background: #eee8de !important;
  border: 2px solid #1a1c36 !important;
  border-radius: 9999px !important;
  color: #ff3b30 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  box-shadow: 2px 2.5px 0px #1a1c36 !important;
}

[data-theme="magma-meow"] {
  --bg-main: #07080c;
  --bg-card: #0e111a;
  --bg-card-hover: #151a27;
  --border-subtle: rgba(0, 127, 254, 0.15);
  --border-highlight: #ff5722;
  --text-main: #f8fafc;
  --text-secondary: #94a3b8;
}

[data-theme="magma-meow"] .site-header {
  border-bottom: 1.5px solid rgba(0, 127, 254, 0.2);
  background: rgba(7, 8, 12, 0.88);
}

[data-theme="magma-meow"] .nav-pill.active {
  background: linear-gradient(135deg, rgba(0, 127, 254, 0.25) 0%, rgba(255, 87, 34, 0.2) 100%);
  border: 1.5px solid #007FFE;
  box-shadow: 0 0 14px rgba(0, 127, 254, 0.35);
}

[data-theme="magma-meow"] .calendar-promo-banner::before,
[data-theme="magma-meow"] .academy-promo-card::before {
  content: '🐾 NHÀ MÈO TRADIMEOW';
  position: absolute;
  top: -11px;
  right: 24px;
  background: #07080c;
  color: #ff5722;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 2px 10px;
  border-radius: 9999px;
  border: 1px solid rgba(255, 87, 34, 0.4);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  z-index: 2;
}

/* ==========================================================================
   MODE 3: [data-theme="comic-dark"] - KURETAKE BLACK MANGA ĐÊM (#001122)
   GIAO DIỆN TỐI COMIC 2D CHUẨN MỰC NỀN MỰC ĐEN NHẬT BẢN KURETAKE MANGA
   Author: ROLE_VISUAL_ARTIST & ROLE_FRONTEND_UI
   Typography: 100% DFVN Excalifont
   Tactile 3D: Rule 88 (Bóng cứng đen tuyền cơ học 2.5px 2.5px 0px #000812)
   Color-Blind Safe: Rule #4 (Electric Blue #007FFE, Cam Magma #ff5722, Không xanh lá)
   ========================================================================== */
[data-theme="comic-dark"] {
  --bg-main: #001122;
  --bg-card: #07182c;
  --bg-card-hover: #0e243d;
  --border-subtle: #1b3a5e;
  --border-highlight: #ff5722;
  --text-main: #f1f5fa;
  --text-secondary: #90a4c2;
  --text-muted: #5c7799;
  --magma-orange: #ff5722;
  --tv-green: #007FFE;
  --tv-red: #f23645;
}

[data-theme="comic-dark"] html,
[data-theme="comic-dark"] body {
  background-color: #001122 !important;
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  background-image: 
    radial-gradient(circle at 10% 10%, rgba(27, 58, 94, 0.35) 1px, transparent 1px),
    radial-gradient(circle at 90% 90%, rgba(27, 58, 94, 0.35) 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
}

/* Typography DFVN Excalifont bắt buộc */
[data-theme="comic-dark"] h1,
[data-theme="comic-dark"] h2,
[data-theme="comic-dark"] h3,
[data-theme="comic-dark"] h4,
[data-theme="comic-dark"] .brand-logo .logo-title,
[data-theme="comic-dark"] .nav-pill,
[data-theme="comic-dark"] .btn-open-calendar,
[data-theme="comic-dark"] .btn-join-tele,
[data-theme="comic-dark"] .btn-meow-primary,
[data-theme="comic-dark"] .btn-meow-secondary,
[data-theme="comic-dark"] .hero-meow-title,
[data-theme="comic-dark"] .promo-title,
[data-theme="comic-dark"] .promo-badge,
[data-theme="comic-dark"] .promo-mini-badge,
[data-theme="comic-dark"] .cinematic-slider-card h3,
[data-theme="comic-dark"] .ticker-label,
[data-theme="comic-dark"] .meow-theme-toggle {
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  letter-spacing: 0.3px;
}

/* Header & Navbar */
[data-theme="comic-dark"] .site-header {
  background: #07182c !important;
  border-bottom: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 0 4px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .brand-logo .logo-title {
  color: #f1f5fa !important;
  font-size: 22px;
}

[data-theme="comic-dark"] .search-box {
  background: #051425 !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .search-box input {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 14.5px;
}

[data-theme="comic-dark"] .search-box input::placeholder {
  color: #829ab8 !important;
}

[data-theme="comic-dark"] .nav-pill {
  background: #07182c !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #cbd5e1 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .nav-pill:hover {
  background: #0e243d !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0px rgba(0, 127, 254, 0.5) !important;
}

[data-theme="comic-dark"] .nav-pill.active {
  background: #007FFE !important;
  border: 1.5px solid rgba(226, 232, 240, 0.5) !important;
  color: #ffffff !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.4) !important;
  font-weight: 800 !important;
}

/* Top Ticker Joke Bar */
[data-theme="comic-dark"] .market-ticker-wrap {
  background: #051425 !important;
  border-bottom: 1.5px solid rgba(226, 232, 240, 0.3) !important;
}

[data-theme="comic-dark"] .ticker-label {
  background: #07182c !important;
  color: #ff5722 !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .ticker-track {
  color: #cbd5e1 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 14px !important;
}

[data-theme="comic-dark"] .ticker-joke-tag {
  background: #0e243d !important;
  color: #007FFE !important;
  border: 1.2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 1.5px 1.5px 0px rgba(0, 127, 254, 0.35) !important;
}

/* Hero Showcase Banner */
[data-theme="comic-dark"] .hero-meow-showcase {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .hero-meow-content {
  background: #07182c !important;
}

[data-theme="comic-dark"] .hero-meow-title {
  color: #f1f5fa !important;
}

[data-theme="comic-dark"] .hero-meow-desc {
  color: #cbd5e1 !important;
}

[data-theme="comic-dark"] .hero-meow-badge-float {
  background: #07182c !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #007FFE !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .btn-meow-primary {
  background: #007FFE !important;
  color: #ffffff !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 2.5px 2.5px 0px rgba(0, 127, 254, 0.4) !important;
}

[data-theme="comic-dark"] .btn-meow-primary:hover {
  background: #0066cc !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3.5px 3.5px 0px rgba(0, 127, 254, 0.5) !important;
}

[data-theme="comic-dark"] .btn-meow-secondary {
  background: #0e243d !important;
  color: #f1f5fa !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 2.5px 2.5px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .btn-meow-secondary:hover {
  background: #112c4a !important;
  border-color: #ff5722 !important;
  color: #ff5722 !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3.5px 3.5px 0px rgba(255, 87, 34, 0.4) !important;
}

/* Thẻ Bài Viết Spotlight, Idea Card, TV Idea Card & Blog Cards */
[data-theme="comic-dark"] .cinematic-slider-card,
[data-theme="comic-dark"] .idea-card,
[data-theme="comic-dark"] .tv-idea-card,
[data-theme="comic-dark"] .blog-card {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
  border-radius: 12px !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, border-color 0.2s ease !important;
}

[data-theme="comic-dark"] .cinematic-slider-card:hover,
[data-theme="comic-dark"] .idea-card:hover,
[data-theme="comic-dark"] .tv-idea-card:hover,
[data-theme="comic-dark"] .blog-card:hover {
  background: #0a1f36 !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0px rgba(0, 127, 254, 0.5) !important;
}

[data-theme="comic-dark"] .blog-card-cover {
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  background: #051425 !important;
}

[data-theme="comic-dark"] .card-title,
[data-theme="comic-dark"] .blog-title,
[data-theme="comic-dark"] .blog-card-title,
[data-theme="comic-dark"] .cinematic-slider-card h3,
[data-theme="comic-dark"] .tv-idea-card .article-title,
[data-theme="comic-dark"] .tv-name,
[data-theme="comic-dark"] .blog-author-name,
[data-theme="comic-dark"] .idea-title {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .card-desc,
[data-theme="comic-dark"] .blog-excerpt,
[data-theme="comic-dark"] .blog-card-excerpt,
[data-theme="comic-dark"] .tv-card-body .article-excerpt,
[data-theme="comic-dark"] .cinematic-meta-desc {
  color: #90a4c2 !important;
}

[data-theme="comic-dark"] .blog-card-footer,
[data-theme="comic-dark"] .tv-card-footer {
  background: #0a1f36 !important;
  border-top: 1.5px solid rgba(226, 232, 240, 0.35) !important;
}

[data-theme="comic-dark"] .cinematic-stat-item,
[data-theme="comic-dark"] .cinematic-stats-row,
[data-theme="comic-dark"] .blog-stat-item,
[data-theme="comic-dark"] .tv-stat-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  color: #cbd5e1 !important;
  background: #07182c !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  padding: 3px 8px !important;
  box-shadow: 1.5px 2px 0px rgba(0, 127, 254, 0.35) !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
}

[data-theme="comic-dark"] .cinematic-stat-item strong,
[data-theme="comic-dark"] .cinematic-stats-row strong,
[data-theme="comic-dark"] .blog-stat-item span,
[data-theme="comic-dark"] .blog-card-stats span {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .blog-read-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  background: #007FFE !important;
  color: #ffffff !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  padding: 4px 13px !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  box-shadow: 1.5px 2px 0px rgba(0, 127, 254, 0.35) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .blog-read-link:hover,
[data-theme="comic-dark"] .blog-card:hover .blog-read-link {
  background: #ff5722 !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 2px 2.5px 0px rgba(255, 87, 34, 0.4) !important;
  transform: translate(1px, 1px) !important;
  color: #ffffff !important;
}

[data-theme="comic-dark"] .blog-read-time {
  color: #90a4c2 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-dark"] .blog-category-badge {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 1.5px 2px 0px rgba(0, 127, 254, 0.35) !important;
  border-radius: 9999px !important;
  padding: 3px 9px !important;
  background: #07182c !important;
  color: #cbd5e1 !important;
}

[data-theme="comic-dark"] .blog-category-badge.badge-level-1 { background: rgba(2, 132, 199, 0.22) !important; color: #38bdf8 !important; }
[data-theme="comic-dark"] .blog-category-badge.badge-level-2 { background: rgba(217, 119, 6, 0.22) !important; color: #fbbf24 !important; }
[data-theme="comic-dark"] .blog-category-badge.badge-level-3 { background: rgba(139, 92, 246, 0.22) !important; color: #c084fc !important; }
[data-theme="comic-dark"] .blog-category-badge.badge-level-4,
[data-theme="comic-dark"] .blog-category-badge.badge-smc { background: rgba(0, 127, 254, 0.22) !important; color: #60a5fa !important; }
[data-theme="comic-dark"] .blog-category-badge.badge-level-5 { background: rgba(249, 115, 22, 0.22) !important; color: #fb923c !important; }
[data-theme="comic-dark"] .blog-category-badge.badge-risk { background: rgba(255, 152, 0, 0.22) !important; color: #fbbf24 !important; }
[data-theme="comic-dark"] .blog-category-badge.badge-psychology { background: rgba(168, 85, 247, 0.22) !important; color: #e879f9 !important; }
[data-theme="comic-dark"] .blog-category-badge.badge-diary { background: rgba(56, 189, 248, 0.22) !important; color: #38bdf8 !important; }
[data-theme="comic-dark"] .blog-category-badge.badge-recap { background: rgba(244, 63, 94, 0.22) !important; color: #fb7185 !important; }
[data-theme="comic-dark"] .blog-category-badge.badge-plan { background: rgba(14, 165, 233, 0.22) !important; color: #38bdf8 !important; }

[data-theme="comic-dark"] .blog-verify-badge {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  border-radius: 9999px !important;
  padding: 2.5px 8px !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 1.5px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .blog-verify-badge.verify-tradimeow {
  background: rgba(0, 127, 254, 0.22) !important;
  color: #60a5fa !important;
}

[data-theme="comic-dark"] .blog-verify-badge.verify-ai {
  background: rgba(168, 85, 247, 0.2) !important;
  color: #c084fc !important;
}

[data-theme="comic-dark"] .pin-spotlight-badge {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 1.5px 2px 0px rgba(0, 127, 254, 0.35) !important;
  border-radius: 9999px !important;
}

[data-theme="comic-dark"] .btn-like-post {
  background: #0e243d !important;
  color: #ff5722 !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

/* USD News Live Slider Window */
[data-theme="comic-dark"] #calTickerWindow {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .cal-ticker-item-title {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .cal-ticker-val-pill {
  background: #0e243d !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #cbd5e1 !important;
}

[data-theme="comic-dark"] .cal-ticker-val-pill strong {
  color: #f1f5fa !important;
}

[data-theme="comic-dark"] .cal-ticker-progress {
  background: #0e243d !important;
}

[data-theme="comic-dark"] .cal-nav-btn {
  background: #0e243d !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  color: #f1f5fa !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

/* Sidebar Trang Học Viện (academy.html) */
[data-theme="comic-dark"] .academy-sidebar {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-left: 5px solid #007FFE !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .sidebar-title,
[data-theme="comic-dark"] .filter-section-title,
[data-theme="comic-dark"] .academy-filter-heading h3 {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .academy-sidebar-divider {
  background: rgba(226, 232, 240, 0.25) !important;
  height: 1.5px !important;
}

[data-theme="comic-dark"] .academy-cat-btn {
  color: #90a4c2 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .academy-cat-btn:hover {
  background: #0e243d !important;
  color: #ffffff !important;
}

[data-theme="comic-dark"] .academy-cat-btn.active {
  background: #0e243d !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #007FFE !important;
  font-weight: 800 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .academy-cat-btn .cat-count {
  background: #051425 !important;
  color: #f1f5fa !important;
  border: 1px solid rgba(226, 232, 240, 0.35) !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .academy-cat-btn.active .cat-count {
  background: #007FFE !important;
  color: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, 0.5) !important;
}

/* Level Chips */
[data-theme="comic-dark"] .btn-level-chip {
  background: #07182c !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 8px !important;
  color: #cbd5e1 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .btn-level-chip:hover {
  background: #0e243d !important;
  color: #ffffff !important;
}

[data-theme="comic-dark"] .btn-level-chip.active {
  background: #007FFE !important;
  border-color: rgba(226, 232, 240, 0.5) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.4) !important;
}

/* Academy Search & Reset */
[data-theme="comic-dark"] .academy-sidebar-search-box {
  background: #051425 !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .academy-sidebar-search-box input {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-dark"] .academy-sidebar-search-box input::placeholder {
  color: #5c7799 !important;
}

[data-theme="comic-dark"] .btn-reset-filters {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  color: #ff3b30 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-reset-filters:hover {
  background: #ff3b30 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .academy-sort-bar {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 3px 3px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .academy-all-in-one-bar {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 14px !important;
  box-shadow: 3.5px 3.5px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .academy-bar-pill-badge {
  background: rgba(0, 127, 254, 0.25) !important;
  border: 1.5px solid rgba(0, 127, 254, 0.5) !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .academy-bar-title {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .academy-bar-title .gradient-text {
  background: none !important;
  -webkit-text-fill-color: #38bdf8 !important;
  color: #38bdf8 !important;
}

[data-theme="comic-dark"] .academy-bar-tagline {
  color: #94a3b8 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 600 !important;
  border-left: 1.5px solid rgba(226, 232, 240, 0.2) !important;
}

[data-theme="comic-dark"] .academy-compact-heading .section-title {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-dark"] .academy-sort-select {
  background: #051425 !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

/* Bảng Lịch Kinh Tế Forex Factory (calendar.html) */
[data-theme="comic-dark"] .ff-calendar-box {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .ff-day-header {
  background: #051425 !important;
  color: #f1f5fa !important;
  border-bottom: 2px solid rgba(226, 232, 240, 0.35) !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-dark"] .ff-table {
  background: #07182c !important;
}

[data-theme="comic-dark"] .ff-row {
  border-bottom: 1px solid #112c4a !important;
}

[data-theme="comic-dark"] .ff-row:hover {
  background: #0e243d !important;
}

[data-theme="comic-dark"] .event-title-text,
[data-theme="comic-dark"] .title-high {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-dark"] .val-forecast,
[data-theme="comic-dark"] .val-previous,
[data-theme="comic-dark"] .val-actual {
  color: #f1f5fa !important;
  font-weight: 700 !important;
}

[data-theme="comic-dark"] .cur-badge {
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 1.5px 1.5px 0px rgba(0, 127, 254, 0.35) !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-dark"] .cur-usd {
  background: #007FFE !important;
  color: #ffffff !important;
}

[data-theme="comic-dark"] .ff-filter-checkbox-item {
  background: #07182c !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #cbd5e1 !important;
  box-shadow: 1.5px 1.5px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .ff-table-footer-bar {
  background: #051425 !important;
  border-top: 2px solid rgba(226, 232, 240, 0.35) !important;
}

[data-theme="comic-dark"] .btn-cal-week-nav {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  color: #cbd5e1 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-dark"] .btn-cal-week-nav:hover,
[data-theme="comic-dark"] .btn-cal-week-nav.active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.4) !important;
}

/* Khung Nhúng TradingView Trong Chế Độ Comic Dark */
[data-theme="comic-dark"] .tv-embed-wrap {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .tv-embed-badge {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  color: #007FFE !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .tradingview-widget-container {
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 3px 3px 0px rgba(0, 127, 254, 0.35) !important;
  background: #001122 !important;
}

/* Trang Tạp Hóa Meow Meow (shop.html) */
[data-theme="comic-dark"] .shop-hero-card {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .shop-hero-badge {
  background: #07182c !important;
  color: #ff5722 !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .shop-hero-title {
  color: #f1f5fa !important;
}

[data-theme="comic-dark"] .shop-hero-tagline {
  color: #90a4c2 !important;
}

[data-theme="comic-dark"] .shop-highlights-strip {
  background: #0a1f36 !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 3px 3px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .shop-hl-item,
[data-theme="comic-dark"] .shop-hl-item .hl-text,
[data-theme="comic-dark"] .shop-hl-text,
[data-theme="comic-dark"] .hl-text {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-dark"] .shop-hl-divider {
  background: rgba(226, 232, 240, 0.25) !important;
}

[data-theme="comic-dark"] .shop-sidebar {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-left: 5px solid #ff5722 !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .shop-sidebar-title,
[data-theme="comic-dark"] .shop-filter-heading h3 {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-dark"] .shop-cat-btn {
  color: #90a4c2 !important;
}

[data-theme="comic-dark"] .shop-cat-btn:hover {
  background: #0e243d !important;
  color: #f1f5fa !important;
}

[data-theme="comic-dark"] .shop-cat-btn.active {
  background: #0e243d !important;
  color: #ff5722 !important;
  border-left: 3px solid #ff5722 !important;
  font-weight: 700 !important;
}

[data-theme="comic-dark"] .shop-cat-btn .cat-count {
  background: #051425 !important;
  color: #f1f5fa !important;
  border: 1px solid rgba(226, 232, 240, 0.35) !important;
}

[data-theme="comic-dark"] .shop-brand-search-wrap input,
[data-theme="comic-dark"] .price-input-field {
  background: #051425 !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #f1f5fa !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .price-preset-chip {
  background: #07182c !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #90a4c2 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .price-preset-chip:hover,
[data-theme="comic-dark"] .price-preset-chip.active {
  background: #ff5722 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 2px 2px 0px rgba(255, 87, 34, 0.4) !important;
}

[data-theme="comic-dark"] .shop-card {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
  border-radius: 12px !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, border-color 0.2s ease !important;
}

[data-theme="comic-dark"] .shop-card:hover {
  background: #0a1f36 !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0px rgba(0, 127, 254, 0.5) !important;
}

[data-theme="comic-dark"] .shop-card-name {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-dark"] .shop-card-price {
  color: #ff5722 !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .shop-card-desc,
[data-theme="comic-dark"] .shop-card-review {
  color: #90a4c2 !important;
}

[data-theme="comic-dark"] .btn-shop-buy {
  background: #ff5722 !important;
  color: #ffffff !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 2px 2px 0px rgba(255, 87, 34, 0.4) !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .btn-shop-buy:hover {
  background: #e64a19 !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 3px 3px 0px rgba(255, 87, 34, 0.5) !important;
}

[data-theme="comic-dark"] .shop-sort-btn {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  color: #cbd5e1 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .shop-sort-btn.active {
  background: #ff5722 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="comic-dark"] .shop-reset-btn {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  color: #ff3b30 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

/* Cột Đối Tác Skyscraper (#sideWingUnified) */
[data-theme="comic-dark"] #sideWingUnified {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-right: 4px solid #007FFE !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .wing-header-bar {
  background: #051425 !important;
  border-bottom: 2px solid rgba(226, 232, 240, 0.35) !important;
}

[data-theme="comic-dark"] .wing-brand-label {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-dark"] .wing-card-item {
  background: #051425 !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .wing-item-name {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-dark"] .wing-arrow-btn,
[data-theme="comic-dark"] .wing-dock-btn {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  color: #f1f5fa !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

/* Trang Giới Thiệu (about.html) */
[data-theme="comic-dark"] .about-hero-card,
[data-theme="comic-dark"] .founder-credo-card,
[data-theme="comic-dark"] .stats-grid-card,
[data-theme="comic-dark"] .pillar-card,
[data-theme="comic-dark"] .ecosystem-card {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
  color: #f1f5fa !important;
}

[data-theme="comic-dark"] .about-hero-card h1,
[data-theme="comic-dark"] .credo-quote,
[data-theme="comic-dark"] .pillar-card h3 {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

/* Modal Đọc Bài Viết (Reader Modal - Comic Tối 🌙 Manga Sketchbook Đêm) */
[data-theme="comic-dark"] .modal-container {
  background: #07182c !important;
  border: 2.5px solid rgba(226, 232, 240, 0.4) !important;
  box-shadow: 6px 6px 0px rgba(0, 127, 254, 0.35) !important;
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

[data-theme="comic-dark"] .modal-title {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  border-bottom: 2px solid rgba(226, 232, 240, 0.25) !important;
}

[data-theme="comic-dark"] .modal-close-btn {
  color: #90a4c2 !important;
}

[data-theme="comic-dark"] .modal-close-btn:hover {
  color: #ffffff !important;
}

[data-theme="comic-dark"] .modal-meta {
  color: #90a4c2 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

[data-theme="comic-dark"] .modal-meta span,
[data-theme="comic-dark"] .modal-meta strong {
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

[data-theme="comic-dark"] #modalCategory,
[data-theme="comic-dark"] .modal-badge {
  background: rgba(0, 127, 254, 0.22) !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #60a5fa !important;
  box-shadow: 1.5px 2px 0px rgba(0, 127, 254, 0.35) !important;
  border-radius: 9999px !important;
  padding: 3px 10px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-weight: 700 !important;
}

[data-theme="comic-dark"] .modal-verify-badge {
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 1.5px 2px 0px rgba(0, 127, 254, 0.35) !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-weight: 700 !important;
}

[data-theme="comic-dark"] .modal-verify-badge.verify-tradimeow {
  background: rgba(0, 127, 254, 0.22) !important;
  color: #60a5fa !important;
}

[data-theme="comic-dark"] .modal-verify-badge.verify-ai {
  background: rgba(168, 85, 247, 0.2) !important;
  color: #c084fc !important;
}

[data-theme="comic-dark"] .modal-views-badge {
  background: #051425 !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #60a5fa !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .modal-body,
[data-theme="comic-dark"] .modal-body *,
[data-theme="comic-dark"] .article-prose,
[data-theme="comic-dark"] .article-prose *,
[data-theme="comic-dark"] .creator-intro-badge,
[data-theme="comic-dark"] .creator-intro-badge *,
[data-theme="comic-dark"] .callout-box,
[data-theme="comic-dark"] .callout-box * {
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

[data-theme="comic-dark"] .modal-body p,
[data-theme="comic-dark"] .article-prose p {
  color: #e2e8f0 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  margin-bottom: 18px !important;
}

[data-theme="comic-dark"] .modal-body li,
[data-theme="comic-dark"] .article-prose li {
  color: #cbd5e1 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-size: 16.5px !important;
  line-height: 1.7 !important;
  margin-bottom: 8px !important;
}

[data-theme="comic-dark"] .modal-body strong,
[data-theme="comic-dark"] .article-prose strong {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

[data-theme="comic-dark"] .modal-body h2,
[data-theme="comic-dark"] .modal-body h3,
[data-theme="comic-dark"] .article-prose h2,
[data-theme="comic-dark"] .article-prose h3 {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .creator-intro-badge {
  background: #007FFE !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.4) !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
}

[data-theme="comic-dark"] .callout-box {
  background: rgba(0, 127, 254, 0.12) !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-left: 4px solid #007FFE !important;
  border-radius: 10px !important;
  box-shadow: 3px 3px 0px rgba(0, 127, 254, 0.35) !important;
  color: #e2e8f0 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  padding: 14px 18px !important;
}

[data-theme="comic-dark"] .callout-box strong {
  color: #60a5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

[data-theme="comic-dark"] .modal-body table,
[data-theme="comic-dark"] .article-prose table {
  background: #051425 !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-size: 14.5px !important;
}

[data-theme="comic-dark"] .modal-body table th,
[data-theme="comic-dark"] .article-prose table th {
  background: #0a1f36 !important;
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .modal-body table td,
[data-theme="comic-dark"] .article-prose table td {
  color: #cbd5e1 !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.15) !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
}

[data-theme="comic-dark"] .article-diagram-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 28px 0 !important;
  padding: 0 !important;
}

[data-theme="comic-dark"] .article-diagram-box svg {
  border-radius: 18px !important;
  box-shadow: 4px 5px 0px rgba(0, 127, 254, 0.35) !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

[data-theme="comic-dark"] .article-diagram-caption {
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #f1f5fa !important;
  display: block !important;
  margin-top: 14px !important;
  text-align: center !important;
  letter-spacing: 0.3px !important;
}

[data-theme="comic-dark"] .modal-footer {
  border-top: 1.5px solid rgba(226, 232, 240, 0.25) !important;
}

[data-theme="comic-dark"] .btn-close-modal-bottom {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', 'Comic Sans MS', cursive, sans-serif !important;
  font-weight: 800 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  padding: 8px 22px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-close-modal-bottom:hover {
  background: #ff5722 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

/* Exception for Code / Monospace */
[data-theme="comic-dark"] .modal-body pre,
[data-theme="comic-dark"] .modal-body code,
[data-theme="comic-dark"] .article-prose pre,
[data-theme="comic-dark"] .article-prose code {
  font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace !important;
}






/* ==========================================================================
   TRADIMEOW COMIC DARK SYNC - COMPREHENSIVE OVERRIDES (ĐỒNG BỘ TOÀN DIỆN 100%)
   Đồng bộ hóa toàn bộ Nút Bấm, Typography DFVN Excalifont, Cột Skyscraper Shopee,
   Nút Đọc Bài Viết Spotlight, Bảng Lịch Forex Factory, và Bộ Lọc Học Viện/Shop.
   Tuân thủ triệt để:
   - Dáng con nhộng Capsule Pill: border-radius: 9999px (Good Gen #01)
   - Bóng nảy cơ học 3D Tactile (Rule 88): box-shadow cứng không blur
   - Nét viền mờ 35%: rgba(226, 232, 240, 0.35)
   - Phông vẽ tay chuẩn mực: DFVN Excalifont
   - An toàn thị giác chống mù màu (Rule #4): Color-Blind Safe
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. NÚT ĐỌC BÀI VIẾT SPOTLIGHT HERO & BENTO SLIDER (.btn-cinematic-read)
   -------------------------------------------------------------------------- */
[data-theme="comic-dark"] .btn-cinematic-read {
  background: #007FFE !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 2px 2.5px 0px rgba(0, 127, 254, 0.4) !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: 0.3px !important;
  padding: 10px 22px !important;
  font-size: 14px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="comic-dark"] .btn-cinematic-read:hover,
[data-theme="comic-dark"] .btn-cinematic-read:active {
  background: #ff5722 !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  transform: translate(1px, 1.5px) !important;
  box-shadow: 1px 1px 0px rgba(255, 87, 34, 0.5) !important;
  color: #ffffff !important;
}

[data-theme="comic-dark"] .btn-cinematic-nav {
  background: #0e243d !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  color: #f1f5fa !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-cinematic-nav:hover,
[data-theme="comic-dark"] .btn-cinematic-nav:active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0px rgba(0, 127, 254, 0.4) !important;
}

[data-theme="comic-dark"] .cinematic-counter-pill {
  background: #051425 !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  border-radius: 9999px !important;
  padding: 4px 12px !important;
  box-shadow: 1.5px 1.5px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .cinematic-slider-card {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .cinematic-title {
  color: #f1f5fa !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .cinematic-excerpt {
  color: #90a4c2 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-dark"] .cinematic-stats-row {
  color: #90a4c2 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-dark"] .cinematic-stats-row strong,
[data-theme="comic-dark"] .cinematic-stat-item .view-cnt,
[data-theme="comic-dark"] .cinematic-stat-item [class*="view-cnt-"],
[data-theme="comic-dark"] .cinematic-stat-item [class*="like-cnt-"] {
  color: #007FFE !important;
  font-weight: 800 !important;
}

/* --------------------------------------------------------------------------
   2. CỘT ĐỐI TÁC SKYSCRAPER & NÚT MUA SHOPEE (#sideWingUnified & .wing-btn-cta)
   Đồng bộ 100% với Comic Sáng: Dáng Capsule Pill, DFVN Excalifont, 3D Pop
   -------------------------------------------------------------------------- */
[data-theme="comic-dark"] .side-wing-unified,
[data-theme="comic-dark"] #sideWingUnified {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 4px 4px 0px rgba(0, 127, 254, 0.35) !important;
  border-radius: 16px !important;
}

[data-theme="comic-dark"] .wing-header {
  background: #051425 !important;
  border-bottom: 2px solid rgba(226, 232, 240, 0.35) !important;
  padding: 8px 12px !important;
}

[data-theme="comic-dark"] .wing-title {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #f1f5fa !important;
}

[data-theme="comic-dark"] .wing-action-btn,
[data-theme="comic-dark"] .wing-switch-side-btn {
  background: #0e243d !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #f1f5fa !important;
  box-shadow: 1.5px 1.5px 0px rgba(0, 127, 254, 0.35) !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .wing-action-btn:hover,
[data-theme="comic-dark"] .wing-switch-side-btn:hover {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 0.5px 0.5px 0px rgba(0, 127, 254, 0.4) !important;
}

[data-theme="comic-dark"] .wing-card-item {
  background: #051425 !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 14px !important;
  box-shadow: 2px 2.5px 0px rgba(0, 127, 254, 0.35) !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
}

[data-theme="comic-dark"] .wing-card-img-wrap {
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #07182c !important;
}

[data-theme="comic-dark"] .wing-img-badge {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 1.5px 1.5px 0px rgba(0, 127, 254, 0.35) !important;
  border-radius: 9999px !important;
}

[data-theme="comic-dark"] .wing-img-badge.badge-electric {
  background: #007FFE !important;
  color: #ffffff !important;
}

[data-theme="comic-dark"] .wing-img-badge.badge-magma {
  background: #ff5722 !important;
  color: #ffffff !important;
}

[data-theme="comic-dark"] .wing-item-name {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #f1f5fa !important;
  line-height: 1.3 !important;
  margin-top: 6px !important;
}

[data-theme="comic-dark"] .wing-item-highlight {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin: 3px 0 !important;
}

[data-theme="comic-dark"] .wing-card-item.item-shopee .wing-item-highlight,
[data-theme="comic-dark"] .side-wing-right .wing-item-highlight {
  color: #ff5722 !important;
}

[data-theme="comic-dark"] .wing-card-item.item-affiliate .wing-item-highlight,
[data-theme="comic-dark"] .side-wing-left .wing-item-highlight {
  color: #007FFE !important;
}

[data-theme="comic-dark"] .wing-item-desc {
  color: #90a4c2 !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

/* NÚT BẤM CTA SKYSCRAPER SHOPEE / AFFILIATE - DÁNG NHỘNG CHUẨN GOOD GEN #01 */
[data-theme="comic-dark"] .wing-btn-cta {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  box-shadow: 2px 2.5px 0px rgba(0, 127, 254, 0.35) !important;
  padding: 8px 14px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

[data-theme="comic-dark"] .wing-card-item.item-shopee .wing-btn-cta,
[data-theme="comic-dark"] .btn-wing-shopee,
[data-theme="comic-dark"] .btn-wing-magma {
  background: #ff5722 !important;
  color: #ffffff !important;
  box-shadow: 2px 2.5px 0px rgba(255, 87, 34, 0.4) !important;
}

[data-theme="comic-dark"] .wing-card-item.item-affiliate .wing-btn-cta,
[data-theme="comic-dark"] .btn-wing-electric {
  background: #007FFE !important;
  color: #ffffff !important;
  box-shadow: 2px 2.5px 0px rgba(0, 127, 254, 0.4) !important;
}

[data-theme="comic-dark"] .btn-wing-cyan {
  background: #0284c7 !important;
  color: #ffffff !important;
  box-shadow: 2px 2.5px 0px rgba(2, 132, 199, 0.4) !important;
}

[data-theme="comic-dark"] .wing-btn-cta:hover,
[data-theme="comic-dark"] .wing-btn-cta:active {
  transform: translate(1px, 1.5px) !important;
  box-shadow: 1px 1px 0px rgba(0, 127, 254, 0.35) !important;
  filter: brightness(1.1) !important;
  color: #ffffff !important;
}

[data-theme="comic-dark"] .wing-card-item.item-shopee .wing-btn-cta:hover {
  box-shadow: 1px 1px 0px rgba(255, 87, 34, 0.4) !important;
}

[data-theme="comic-dark"] .wing-slider-ctrl {
  background: #051425 !important;
  border-top: 2px solid rgba(226, 232, 240, 0.35) !important;
  padding: 8px 12px !important;
}

[data-theme="comic-dark"] .wing-slider-counter {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #f1f5fa !important;
}

[data-theme="comic-dark"] .wing-arrow-btn {
  background: #0e243d !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #f1f5fa !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 1.5px 1.5px 0px rgba(0, 127, 254, 0.35) !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .wing-arrow-btn:hover {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  transform: translate(1px, 1px) !important;
}

/* --------------------------------------------------------------------------
   3. BỘ LỌC, SẮP XẾP & NÚT RESET TRANG HỌC VIỆN (academy.html)
   -------------------------------------------------------------------------- */
[data-theme="comic-dark"] .btn-sort-item {
  background: #07182c !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  color: #cbd5e1 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  padding: 6px 14px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-sort-item:hover {
  background: #0e243d !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  transform: translate(1px, 1px) !important;
}

[data-theme="comic-dark"] .btn-sort-item.active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.5) !important;
  font-weight: 800 !important;
}

[data-theme="comic-dark"] .academy-sort-label {
  color: #90a4c2 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-dark"] .btn-reset-academy-filters {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  color: #ff3b30 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  padding: 6px 16px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-reset-academy-filters:hover {
  background: #ff3b30 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .btn-level-chip {
  border-radius: 9999px !important;
  padding: 5px 12px !important;
}

[data-theme="comic-dark"] .academy-results-count {
  color: #90a4c2 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-dark"] .academy-results-count strong {
  color: #007FFE !important;
}

/* --------------------------------------------------------------------------
   4. NÚT MUA, BỘ LỌC & SẮP XẾP TRANG TẠP HÓA (shop.html)
   -------------------------------------------------------------------------- */
[data-theme="comic-dark"] .btn-shop-buy {
  background: #ff5722 !important;
  color: #ffffff !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  box-shadow: 2px 2.5px 0px rgba(255, 87, 34, 0.4) !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  padding: 8px 16px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-shop-buy:hover {
  background: #e64a19 !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  transform: translate(1px, 1.5px) !important;
  box-shadow: 1px 1px 0px rgba(255, 87, 34, 0.5) !important;
  color: #ffffff !important;
}

[data-theme="comic-dark"] .shop-sort-btn {
  border-radius: 9999px !important;
  padding: 6px 14px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .shop-sort-btn:hover {
  background: #0e243d !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  transform: translate(1px, 1px) !important;
}

[data-theme="comic-dark"] .shop-sort-btn.active {
  background: #ff5722 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 2px 2px 0px rgba(255, 87, 34, 0.4) !important;
}

[data-theme="comic-dark"] .shop-reset-btn,
[data-theme="comic-dark"] .btn-reset-shop-filters {
  border-radius: 9999px !important;
  padding: 6px 14px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  color: #ff3b30 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .shop-reset-btn:hover,
[data-theme="comic-dark"] .btn-reset-shop-filters:hover {
  background: #ff3b30 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  transform: translate(1px, 1px) !important;
}

[data-theme="comic-dark"] .btn-apply-price {
  background: #007FFE !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  padding: 6px 14px !important;
  cursor: pointer !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.4) !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-apply-price:hover {
  background: #ff5722 !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  transform: translate(1px, 1px) !important;
}

[data-theme="comic-dark"] .price-preset-chip {
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}

[data-theme="comic-dark"] .shop-brand-item {
  color: #cbd5e1 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
}

[data-theme="comic-dark"] .shop-brand-item:hover {
  background: #0e243d !important;
  color: #f1f5fa !important;
}

[data-theme="comic-dark"] .btn-shop-preview,
[data-theme="comic-dark"] .btn-shop-order,
[data-theme="comic-dark"] .btn-shop-load-more {
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  padding: 8px 18px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-shop-preview {
  background: #0e243d !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  color: #cbd5e1 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .btn-shop-preview:hover {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="comic-dark"] .btn-shop-order {
  background: #ff5722 !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  color: #ffffff !important;
  box-shadow: 2px 2px 0px rgba(255, 87, 34, 0.4) !important;
}

[data-theme="comic-dark"] .btn-shop-order:hover {
  background: #e64a19 !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  transform: translate(1px, 1px) !important;
}

[data-theme="comic-dark"] .btn-shop-load-more {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  color: #f1f5fa !important;
  box-shadow: 3px 3px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .btn-shop-load-more:hover {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  transform: translate(1px, 1px) !important;
}

/* --------------------------------------------------------------------------
   5. NÚT LỊCH FOREX FACTORY & USD TICKER (calendar.html)
   -------------------------------------------------------------------------- */
[data-theme="comic-dark"] .btn-cal-refresh {
  background: #07182c !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  color: #cbd5e1 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  padding: 6px 14px !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-cal-refresh:hover,
[data-theme="comic-dark"] .btn-cal-refresh:active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  transform: translate(1px, 1px) !important;
}

[data-theme="comic-dark"] .btn-cal-theme-toggle {
  background: #07182c !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  color: #cbd5e1 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-cal-theme-toggle:hover {
  background: #007FFE !important;
  color: #ffffff !important;
}

[data-theme="comic-dark"] .ff-preset-btn {
  background: #07182c !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  color: #cbd5e1 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  padding: 5px 12px !important;
  box-shadow: 1.5px 1.5px 0px rgba(0, 127, 254, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .ff-preset-btn:hover {
  background: #0e243d !important;
  color: #ffffff !important;
}

[data-theme="comic-dark"] .ff-preset-btn.active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="comic-dark"] .cur-filter-chip {
  background: #07182c !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  color: #cbd5e1 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  box-shadow: 1.5px 1.5px 0px rgba(0, 127, 254, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .cur-filter-chip:hover {
  background: #0e243d !important;
  color: #ffffff !important;
}

[data-theme="comic-dark"] .cur-filter-chip.active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="comic-dark"] .btn-cal-week-nav,
[data-theme="comic-dark"] .btn-week-nav {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  color: #cbd5e1 !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  padding: 6px 14px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-cal-week-nav:hover,
[data-theme="comic-dark"] .btn-cal-week-nav.active,
[data-theme="comic-dark"] .btn-week-nav:hover,
[data-theme="comic-dark"] .btn-week-nav:active,
[data-theme="comic-dark"] .btn-week-nav.active {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.4) !important;
}

[data-theme="comic-dark"] .cal-nav-btn {
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .cal-nav-btn:hover {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  transform: translate(1px, 1px) !important;
}

[data-theme="comic-dark"] .btn-open-calendar {
  background: #007FFE !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  box-shadow: 2px 2.5px 0px rgba(0, 127, 254, 0.4) !important;
  padding: 8px 18px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-open-calendar:hover,
[data-theme="comic-dark"] .btn-open-calendar:active {
  background: #ff5722 !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 1px 1px 0px rgba(255, 87, 34, 0.5) !important;
  transform: translate(1px, 1px) !important;
}

[data-theme="comic-dark"] .cal-countdown-pill {
  background: #051425 !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  color: #ff5722 !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  box-shadow: 1.5px 1.5px 0px rgba(0, 127, 254, 0.35) !important;
}

[data-theme="comic-dark"] .chip-forecast,
[data-theme="comic-dark"] .chip-previous,
[data-theme="comic-dark"] .chip-note {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  border-radius: 9999px !important;
}

/* --------------------------------------------------------------------------
   6. NÚT TOÀN TRANG, TELEGRAM, THÍCH & CHIA SẺ BÀI VIẾT
   -------------------------------------------------------------------------- */
[data-theme="comic-dark"] .btn-join-tele,
[data-theme="comic-dark"] .btn-meow-primary {
  background: #007FFE !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  box-shadow: 2px 2.5px 0px rgba(0, 127, 254, 0.4) !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-join-tele:hover,
[data-theme="comic-dark"] .btn-meow-primary:hover,
[data-theme="comic-dark"] .btn-join-tele:active,
[data-theme="comic-dark"] .btn-meow-primary:active {
  background: #ff5722 !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 1px 1px 0px rgba(255, 87, 34, 0.5) !important;
  transform: translate(1px, 1.5px) !important;
}

[data-theme="comic-dark"] .btn-meow-secondary {
  background: #07182c !important;
  border: 2px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  color: #cbd5e1 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-meow-secondary:hover {
  background: #0e243d !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  transform: translate(1px, 1px) !important;
}

[data-theme="comic-dark"] .btn-like-post {
  background: #0e243d !important;
  color: #ff5722 !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-like-post:hover,
[data-theme="comic-dark"] .btn-like-post.liked {
  background: #ff5722 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 2px 2px 0px rgba(255, 87, 34, 0.5) !important;
}

[data-theme="comic-dark"] .btn-share-post {
  background: #0e243d !important;
  color: #cbd5e1 !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  box-shadow: 2px 2px 0px rgba(0, 127, 254, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

[data-theme="comic-dark"] .btn-share-post:hover {
  background: #007FFE !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="comic-dark"] .promo-badge,
[data-theme="comic-dark"] .promo-mini-badge {
  background: #ff5722 !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(226, 232, 240, 0.35) !important;
  border-radius: 9999px !important;
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 800 !important;
  box-shadow: 1.5px 1.5px 0px rgba(255, 87, 34, 0.4) !important;
}

/* --------------------------------------------------------------------------
   7. INPUT & TÌM KIẾM ĐỒNG BỘ TYPOGRAPHY
   -------------------------------------------------------------------------- */
[data-theme="comic-dark"] .ff-search-wrap input,
[data-theme="comic-dark"] .shop-sidebar-search-box input,
[data-theme="comic-dark"] .academy-sidebar-search-box input {
  font-family: 'Excalifont', 'DFVN Excalifont', var(--font-sans) !important;
  font-weight: 700 !important;
}