/* ───────────────────────────────────────────────────────────
   SPEAKING · SKEUO skin (iOS-6 recording-studio look) — opt-in.
   Active only under html.theme-skeuo. Respects light vs dark:
   • LIGHT  (html.theme-skeuo:not(.ae-dark-mode)) → CREAM PAPER panels on
     honey-oak wood (matches the vocabulary light skeuo). Dark readable text,
     gel/brass buttons, light inputs/textareas.
   • DARK   (html.theme-skeuo.ae-dark-mode)       → warm WALNUT panels on dark
     wood. The signature blue/purple AI hero gradients are kept in both modes.
   ─────────────────────────────────────────────────────────── */
html.theme-skeuo{ --sk-led:#6fd86f; --sk-rec:#e8403a; --sk-amber:#f0c46a; --sk-serif:'Source Serif 4',Georgia,serif;
  /* cream-paper + wood tokens (shared by light overrides) */
  --sk-cream1:#fffefb; --sk-cream2:#f8f2e2; --sk-cream-bd:#e6dcbe; --sk-ink:#3a342b; --sk-ink-sub:#7a6f5a;
  --sk-brass1:#f4d98a; --sk-brass2:#c89b40;
  /* walnut tokens (shared by dark overrides) */
  --sk-walnut1:#2f2820; --sk-walnut2:#241e16; --sk-walnut-bd:rgba(255,214,150,.14); --sk-walnut-ink:#ecdfc4; }

/* ════════════════════════════════════════════════════════════
   ROOM / DESK background
   ════════════════════════════════════════════════════════════ */
/* LIGHT — honey-oak desk (oak plank + grain), cream cards sit on it */
html.theme-skeuo:not(.ae-dark-mode) .sp-root{
  background:
    repeating-linear-gradient(91deg, rgba(38,20,6,.10) 0 1px, rgba(255,226,176,.05) 1px 2px, transparent 2px 7px, rgba(38,20,6,.05) 7px 8px, transparent 8px 15px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.05) 0 90px, rgba(255,238,205,.05) 90px 92px, transparent 92px 198px),
    radial-gradient(130% 120% at 50% 0%, #c39860, #ad8049 52%, #966838 100%) !important;
  color:var(--sk-ink) !important;
  font-family:'Be Vietnam Pro',-apple-system,'Helvetica Neue',sans-serif !important; }

/* DARK — dark walnut studio room */
html.theme-skeuo.ae-dark-mode .sp-root{
  background:
    repeating-linear-gradient(91deg, rgba(0,0,0,.18) 0 1px, rgba(120,80,40,.06) 1px 2px, transparent 2px 7px, rgba(0,0,0,.10) 7px 8px, transparent 8px 15px),
    radial-gradient(1300px 760px at 50% -12%, #2a1f16, #1c160f 58%, #120d08 100%) !important;
  color:#ece2d2 !important;
  font-family:'Be Vietnam Pro',-apple-system,'Helvetica Neue',sans-serif !important; }

/* ════════════════════════════════════════════════════════════
   SIDEBAR — leather/oak cabinet (light) / dark-walnut rack (dark)
   ════════════════════════════════════════════════════════════ */
/* LIGHT — stitched-leather binder, honey tone */
html.theme-skeuo:not(.ae-dark-mode) .sp-sidebar{
  background:
    repeating-radial-gradient(circle at 28% 18%, rgba(0,0,0,.05) 0 1.5px, transparent 1.5px 3.6px),
    radial-gradient(120% 70% at 50% -6%, rgba(255,235,200,.10), transparent 55%),
    linear-gradient(180deg,#60402a,#4d3120 58%,#3d2516 100%) !important;
  border-right:1px solid #22140a !important;
  box-shadow:inset -10px 0 22px -14px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,222,172,.13) !important; }
/* DARK — dark-walnut instrument-rack cabinet */
html.theme-skeuo.ae-dark-mode .sp-sidebar{
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.20) 0 1px, rgba(155,105,55,.05) 1px 2px, transparent 2px 7px),
    linear-gradient(180deg,#2a1d12,#1a1209 60%,#0e0805) !important;
  border-right:1px solid #000 !important;
  box-shadow:inset -10px 0 22px -14px rgba(0,0,0,.85), inset 0 1px 0 rgba(165,115,65,.18) !important; }

/* brand block (shared base) */
html.theme-skeuo .sp-sidebar-brand{ border-bottom:1px solid rgba(0,0,0,.4) !important; box-shadow:0 1px 0 rgba(185,135,75,.12); }
/* brand icon = brass nameplate (light) / brushed metal (dark) */
html.theme-skeuo:not(.ae-dark-mode) .sp-sidebar-brand-icon{ border-radius:11px !important; color:#3a2a12 !important;
  background:linear-gradient(180deg,var(--sk-brass1),var(--sk-brass2) 55%,#a87c2a) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),inset 0 -3px 6px rgba(90,60,10,.5),0 2px 4px rgba(0,0,0,.45) !important; }
html.theme-skeuo.ae-dark-mode .sp-sidebar-brand-icon{ border-radius:11px !important; color:#1a1612 !important;
  background:linear-gradient(180deg,#dadade,#9a9aa0) !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -3px 6px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.55) !important; }
/* sidebar text (both modes read on dark leather/walnut) */
html.theme-skeuo .sp-sidebar-brand-name{ color:#f6e9cf !important; text-shadow:0 1px 2px rgba(0,0,0,.6); }
html.theme-skeuo .sp-sidebar-brand-sub{ color:#c9a878 !important; text-shadow:0 1px 1px rgba(0,0,0,.5); }
html.theme-skeuo .sp-nav-item{ color:#e8d8ba !important; text-shadow:0 1px 1px rgba(0,0,0,.55); border-radius:9px !important; }
html.theme-skeuo .sp-nav-icon{ color:#c2a06f !important; }
html.theme-skeuo .sp-nav-item:hover{ background:rgba(255,236,196,.08) !important; box-shadow:inset 0 1px 0 rgba(205,155,95,.16) !important; }
/* active nav = caramel/brass index tab, raised + glossy (both modes) */
html.theme-skeuo .sp-nav-item.is-active{ color:#3a2a12 !important; text-shadow:0 1px 0 rgba(255,247,212,.55) !important;
  background:linear-gradient(180deg,#eccd8c,#d0a452 55%,#bd8e3a) !important; border:1px solid #8d6822 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.9),inset 0 -3px 6px rgba(120,80,15,.4),0 2px 5px rgba(0,0,0,.42) !important; }
html.theme-skeuo .sp-nav-item.is-active .sp-nav-icon{ color:#5c3e12 !important; }
html.theme-skeuo .sp-darkmode-btn,html.theme-skeuo .sp-home-link:not(.sp-back-library),html.theme-skeuo .sp-footer-nav-link{ color:#e8d8ba !important; text-shadow:0 1px 1px rgba(0,0,0,.55); border-radius:9px !important; }
html.theme-skeuo .sp-darkmode-btn:hover,html.theme-skeuo .sp-home-link:not(.sp-back-library):hover{ background:rgba(255,236,196,.08) !important; }
/* user chip = label plate on the cabinet */
html.theme-skeuo:not(.ae-dark-mode) .sp-user-chip{ background:linear-gradient(180deg,#fdf6e3,#f0e6c8) !important; border:1px solid #d8c89a !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(120,90,30,.25) !important; border-radius:13px !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-user-name{ color:#5a5142 !important; text-shadow:0 1px 0 #fff; }
html.theme-skeuo:not(.ae-dark-mode) .sp-user-sub{ color:#a08850 !important; }
html.theme-skeuo.ae-dark-mode .sp-user-chip{ background:linear-gradient(180deg,#3a3328,#28221a) !important; border:1px solid #161009 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 2px rgba(0,0,0,.6) !important; border-radius:13px !important; }
html.theme-skeuo.ae-dark-mode .sp-user-name{ color:#ece6d8 !important; text-shadow:0 1px 1px #000; }
html.theme-skeuo.ae-dark-mode .sp-user-sub{ color:#b8a982 !important; }

/* ════════════════════════════════════════════════════════════
   CONTENT PANELS — cream paper (light) / warm walnut (dark)
   ════════════════════════════════════════════════════════════ */
/* ── LIGHT: cream paper sheets on the wood ── */
html.theme-skeuo:not(.ae-dark-mode) .sp-white,
html.theme-skeuo:not(.ae-dark-mode) .sp-card,
html.theme-skeuo:not(.ae-dark-mode) .sp-how-step,
html.theme-skeuo:not(.ae-dark-mode) .sp-phoneme-card,
html.theme-skeuo:not(.ae-dark-mode) .sp-mic-modal,
html.theme-skeuo:not(.ae-dark-mode) .sp-streak-cta,
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-intro-card,
html.theme-skeuo:not(.ae-dark-mode) .sp-result-section,
html.theme-skeuo:not(.ae-dark-mode) .sp-usage-card,
html.theme-skeuo:not(.ae-dark-mode) .sp-chart-container,
html.theme-skeuo:not(.ae-dark-mode) .sp-attempts-empty,
html.theme-skeuo:not(.ae-dark-mode) .sp-history-table-wrap,
html.theme-skeuo:not(.ae-dark-mode) .sp-feature-card,
html.theme-skeuo:not(.ae-dark-mode) .sp-vocab-card,
html.theme-skeuo:not(.ae-dark-mode) .sp-topic-item,
html.theme-skeuo:not(.ae-dark-mode) .sp-settings-section,
html.theme-skeuo:not(.ae-dark-mode) .sp-settings-hero,
html.theme-skeuo:not(.ae-dark-mode) .sp-rescore-section,
html.theme-skeuo:not(.ae-dark-mode) .sp-settings-empty,
html.theme-skeuo:not(.ae-dark-mode) .sp-result-modal,
html.theme-skeuo:not(.ae-dark-mode) .sp-attempt-card,
html.theme-skeuo:not(.ae-dark-mode) .sp-voice-card,
html.theme-skeuo:not(.ae-dark-mode) .sp-gender-card,
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-credit-card,
html.theme-skeuo:not(.ae-dark-mode) .spv2-topic-card,
html.theme-skeuo:not(.ae-dark-mode) .spv2-q-list,
html.theme-skeuo:not(.ae-dark-mode) .spv2-recorder,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-textarea,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-preview,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-validating-card,
html.theme-skeuo:not(.ae-dark-mode) .spv2-fu-question-card,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-sample,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-sample{
  background:linear-gradient(180deg,var(--sk-cream1),var(--sk-cream2)) !important;
  border:1px solid var(--sk-cream-bd) !important; border-radius:16px !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 14px 30px -16px rgba(80,60,20,.5),inset 0 1px 0 #fff !important;
  color:var(--sk-ink) !important; }

/* ── DARK: warm walnut panels ── */
html.theme-skeuo.ae-dark-mode .sp-white,
html.theme-skeuo.ae-dark-mode .sp-card,
html.theme-skeuo.ae-dark-mode .sp-how-step,
html.theme-skeuo.ae-dark-mode .sp-phoneme-card,
html.theme-skeuo.ae-dark-mode .sp-mic-modal,
html.theme-skeuo.ae-dark-mode .sp-streak-cta,
html.theme-skeuo.ae-dark-mode .sp-mock-intro-card,
html.theme-skeuo.ae-dark-mode .sp-result-section,
html.theme-skeuo.ae-dark-mode .sp-usage-card,
html.theme-skeuo.ae-dark-mode .sp-chart-container,
html.theme-skeuo.ae-dark-mode .sp-attempts-empty,
html.theme-skeuo.ae-dark-mode .sp-history-table-wrap,
html.theme-skeuo.ae-dark-mode .sp-feature-card,
html.theme-skeuo.ae-dark-mode .sp-vocab-card,
html.theme-skeuo.ae-dark-mode .sp-topic-item,
html.theme-skeuo.ae-dark-mode .sp-settings-section,
html.theme-skeuo.ae-dark-mode .sp-settings-hero,
html.theme-skeuo.ae-dark-mode .sp-rescore-section,
html.theme-skeuo.ae-dark-mode .sp-settings-empty,
html.theme-skeuo.ae-dark-mode .sp-result-modal,
html.theme-skeuo.ae-dark-mode .sp-attempt-card,
html.theme-skeuo.ae-dark-mode .sp-voice-card,
html.theme-skeuo.ae-dark-mode .sp-gender-card,
html.theme-skeuo.ae-dark-mode .sp-mock-credit-card,
html.theme-skeuo.ae-dark-mode .spv2-topic-card,
html.theme-skeuo.ae-dark-mode .spv2-q-list,
html.theme-skeuo.ae-dark-mode .spv2-recorder,
html.theme-skeuo.ae-dark-mode .spv2-anytext-textarea,
html.theme-skeuo.ae-dark-mode .spv2-anytext-preview,
html.theme-skeuo.ae-dark-mode .spv2-anytext-validating-card,
html.theme-skeuo.ae-dark-mode .spv2-fu-question-card,
html.theme-skeuo.ae-dark-mode .spv2-anytext-sample,
html.theme-skeuo.ae-dark-mode .spv2-anytext-similar-sample{
  background:linear-gradient(180deg,var(--sk-walnut1),var(--sk-walnut2)) !important;
  border:1px solid var(--sk-walnut-bd) !important; border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.10),0 12px 28px -14px rgba(0,0,0,.7) !important;
  color:var(--sk-walnut-ink) !important; }

/* ── headings + body text on panels ── */
/* LIGHT — dark engraved ink */
html.theme-skeuo:not(.ae-dark-mode) .sp-result-section-title,
html.theme-skeuo:not(.ae-dark-mode) .sp-sw-title,
html.theme-skeuo:not(.ae-dark-mode) .sp-mic-modal-title,
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-intro-card h1,
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-intro-card h2,
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-intro-card h3,
html.theme-skeuo:not(.ae-dark-mode) .sp-settings-section-title{
  font-family:var(--sk-serif) !important; color:#2f2a22 !important; text-shadow:0 1px 0 #fff; }
html.theme-skeuo:not(.ae-dark-mode) .sp-fluency-card-label,
html.theme-skeuo:not(.ae-dark-mode) .sp-mic-modal-sub,
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-intro-desc,
html.theme-skeuo:not(.ae-dark-mode) .sp-settings-section-sub,
html.theme-skeuo:not(.ae-dark-mode) .sp-topic-meta-line{ color:var(--sk-ink-sub) !important; }
/* DARK — light engraved */
html.theme-skeuo.ae-dark-mode .sp-result-section-title,
html.theme-skeuo.ae-dark-mode .sp-sw-title,
html.theme-skeuo.ae-dark-mode .sp-mic-modal-title,
html.theme-skeuo.ae-dark-mode .sp-mock-intro-card h1,
html.theme-skeuo.ae-dark-mode .sp-mock-intro-card h2,
html.theme-skeuo.ae-dark-mode .sp-mock-intro-card h3,
html.theme-skeuo.ae-dark-mode .sp-settings-section-title{
  font-family:var(--sk-serif) !important; color:#f3efe6 !important; text-shadow:0 1px 1px rgba(0,0,0,.6); }
html.theme-skeuo.ae-dark-mode .sp-fluency-card-label,
html.theme-skeuo.ae-dark-mode .sp-mic-modal-sub,
html.theme-skeuo.ae-dark-mode .sp-mock-intro-desc,
html.theme-skeuo.ae-dark-mode .sp-settings-section-sub,
html.theme-skeuo.ae-dark-mode .sp-topic-meta-line{ color:#c7bca6 !important; }

/* ── recessed sub-rows (mock feature rows, mic-modal points) ── */
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-feature,
html.theme-skeuo:not(.ae-dark-mode) .sp-mic-modal-point{ background:linear-gradient(180deg,#fffdf6,#f1e8d2) !important; border:1px solid #ddcfa8 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(120,90,40,.12) !important; border-radius:12px !important; color:#4a4438 !important; }
html.theme-skeuo.ae-dark-mode .sp-mock-feature,
html.theme-skeuo.ae-dark-mode .sp-mic-modal-point{ background:linear-gradient(180deg,#332b20,#2a231a) !important; border:1px solid #1c160f !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 2px 5px rgba(0,0,0,.4) !important; border-radius:12px !important; color:#d8d4cb !important; }
/* part-preview cards */
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-part-preview,
html.theme-skeuo:not(.ae-dark-mode) .sp-stat-card--purple{ background:linear-gradient(180deg,#fffefb,#f6efdf) !important; border:1px solid #e6dcbe !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.15) !important; border-radius:14px !important; }
html.theme-skeuo.ae-dark-mode .sp-mock-part-preview,
html.theme-skeuo.ae-dark-mode .sp-stat-card--purple{ background:linear-gradient(180deg,#3a322a,#2c251d) !important; border:1px solid #221e1a !important;
  box-shadow:inset 0 1px 0 rgba(255,225,170,.14),0 2px 4px rgba(0,0,0,.4) !important; border-radius:14px !important; }
html.theme-skeuo .sp-mock-part-num{ color:#b07a2a !important; }
html.theme-skeuo.ae-dark-mode .sp-mock-part-num{ color:var(--sk-amber) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-part-info,
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-part-count{ color:var(--sk-ink-sub) !important; }
html.theme-skeuo.ae-dark-mode .sp-mock-part-info,
html.theme-skeuo.ae-dark-mode .sp-mock-part-count{ color:#c2bcb2 !important; }

/* ── stat cards (VU-meter look) ── */
html.theme-skeuo:not(.ae-dark-mode) .sp-stat-card{ background:linear-gradient(180deg,#fff7e0,#ffefc2) !important; border:1px solid #e9d290 !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(150,110,20,.2) !important; border-radius:14px !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-stat-value{ color:#7a5a1e !important; text-shadow:0 1px 0 #fff; }
html.theme-skeuo:not(.ae-dark-mode) .sp-stat-label{ color:#9a7a18 !important; text-shadow:0 1px 0 #fff; }
/* Band stats — màu phân biệt: TB cam, cao nhất xanh */
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-stat-card--amber .sp-stat-value{
  color:#b45309 !important; text-shadow:0 1px 0 rgba(255,255,255,.45) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-stat-card--amber .sp-stat-label{
  color:#92400e !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-stat-card--amber .sp-stat-icon{
  color:#d97706 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-stat-card--purple .sp-stat-value{
  color:#15803d !important; text-shadow:0 1px 0 rgba(255,255,255,.45) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-stat-card--purple .sp-stat-label{
  color:#166534 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-stat-card--purple .sp-stat-icon{
  color:#16a34a !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-stat-card--amber{
  border-left:4px solid #d97706 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-stat-card--purple{
  border-left:4px solid #16a34a !important;
}
html.theme-skeuo.ae-dark-mode .sp-stat-card{ background:linear-gradient(180deg,#332b1c,#271f12) !important; border:1px solid rgba(255,200,110,.2) !important;
  box-shadow:inset 0 1px 0 rgba(255,220,140,.12),inset 0 2px 6px rgba(0,0,0,.5) !important; border-radius:14px !important; }
html.theme-skeuo.ae-dark-mode .sp-stat-value{ color:#ffd9a0 !important; text-shadow:0 0 6px rgba(240,196,106,.4); }
html.theme-skeuo.ae-dark-mode .sp-stat-label{ color:#e0b46a !important; }
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-stat-card--amber .sp-stat-value{ color:#fcd34d !important; }
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-stat-card--amber .sp-stat-label{ color:#fde68a !important; }
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-stat-card--purple .sp-stat-value{ color:#86efac !important; }
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-stat-card--purple .sp-stat-label{ color:#bbf7d0 !important; }
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-stat-card--amber{ border-left:4px solid #f59e0b !important; }
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-stat-card--purple{ border-left:4px solid #22c55e !important; }

/* ── topic list rows (questions list, dashboard) ── */
html.theme-skeuo:not(.ae-dark-mode) .sp-topic-item,
html.theme-skeuo:not(.ae-dark-mode) .sp-attempt-item,
html.theme-skeuo:not(.ae-dark-mode) .sp-history-row{ background:linear-gradient(180deg,#fffefb,#f7f1e0) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-topic-name,
html.theme-skeuo:not(.ae-dark-mode) .sp-attempt-item-q,
html.theme-skeuo:not(.ae-dark-mode) .sp-attempt-card-title{ color:var(--sk-ink) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-topic-list .sp-border,
html.theme-skeuo:not(.ae-dark-mode) .sp-history-row{ border-color:rgba(120,80,30,.14) !important; }
html.theme-skeuo.ae-dark-mode .sp-topic-item,
html.theme-skeuo.ae-dark-mode .sp-attempt-item,
html.theme-skeuo.ae-dark-mode .sp-history-row{ background:linear-gradient(180deg,#322a21,#272019) !important; }
html.theme-skeuo .sp-history-table td{ padding:14px 16px !important; vertical-align:middle !important; }
html.theme-skeuo .sp-history-table th{ padding:10px 16px !important; }

/* ── Mock attempt cards: icon tick + số câu + eye — gel skeuo ── */
html.theme-skeuo:not(.ae-dark-mode) .sp-attempts-section{
  background:linear-gradient(180deg,var(--sk-cream1),var(--sk-cream2)) !important;
  border:1px solid var(--sk-cream-bd) !important; border-radius:16px !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 14px 30px -16px rgba(80,60,20,.5),inset 0 1px 0 #fff !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-attempt-card-icon{
  width:44px !important; height:44px !important; border-radius:12px !important;
  background:linear-gradient(180deg,#67e8f9,#22d3ee 52%,#06b6d4) !important;
  border:1px solid #0e7490 !important; color:#042f2e !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.72),inset 0 -3px 7px rgba(6,120,140,.28),0 3px 8px rgba(0,0,0,.28) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-attempt-card-icon svg{
  width:22px !important; height:22px !important;
  stroke:#042f2e !important; color:#042f2e !important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.45));
}
html.theme-skeuo.ae-dark-mode .sp-attempt-card-icon{
  width:44px !important; height:44px !important; border-radius:12px !important;
  background:linear-gradient(180deg,#5eead4,#14b8a6 55%,#0d9488) !important;
  border:1px solid #0f766e !important; color:#042f2e !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.35),inset 0 -3px 7px rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode .sp-attempt-card-icon svg{
  width:22px !important; height:22px !important;
  stroke:#022c22 !important; filter:drop-shadow(0 1px 0 rgba(255,255,255,.2));
}
html.theme-skeuo:not(.ae-dark-mode) .sp-attempt-pill{
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  color:#7a5a1e !important; border:1px solid #b8860b !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 3px rgba(80,60,20,.14) !important;
}
html.theme-skeuo .sp-attempt-card-right{ gap:18px !important; align-items:center !important; }
html.theme-skeuo .sp-attempt-band-wrap{ padding-right:2px !important; min-width:48px !important; }
html.theme-skeuo .sp-attempt-chevron{
  width:28px !important; height:28px !important; padding:4px !important; box-sizing:border-box !important;
  border-radius:8px !important; flex-shrink:0 !important;
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important; color:#5a5142 !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 1px 3px rgba(0,0,0,.18) !important;
}
html.theme-skeuo.ae-dark-mode .sp-attempt-chevron{
  background:linear-gradient(180deg,#3a342c,#2a2620) !important;
  border-color:rgba(255,255,255,.12) !important; color:#bcb0a0 !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.08),0 1px 3px rgba(0,0,0,.35) !important;
}
html.theme-skeuo .sp-attempt-card.is-open .sp-attempt-chevron{ color:#7a5a1e !important; }
html.theme-skeuo.ae-dark-mode .sp-attempt-card.is-open .sp-attempt-chevron{ color:#ffd9a0 !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-attempt-card-body{
  background:linear-gradient(180deg,#f5f0e4,#ebe4d4) !important;
  border-top:1px solid rgba(120,80,30,.14) !important;
}
html.theme-skeuo.ae-dark-mode .sp-attempt-card-body{
  background:linear-gradient(180deg,#2a231b,#211b14) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
html.theme-skeuo .sp-attempt-item{
  border-radius:12px !important;
  border:1px solid rgba(120,80,30,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 6px rgba(80,60,20,.12) !important;
}
html.theme-skeuo.ae-dark-mode .sp-attempt-item{
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.06),0 2px 6px rgba(0,0,0,.35) !important;
}
html.theme-skeuo .sp-attempt-item-num{
  width:28px !important; height:28px !important;
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  color:#3a2a08 !important; border:1px solid #8c6622 !important;
  border-radius:50% !important; font-weight:800 !important;
  box-shadow:inset 0 1px 0 rgba(255,249,222,.75),0 2px 5px rgba(0,0,0,.22) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-attempt-item .sp-part-badge--small{
  background:linear-gradient(180deg,#e0f7fe,#bae6fd) !important;
  color:#0e7490 !important; border:1px solid #0891b2 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65) !important; font-weight:800 !important;
}
html.theme-skeuo .sp-attempt-item-view{
  width:34px !important; height:34px !important; border-radius:10px !important;
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important; color:#5a5142 !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 1px 3px rgba(0,0,0,.18) !important;
}
html.theme-skeuo .sp-attempt-item-view:hover{
  border-color:#b8860b !important; color:#7a5a1e !important;
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
}
html.theme-skeuo.ae-dark-mode .sp-attempt-item-view{
  background:linear-gradient(180deg,#3a342c,#2a2620) !important;
  border-color:rgba(255,255,255,.12) !important; color:#bcb0a0 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-attempt-item-topic{ color:#2f2a22 !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-band-badge--small,
html.theme-skeuo:not(.ae-dark-mode) .sp-attempt-item-band .sp-band-badge{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 1px 3px rgba(0,0,0,.2) !important;
  border:1px solid rgba(0,0,0,.12) !important; font-weight:800 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-band-badge--pending{
  background:linear-gradient(180deg,#e8e8ea,#d0d0d2) !important;
  color:#4a4a4c !important; border:1px solid #b0b0b2 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.15) !important;
}

/* ── Dashboard / lịch sử: chữ phụ — gray-500 mờ trên nền gỗ skeuo ── */
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-page-sub,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-attempts-sub,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-chart-target-label,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-history-question,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-history-date,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-history-table th,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-history-loading,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-attempt-band-label,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-attempt-card-sub,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-pagination,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-pagination-label{
  color:#3a342b !important;
}
/* Chart header nằm trực tiếp trên gỗ — ink đậm, không gray-500 */
html.theme-skeuo:not(.ae-dark-mode) .sp-chart-section .sp-attempts-sub,
html.theme-skeuo:not(.ae-dark-mode) .sp-chart-section .sp-chart-target-label,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-chart-section .sp-attempts-sub,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-chart-section .sp-chart-target-label{
  color:#1f1a14 !important; font-weight:600 !important; opacity:1 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.4) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-page-title,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-history-header h2,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-history-topic,
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-attempt-card-sub strong,
html.theme-skeuo:not(.ae-dark-mode) .sp-chart-section .sp-history-header h2{
  color:#2f2a22 !important; text-shadow:0 1px 0 rgba(255,255,255,.22);
}
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-chart-target-label{
  font-size:15px; font-weight:600;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-dashboard .sp-chart-target-value{
  color:#b91c1c !important; font-weight:800 !important;
}
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-page-sub,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-attempts-sub,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-chart-target-label,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-history-question,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-history-date,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-history-table th,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-history-loading,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-attempt-band-label,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-attempt-card-sub,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-pagination,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-pagination-label{
  color:#d8cba8 !important;
}
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-page-title,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-history-header h2,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-history-topic,
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-attempt-card-sub strong,
html.theme-skeuo.ae-dark-mode .sp-chart-section .sp-history-header h2{
  color:#ece2cc !important; text-shadow:0 1px 2px rgba(0,0,0,.35);
}
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-chart-target-label{
  font-size:15px; font-weight:600;
}
html.theme-skeuo.ae-dark-mode .sp-dashboard .sp-chart-target-value{
  color:#f87171 !important;
}
/* Pagination — nút tròn, icon căn giữa */
html.theme-skeuo .sp-page-btn--icon{
  width:34px !important; height:34px !important; min-width:34px !important;
  padding:0 !important; border-radius:50% !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  line-height:0 !important;
}
html.theme-skeuo .sp-page-btn--icon svg{
  width:15px !important; height:15px !important; display:block !important;
  margin:0 !important; flex-shrink:0 !important;
}
html.theme-skeuo.ae-dark-mode .sp-topic-name,
html.theme-skeuo.ae-dark-mode .sp-attempt-item-q,
html.theme-skeuo.ae-dark-mode .sp-attempt-card-title{ color:#ece2cc !important; }

/* ════════════════════════════════════════════════════════════
   spv2 PRACTICE / ANYTEXT panels & text
   ════════════════════════════════════════════════════════════ */
/* topic / question / recorder text */
html.theme-skeuo:not(.ae-dark-mode) .spv2-topic-card-name,
html.theme-skeuo:not(.ae-dark-mode) .spv2-question-card-text,
html.theme-skeuo:not(.ae-dark-mode) .spv2-q-text,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-hero-title{ color:#2f2a22 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-topic-card-meta{ color:#5a5142 !important; }
/* Tiêu đề "Tự dán đề luyện tập" trên toolbar — flat để tím, skeuo phải là walnut/đồng cho hợp gỗ */
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-title{ color:#5a4420 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-title svg{ color:#8a5a12 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-title{ color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-title svg{ color:#ffcf80 !important; }
/* spv2-count nằm trên nền gỗ — cần đậm, không dùng ink-sub mờ */
html.theme-skeuo:not(.ae-dark-mode) .spv2-screen .spv2-count{
  color:#2f2a22 !important; font-weight:700 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.28) !important; letter-spacing:.04em;
}
html.theme-skeuo.ae-dark-mode .spv2-topic-card-name,
html.theme-skeuo.ae-dark-mode .spv2-q-text{ color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .spv2-topic-card-meta{ color:#bcb0a0 !important; }
html.theme-skeuo.ae-dark-mode .spv2-screen .spv2-count{
  color:#ece2cc !important; font-weight:700 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important; letter-spacing:.04em;
}
/* Part 2 CUE CARD — base --p2 làm nền gần trong suốt → trên gỗ chữ chìm.
   Skeuo phải cho thẻ giấy ĐỤC để đọc rõ (light = giấy kem, dark = gỗ đậm). */
html.theme-skeuo:not(.ae-dark-mode) .spv2-question-card--p2{
  background:linear-gradient(180deg,#fffdf6,#fbf1da) !important;
  border:1.5px solid #e6d3a6 !important;
  box-shadow:inset 0 1px 0 #fff,0 4px 14px rgba(90,60,20,.22) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-cue-card-points li{
  background:#fbf4e2 !important; color:#2f2a22 !important; box-shadow:inset 0 0 0 1px rgba(190,150,70,.20);
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-cue-card-ending{
  background:linear-gradient(135deg,#fbeede,#f7e7cf) !important; color:#3a3327 !important; border-left-color:#f43f5e !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-cue-card-details{ border-top-color:rgba(190,150,70,.3) !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-cue-card-meta{ border-top-color:rgba(190,150,70,.25) !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-cue-card-meta-item{ background:#fffdf6 !important; color:#5a5142 !important; border:1px solid #e6d3a6 !important; }
/* skeuo DARK */
html.theme-skeuo.ae-dark-mode .spv2-question-card--p2{
  background:linear-gradient(180deg,#3a3026,#2c2418) !important; border:1.5px solid rgba(255,210,140,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,224,170,.06),0 4px 14px rgba(0,0,0,.4) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-question-card-text{ color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .spv2-cue-card-points li{ background:rgba(255,220,150,.06) !important; color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .spv2-cue-card-ending{ background:rgba(255,220,150,.05) !important; color:#f0e6d0 !important; }
html.theme-skeuo.ae-dark-mode .spv2-cue-card-points-label{ color:#fda4af !important; }
html.theme-skeuo.ae-dark-mode .spv2-cue-card-meta-item{ background:rgba(255,220,150,.07) !important; color:#d8ccb4 !important; border:1px solid rgba(255,210,140,.2) !important; }
/* q-row hover / dividers */
html.theme-skeuo:not(.ae-dark-mode) .spv2-q-row{ border-bottom-color:rgba(120,80,30,.12) !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-q-row:hover{ background:rgba(140,95,25,.07) !important; }
html.theme-skeuo.ae-dark-mode .spv2-q-row{ border-bottom-color:rgba(255,255,255,.07) !important; }
html.theme-skeuo.ae-dark-mode .spv2-q-row:hover{ background:rgba(255,220,150,.06) !important; }
/* toolbar / part-tabs / search → brushed-metal control strip (light) / dark (dark) */
html.theme-skeuo:not(.ae-dark-mode) .spv2-toolbar,
html.theme-skeuo:not(.ae-dark-mode) .sp-anytext .spv2-toolbar{ background:linear-gradient(180deg,#fcfcfc,#e4e0d4) !important; border-bottom:1px solid #cfc6ad !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(80,60,20,.14) !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-part-tabs{ background:linear-gradient(180deg,#e6e6e8,#fbfbfb) !important; border:1px solid #b4b4b6 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(0,0,0,.18) !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-part-tab{ color:#5a5a5c !important; text-shadow:0 1px 0 #fff; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-part-tab.is-active{ color:#fff !important; text-shadow:0 -1px 1px rgba(40,20,80,.4);
  background:linear-gradient(180deg,#7C3AED,#4C1D95) !important; box-shadow:inset 0 1px 1px rgba(255,255,255,.6) !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-search{ background:linear-gradient(180deg,#e9e9ea,#fbfbfb) !important; border:1px solid #b6b6b8 !important; color:#5a5142 !important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.16),0 1px 0 #fff !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-search::placeholder{ color:#8a8a8a !important; }
html.theme-skeuo.ae-dark-mode .spv2-toolbar,
html.theme-skeuo.ae-dark-mode .sp-anytext .spv2-toolbar{ background:linear-gradient(180deg,#2c241b,#211a12) !important; border-bottom:1px solid #15100a !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.10),0 2px 6px rgba(0,0,0,.5) !important; }
html.theme-skeuo.ae-dark-mode .spv2-part-tabs{ background:linear-gradient(180deg,#2a2620,#201d18) !important; border:1px solid rgba(255,255,255,.08) !important; }
html.theme-skeuo.ae-dark-mode .spv2-part-tab{ color:#bcb0a0 !important; }
html.theme-skeuo.ae-dark-mode .spv2-part-tab.is-active{ color:#fff !important; background:linear-gradient(180deg,#7C3AED,#4C1D95) !important; }
html.theme-skeuo.ae-dark-mode .spv2-search{ background:linear-gradient(180deg,#1f1a14,#262019) !important; border:1px solid rgba(255,255,255,.08) !important; color:#e6dcc8 !important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.6) !important; }
html.theme-skeuo.ae-dark-mode .spv2-search::placeholder{ color:#9a8d72 !important; }
/* Search tràn hết chỗ trống giữa part-tabs và credit/voice */
html.theme-skeuo .sp-practice-v2 .spv2-toolbar .spv2-search-wrap,
html.theme-skeuo .sp-anytext .spv2-toolbar .spv2-search-wrap{
  flex:1 1 200px !important; max-width:none !important; min-width:0 !important;
}
html.theme-skeuo .sp-practice-v2 .spv2-toolbar .spv2-search,
html.theme-skeuo .sp-anytext .spv2-toolbar .spv2-search{ width:100% !important; }

/* Examiner voice picker — gel brass pill (thay flat purple) */
html.theme-skeuo:not(.ae-dark-mode) .spv2-voice-pick{
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  border:1px solid #b8860b !important;
  color:#6a5a32 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 2px 5px rgba(80,60,20,.18) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-voice-pick select,
html.theme-skeuo:not(.ae-dark-mode) .spv2-voice-select{
  color:#5a4a28 !important;
  background:transparent !important; background-color:transparent !important;
  background-image:none !important; border:0 !important; box-shadow:none !important;
  border-radius:0 !important;
  -webkit-appearance:none !important; appearance:none !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-voice-select-wrap::after{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="%238a5a12" stroke-width="3"><polyline points="6 9 12 15 18 9"/></svg>') !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-voice-sep{
  background:linear-gradient(180deg,rgba(184,134,11,.15),rgba(120,80,20,.35)) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-gender-seg{
  background:linear-gradient(180deg,#e8e2d0,#f5f0e4) !important;
  border:1px solid #c9a227 !important;
  box-shadow:inset 0 2px 4px rgba(80,60,20,.14),0 1px 0 rgba(255,255,255,.55) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-gender-seg button{
  color:#7a6a42 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-gender-seg button:hover{
  background:rgba(184,134,11,.12) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-gender-seg button.is-active{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  border:1px solid #8c6622 !important;
  color:#3a2a08 !important;
  text-shadow:0 1px 0 rgba(255,245,210,.5) !important;
  box-shadow:inset 0 1px 0 rgba(255,249,222,.85),0 1px 4px rgba(80,60,20,.25) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-voice-pick-saving{ color:#8a7a58 !important; opacity:1 !important; }
html.theme-skeuo.ae-dark-mode .spv2-voice-pick{
  background:linear-gradient(180deg,#3d3428,#322a1e) !important;
  border:1px solid rgba(212,168,75,.35) !important;
  color:#ece2cc !important;
  box-shadow:inset 0 1px 0 rgba(255,220,150,.10),0 2px 6px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-voice-pick select,
html.theme-skeuo.ae-dark-mode .spv2-voice-select{
  color:#ece2cc !important;
  background:transparent !important; background-color:transparent !important;
  background-image:none !important; border:0 !important; box-shadow:none !important;
  border-radius:0 !important; outline:none !important;
  -webkit-appearance:none !important; appearance:none !important;
}
html.theme-skeuo.ae-dark-mode .spv2-voice-select-wrap::after{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="%23ffd9a0" stroke-width="3"><polyline points="6 9 12 15 18 9"/></svg>') !important;
}
html.theme-skeuo.ae-dark-mode .spv2-voice-sep{
  background:linear-gradient(180deg,rgba(255,220,150,.08),rgba(255,220,150,.22)) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-gender-seg{
  background:linear-gradient(180deg,#2a231b,#211b14) !important;
  border:1px solid rgba(255,220,150,.14) !important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-gender-seg button{ color:#bcb0a0 !important; }
html.theme-skeuo.ae-dark-mode .spv2-gender-seg button:hover{ background:rgba(255,220,150,.08) !important; }
html.theme-skeuo.ae-dark-mode .spv2-gender-seg button.is-active{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  border:1px solid #8c6622 !important;
  color:#3a2a08 !important;
  box-shadow:inset 0 1px 0 rgba(255,249,222,.75),0 1px 4px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-voice-pick-saving{ color:#bcb0a0 !important; opacity:1 !important; }

/* ── Practice/anytext: toolbar + breadcrumb tràn full width; clasp trong toolbar ── */
html.theme-skeuo .sp-main .sp-page.sp-practice-v2,
html.theme-skeuo .sp-main .sp-page.sp-anytext{
  max-width:100% !important; width:100% !important;
  padding:0 !important; margin:0 !important;
}
html.theme-skeuo body.sp-sidebar-collapsed .sp-main .sp-page.sp-practice-v2,
html.theme-skeuo body.sp-sidebar-collapsed .sp-main .sp-page.sp-anytext,
html.theme-skeuo body.sp-sidebar-collapsed .sp-main > .sp-page.sp-practice-v2,
html.theme-skeuo body.sp-sidebar-collapsed .sp-main > .sp-page.sp-anytext{
  padding:0 !important; max-width:100% !important; width:100% !important;
  /* thắng .sp-sidebar-collapsed .sp-page padding-top 72px + padding-left 60px */
}
html.theme-skeuo .sp-practice-v2 .spv2-toolbar,
html.theme-skeuo .sp-anytext .spv2-toolbar{
  display:flex !important; align-items:center !important; gap:10px !important;
  padding:12px 20px !important;
  width:100% !important; box-sizing:border-box !important;
  border-radius:0 !important; margin:0 !important;
  position:sticky; top:0; z-index:35;
}
html.theme-skeuo .sp-practice-v2 .spv2-breadcrumb{
  display:flex !important; align-items:center !important; gap:10px !important;
  flex-wrap:wrap !important; min-height:48px !important;
  border-radius:0 !important; margin:0 0 16px !important;
  border-left:none !important; border-right:none !important;
  width:100% !important; box-sizing:border-box !important;
  position:sticky; top:56px; z-index:34;
}
/* Clasp inline trong toolbar/breadcrumb — ẩn nút fixed bay lệch */
html.theme-skeuo .spv2-header-clasp{
  display:none !important; flex:0 0 36px !important; width:36px !important; height:36px !important;
  padding:0 !important; margin:0 !important; border:0 !important; background:transparent !important;
  box-shadow:none !important; cursor:pointer !important; align-items:center !important; justify-content:center !important;
}
html.theme-skeuo body.sp-sidebar-collapsed .spv2-header-clasp{ display:flex !important; }
html.theme-skeuo body.sp-sidebar-collapsed .spv2--topic-open .spv2-toolbar > .spv2-header-clasp{
  display:none !important;
}
html.theme-skeuo .spv2-header-clasp-icon{ width:36px !important; height:36px !important; object-fit:contain !important; transform:scaleX(-1); }
html.theme-skeuo .spv2-header-clasp .sp-icon-skeuo-light,
html.theme-skeuo .spv2-header-clasp .sp-icon-skeuo-dark{ display:none; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-header-clasp .sp-icon-skeuo-light{ display:block !important; }
html.theme-skeuo.ae-dark-mode .spv2-header-clasp .sp-icon-skeuo-dark{ display:block !important; }
html.theme-skeuo .spv2-header-clasp:hover{ filter:brightness(1.06); }
/* Band cao nhất — trong breadcrumb-right, không float lệch */
html.theme-skeuo .sp-practice-v2 .spv2-breadcrumb-right{
  display:flex !important; align-items:center !important; gap:12px !important;
  flex-wrap:wrap !important; margin-left:auto !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-practice-v2 .spv2-breadcrumb-band{
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  padding:5px 10px !important; border-radius:999px !important;
  background:linear-gradient(180deg,#fffefb,#f7f1e0) !important;
  border:1px solid rgba(120,80,30,.22) !important;
  color:#2f2a22 !important; font-size:12px !important; font-weight:600 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 1px 4px rgba(80,60,20,.12) !important;
  white-space:nowrap !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-practice-v2 .spv2-breadcrumb-band svg{
  width:14px !important; height:14px !important; color:#7a5a1e !important; stroke:#7a5a1e !important; flex-shrink:0;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-practice-v2 .spv2-breadcrumb-band strong{
  display:inline-block !important; padding:2px 8px !important; border-radius:999px !important;
  font-weight:800 !important; border:1px solid rgba(0,0,0,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 1px 2px rgba(0,0,0,.18) !important;
}
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-breadcrumb-band{
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  padding:5px 10px !important; border-radius:999px !important;
  background:linear-gradient(180deg,#322a21,#272019) !important;
  border:1px solid rgba(255,255,255,.10) !important; color:#ece2cc !important;
  font-size:12px !important; font-weight:600 !important;
}
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-breadcrumb-band svg{ color:#ffd9a0 !important; stroke:#ffd9a0 !important; width:14px !important; height:14px !important; }
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-breadcrumb-band strong{
  padding:2px 8px !important; border-radius:999px !important; font-weight:800 !important;
  border:1px solid rgba(0,0,0,.2) !important;
}
html.theme-skeuo .sp-practice-v2 .spv2-breadcrumb-meta{ color:inherit !important; font-size:12px !important; white-space:nowrap !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-practice-v2 .spv2-breadcrumb-meta{ color:#5a5142 !important; }
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-breadcrumb-meta{ color:#bcb0a0 !important; }

html.theme-skeuo .sp-practice-v2 .spv2-screen{
  padding:0 0 24px !important;
}
/* Màn Follow-up: LẤP đầy vùng còn lại (không hở gỗ dưới) + CĂN GIỮA nội dung theo chiều dọc
   (không trống đầu). Breadcrumb bám trên, stage đang hiện tự đẩy vào giữa. */
html.theme-skeuo .spv2-followup-screen{
  min-height:calc(100vh - 128px) !important;
  /* KHÔNG !important ở display — nếu không sẽ đè x-show/[x-cloak] → panel rỗng hiện ở MỌI trang.
     Không important: inline display:none của x-show + [x-cloak]{!important} vẫn ẩn được. */
  display:flex; flex-direction:column;
  padding:20px 28px 28px !important;
  border-radius:0 !important;   /* 4 góc vuông (anh yêu cầu), không bo tròn */
}
html.theme-skeuo .spv2-followup-screen > .spv2-breadcrumb{ flex:0 0 auto !important; }
html.theme-skeuo .spv2-followup-screen > .spv2-fu-stage{ margin:auto !important; width:100% !important; }
/* Panel follow-up: nền skeuo (kem giấy / gỗ đậm) thay vì gradient xanh-trắng phẳng — hợp nền gỗ */
html.theme-skeuo:not(.ae-dark-mode) .spv2-followup-screen{
  background:linear-gradient(180deg,#fffdf6,#f4e9cf) !important;
  border:1.5px solid #e2d3a2 !important; box-shadow:inset 0 1px 0 #fff,0 6px 20px rgba(90,60,20,.2) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-followup-screen{
  background:linear-gradient(180deg,#3a3026,#2c2418) !important;
  border:1.5px solid rgba(255,210,140,.2) !important; box-shadow:inset 0 1px 0 rgba(255,224,170,.06),0 6px 20px rgba(0,0,0,.4) !important;
}
html.theme-skeuo .spv2-followup-screen::before{ display:none !important; }   /* bỏ vệt glow tím của flat */
/* Breadcrumb trong màn follow-up: header GỌN, KHÔNG sticky, gạch dưới nhẹ; nút Hủy = pill skeuo cân đối */
html.theme-skeuo .spv2-followup-screen .spv2-breadcrumb{
  position:static !important; top:auto !important; min-height:0 !important;
  margin:0 0 2px !important; padding:2px 2px 14px !important; gap:8px !important;
  border-bottom:1px solid rgba(190,150,70,.26) !important; box-shadow:none !important; background:transparent !important;
}
html.theme-skeuo .spv2-followup-screen .spv2-back{
  border-radius:999px !important; padding:6px 14px !important; font-weight:700 !important; font-size:13px !important;
  text-decoration:none !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 2px rgba(120,80,20,.18) !important;
}
html.theme-skeuo .spv2-followup-screen .spv2-back:hover{ text-decoration:none !important; filter:brightness(1.04); }
html.theme-skeuo:not(.ae-dark-mode) .spv2-followup-screen .spv2-back{
  background:linear-gradient(180deg,#fff8e6,#f0deb0) !important; border:1px solid #d8be82 !important; color:#8a5a12 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-followup-screen .spv2-breadcrumb-topic{ color:#5a4420 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-followup-screen .spv2-breadcrumb-sep{ color:#c9a24a !important; }
html.theme-skeuo.ae-dark-mode .spv2-followup-screen .spv2-breadcrumb{ border-bottom-color:rgba(255,210,140,.16) !important; }
html.theme-skeuo.ae-dark-mode .spv2-followup-screen .spv2-back{
  background:linear-gradient(180deg,#4a3a1e,#382c16) !important; border:1px solid rgba(255,200,110,.28) !important; color:#ffcf80 !important;
}
html.theme-skeuo.ae-dark-mode .spv2-followup-screen .spv2-breadcrumb-topic{ color:#ece2cc !important; }
/* Stage căn giữa + giới hạn bề ngang cho cân đối (không kéo dài mất cân) */
html.theme-skeuo .spv2-followup-screen > .spv2-fu-stage{ max-width:560px !important; }
html.theme-skeuo .sp-practice-v2 .spv2-screen > :not(.spv2-breadcrumb){
  margin-left:20px; margin-right:20px;
}
html.theme-skeuo .sp-practice-v2 .spv2-screen > .spv2-breadcrumb{
  margin-left:0 !important; margin-right:0 !important;
}
/* Đếm chủ đề — không dính sát toolbar */
html.theme-skeuo .sp-practice-v2 .spv2-count{
  margin-top:22px !important; margin-bottom:16px !important;
  padding:6px 20px 0 !important;
}

/* Topic card band badge — gel skeuo, chữ tối đọc rõ (CSS vars từ Alpine beat card walnut-ink) */
html.theme-skeuo .spv2-topic-band,
html.theme-skeuo .sp-practice-v2 .spv2-breadcrumb-band strong{
  padding:4px 10px !important; border-radius:999px !important;
  font-size:11px !important; font-weight:800 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 1px 3px rgba(0,0,0,.22) !important;
  border:1px solid rgba(0,0,0,.14) !important; letter-spacing:.02em;
  background:var(--sp-band-bg, transparent) !important;
  color:var(--sp-band-fg, inherit) !important;
  -webkit-text-fill-color:var(--sp-band-fg, inherit) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-topic-band,
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-breadcrumb-band strong{
  background:var(--sp-band-bg, linear-gradient(180deg,#c4b5fd,#a78bfa)) !important;
  color:var(--sp-band-fg, #4c1d95) !important;
  -webkit-text-fill-color:var(--sp-band-fg, #4c1d95) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 1px 4px rgba(0,0,0,.32) !important;
  border:1px solid rgba(0,0,0,.2) !important;
  text-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode .spv2-topic-card-meta .spv2-topic-band{
  color:var(--sp-band-fg, #4c1d95) !important;
  -webkit-text-fill-color:var(--sp-band-fg, #4c1d95) !important;
}
html.theme-skeuo .sp-practice-v2 .spv2-topic-card::before{ display:none !important; }
html.theme-skeuo .sp-practice-v2 .spv2-topic-card:hover{
  transform:none !important;
  border-color:rgba(184,134,11,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 6px 16px rgba(80,60,20,.2) !important;
}

/* ── Part 2 practice: breadcrumb = full-bleed strip; cards = cream panels bo 16px ── */
html.theme-skeuo:not(.ae-dark-mode) .sp-practice-v2 .spv2-breadcrumb{
  background:linear-gradient(180deg,#fcfcfc,#e4e0d4) !important;
  border:none !important; border-bottom:1px solid #cfc6ad !important;
  border-radius:0 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(80,60,20,.14) !important;
  padding:12px 20px !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-practice-v2 .spv2-cue-preview,
html.theme-skeuo:not(.ae-dark-mode) .sp-practice-v2 .spv2-p2-launch{
  background:linear-gradient(180deg,var(--sk-cream1),var(--sk-cream2)) !important;
  border:1px solid var(--sk-cream-bd) !important;
  border-radius:16px !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 14px 30px -16px rgba(80,60,20,.5),inset 0 1px 0 #fff !important;
  padding:18px 20px !important;
  margin-bottom:16px !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-p2-launch::before{ display:none !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-cue-label,
html.theme-skeuo:not(.ae-dark-mode) .sp-practice-v2 .spv2-cue-label{
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  color:#7a5a1e !important; border:1px solid #b8860b !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-cue-intro,
html.theme-skeuo:not(.ae-dark-mode) .sp-practice-v2 .spv2-cue-intro{ color:#2f2a22 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-cue-points,
html.theme-skeuo:not(.ae-dark-mode) .spv2-cue-points li{ color:#3a342b !important; }
/* Q-row: cream gel từng hàng trong list */
html.theme-skeuo .sp-practice-v2 .spv2-q-list{ padding:10px !important; overflow:visible !important; margin-bottom:14px !important; }
html.theme-skeuo .sp-practice-v2 .spv2-q-row{
  background:linear-gradient(180deg,#fffefb,#f7f1e0) !important;
  border:1px solid rgba(120,80,30,.16) !important; border-radius:12px !important;
  margin-bottom:8px !important; transform:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 2px 6px rgba(80,60,20,.14) !important;
}
html.theme-skeuo .sp-practice-v2 .spv2-q-row:hover{
  background:linear-gradient(180deg,#fff7e8,#f0e6d0) !important;
  border-color:rgba(184,134,11,.38) !important;
}
html.theme-skeuo .sp-practice-v2 .spv2-q-num{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  color:#3a2a08 !important; border:1px solid #8c6622 !important;
  border-radius:50% !important;
  box-shadow:inset 0 1px 0 rgba(255,249,222,.75) !important;
}
html.theme-skeuo .sp-practice-v2 .spv2-q-text{ color:#2f2a22 !important; }
html.theme-skeuo .sp-practice-v2 .spv2-q-tts{
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important; color:#5a5142 !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 1px 3px rgba(0,0,0,.18) !important;
}
html.theme-skeuo .sp-practice-v2 .spv2-q-tts:hover{
  border-color:#b8860b !important; color:#7a5a1e !important;
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
}
/* P2 launch panel text + controls */
html.theme-skeuo:not(.ae-dark-mode) .spv2-p2-launch-title{ color:#2f2a22 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-p2-launch-sub{ color:#3a342b !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-p2-launch-sub strong{ color:#7a5a1e !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-p2-launch-icon{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  color:#3a2a08 !important; border:1px solid #8c6622 !important;
  box-shadow:inset 0 1px 0 rgba(255,249,222,.85),0 2px 5px rgba(0,0,0,.25) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-p2-toggle{
  background:linear-gradient(180deg,#fffefb,#f7f1e0) !important;
  border:1px solid rgba(120,80,30,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-p2-toggle.is-on{
  border-color:#b8860b !important;
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 2px rgba(184,134,11,.14) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-p2-toggle-label{ color:#2f2a22 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-p2-toggle-desc{ color:#5a5142 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-p2-toggle-checkmark{
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-p2-toggle.is-on .spv2-p2-toggle-checkmark{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  border-color:#8c6622 !important;
}
html.theme-skeuo .spv2-p2-cta{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  color:#3a2a08 !important; border:1px solid #8c6622 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.85),0 4px 12px rgba(80,60,20,.35) !important;
}
html.theme-skeuo .spv2-p2-cta:hover{
  filter:brightness(1.04); transform:translateY(-1px) !important;
}
html.theme-skeuo .spv2-p2-cta-badge{
  background:rgba(58,42,8,.10) !important; border-color:rgba(58,42,8,.22) !important;
  color:#3a2a08 !important; backdrop-filter:none !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-practice-v2 .spv2-back{
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important; color:#4a3f32 !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 1px 3px rgba(0,0,0,.18) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-practice-v2 .spv2-breadcrumb-topic{ color:#2f2a22 !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-practice-v2 .spv2-breadcrumb-right{ color:#5a5142 !important; }
/* Dark walnut */
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-breadcrumb{
  background:linear-gradient(180deg,var(--sk-walnut1),var(--sk-walnut2)) !important;
  border:1px solid var(--sk-walnut-bd) !important;
  border-radius:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.10),0 12px 28px -14px rgba(0,0,0,.7) !important;
}
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-cue-preview,
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-p2-launch{
  background:linear-gradient(180deg,var(--sk-walnut1),var(--sk-walnut2)) !important;
  border:1px solid var(--sk-walnut-bd) !important;
  border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.10),0 12px 28px -14px rgba(0,0,0,.7) !important;
  padding:18px 20px !important;
  margin-bottom:16px !important;
}
html.theme-skeuo.ae-dark-mode .spv2-cue-label,
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-cue-label{
  background:linear-gradient(180deg,#3d3428,#322a1e) !important;
  color:#ffd9a0 !important; border-color:#d4a84b !important;
}
html.theme-skeuo.ae-dark-mode .spv2-cue-intro,
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-cue-intro{ color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .spv2-cue-points,
html.theme-skeuo.ae-dark-mode .spv2-cue-points li{ color:#d8cba8 !important; }
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-q-row{
  background:linear-gradient(180deg,#322a21,#272019) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.08),0 2px 6px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-q-row:hover{
  background:linear-gradient(180deg,#3a3229,#2e261d) !important;
  border-color:rgba(212,168,75,.28) !important;
}
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-q-text{ color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .spv2-p2-launch-title{ color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .spv2-p2-launch-sub{ color:#d8cba8 !important; }
html.theme-skeuo.ae-dark-mode .spv2-p2-launch-sub strong{ color:#ffd9a0 !important; }
html.theme-skeuo.ae-dark-mode .spv2-p2-toggle{
  background:linear-gradient(180deg,#2a2620,#201d18) !important;
  border-color:rgba(255,255,255,.10) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-p2-toggle.is-on{
  border-color:#d4a84b !important;
  background:linear-gradient(180deg,#3d3428,#322a1e) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-p2-toggle-label{ color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .spv2-p2-toggle-desc{ color:#bcb0a0 !important; }
html.theme-skeuo.ae-dark-mode .sp-practice-v2 .spv2-breadcrumb-right{ color:#bcb0a0 !important; }

/* textarea / preview body text (anytext) */
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-textarea{ color:#2f2a22 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-textarea::placeholder{ color:#b5a58a !important; font-style:italic !important; opacity:.78 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-textarea{ color:#ecdfc4 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-textarea::placeholder{ color:#8a7d62 !important; font-style:italic !important; opacity:.72 !important; }
/* anytext hints chip */
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-hints{ background:linear-gradient(180deg,#fff7df,#ffe9b0) !important; border:1px solid #e6c97a !important; color:#6a5a32 !important;
  box-shadow:inset 0 1px 0 #fff !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-hints strong{ color:#8a5a12 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-hints{ background:linear-gradient(180deg,#332b1c,#271f12) !important; border:1px solid rgba(255,200,110,.2) !important; color:#d8cba8 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-hints strong{ color:#ffd9a0 !important; }
/* ── ANYTEXT skeuo — cream/brass thay flat purple wash (đọc được trên gỗ) ── */
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-hero{
  background:linear-gradient(180deg,var(--sk-cream1),var(--sk-cream2)) !important;
  border:1px solid var(--sk-cream-bd) !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 14px 30px -16px rgba(80,60,20,.45),inset 0 1px 0 #fff !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-hero{
  background:linear-gradient(180deg,var(--sk-walnut1),var(--sk-walnut2)) !important;
  border:1px solid var(--sk-walnut-bd) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.10),0 12px 28px -14px rgba(0,0,0,.7) !important;
}
html.theme-skeuo .spv2-anytext-hero-badge{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  border:1px solid #8c6622 !important;
  color:#3a2a08 !important;
  text-shadow:0 1px 0 rgba(255,245,210,.5) !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.85),0 2px 5px rgba(0,0,0,.25) !important;
}
html.theme-skeuo .spv2-anytext-hero-badge svg{ color:#3a2a08 !important; stroke:#3a2a08 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-hero-sub{ color:#7a6f5a !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-hero-title{ color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-hero-sub{ color:#bcb0a0 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-part-label{
  color:#fffaf0 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.62) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-part-label{ color:#d8cba8 !important; }
/* part tabs */
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-part-tab{
  background:linear-gradient(180deg,var(--sk-cream1),var(--sk-cream2)) !important;
  border:1px solid var(--sk-cream-bd) !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.15) !important;
  color:#5a5142 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-part-tab .spv2-anytext-part-num{ color:#6a5a32 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-part-tab .spv2-anytext-part-desc{ color:#7a6f5a !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-part-tab:hover{
  border-color:#c9a227 !important; transform:none !important; box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(80,60,20,.18) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-part-tab.is-active{
  border-color:#b8860b !important;
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 2px rgba(184,134,11,.35),0 4px 10px rgba(80,60,20,.2) !important;
  color:#3a2a08 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-part-tab.is-active .spv2-anytext-part-num{ color:#8a5a12 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-part-tab.is-active .spv2-anytext-part-desc{ color:#6a5a32 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-part-tab{
  background:linear-gradient(180deg,var(--sk-walnut1),var(--sk-walnut2)) !important;
  border:1px solid var(--sk-walnut-bd) !important; color:#bcb0a0 !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-part-tab.is-active{
  border-color:#d4a84b !important;
  background:linear-gradient(180deg,#3d3428,#322a1e) !important;
  box-shadow:inset 0 1px 0 rgba(255,220,150,.12),0 0 0 2px rgba(212,168,75,.28) !important;
  color:#f1e6cd !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-part-tab.is-active .spv2-anytext-part-num{ color:#ffd9a0 !important; }
/* similar-questions toggle */
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-toggle{
  background:linear-gradient(180deg,var(--sk-cream1),var(--sk-cream2)) !important;
  border:1px solid var(--sk-cream-bd) !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(80,60,20,.12) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-toggle.is-on{
  border-color:#b8860b !important;
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 0 0 2px rgba(184,134,11,.25) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-toggle-label{ color:#3a342b !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-toggle-desc{ color:#7a6f5a !important; }
html.theme-skeuo .spv2-anytext-toggle-checkmark{
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8) !important;
}
html.theme-skeuo .spv2-anytext-toggle.is-on .spv2-anytext-toggle-checkmark{
  background:linear-gradient(180deg,#5fd28a,#22a85a) !important;
  border-color:#1a6b38 !important; color:#fff !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-toggle{
  background:linear-gradient(180deg,var(--sk-walnut1),var(--sk-walnut2)) !important;
  border:1px solid var(--sk-walnut-bd) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-toggle.is-on{
  border-color:#d4a84b !important;
  background:linear-gradient(180deg,#3d3428,#322a1e) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-toggle-label{ color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-toggle-desc{ color:#bcb0a0 !important; }
/* CTA */
html.theme-skeuo .spv2-anytext-cta{
  color:#3a2a08 !important;
  text-shadow:0 1px 0 rgba(255,245,210,.5) !important;
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  border:1px solid #8c6622 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.85),0 2px 5px rgba(0,0,0,.35),0 0 10px rgba(242,182,82,.2) !important;
}
html.theme-skeuo .spv2-anytext-cta:hover:not(:disabled){
  filter:brightness(1.05) !important; transform:translateY(-1px) !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.85),0 4px 10px rgba(0,0,0,.4) !important;
}
html.theme-skeuo .spv2-anytext-cta svg{ color:#3a2a08 !important; fill:currentColor !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-input-label{
  color:#fffaf0 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.62) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-input-label svg{
  color:#ffd98a !important; stroke:#ffd98a !important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-char-count{
  color:#fff8ec !important;
  font-weight:700 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.65) !important;
  opacity:1 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-char-count.is-warn{
  color:#ffcc66 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.6) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-input-label{ color:#d8cba8 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-input-label svg{ color:#ffd9a0 !important; stroke:#ffd9a0 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-char-count{
  color:#e8d8ba !important;
  font-weight:700 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
  opacity:1 !important;
}

/* ── ANYTEXT validating/result — khoảng cách toolbar + skeuo gel ── */
html.theme-skeuo .sp-anytext .spv2-screen.spv2-anytext-paste{
  padding:32px 0 80px !important;
}
html.theme-skeuo .sp-anytext .spv2-screen.spv2-anytext-validating{
  padding:56px 20px 80px !important;
  margin:0 auto !important;
  max-width:580px !important;
}
html.theme-skeuo .sp-anytext .spv2-screen.spv2-anytext-result{
  padding:40px 0 80px !important;
  max-width:820px !important;
  margin:0 auto !important;
}
html.theme-skeuo .spv2-anytext-validating-spinner{ color:#b8860b !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-validating-title{ color:#3a2a08 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-validating-title{ color:#ece2cc !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-validating-steps li{
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  border:1px solid #e6c97a !important;
  color:#5a4a28 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 4px rgba(80,60,20,.12) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-validating-steps li{
  background:linear-gradient(180deg,#3d3428,#322a1e) !important;
  border:1px solid rgba(255,200,110,.18) !important;
  color:#ece2cc !important;
  box-shadow:inset 0 1px 0 rgba(255,220,150,.08),0 2px 5px rgba(0,0,0,.3) !important;
}
html.theme-skeuo .spv2-anytext-result-badge{
  border-radius:999px !important;
  text-shadow:0 1px 1px rgba(0,0,0,.22) !important;
}
html.theme-skeuo .spv2-anytext-result-badge--ok{
  background:linear-gradient(180deg,#5fd28a,#22a85a) !important;
  border:1px solid #1a6b38 !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 5px rgba(0,0,0,.25) !important;
}
html.theme-skeuo .spv2-anytext-result-badge--warn{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  border:1px solid #8c6622 !important; color:#3a2a08 !important;
  box-shadow:inset 0 1px 0 rgba(255,249,222,.75),0 2px 5px rgba(0,0,0,.25) !important;
  text-shadow:0 1px 0 rgba(255,245,210,.5) !important;
}
html.theme-skeuo .spv2-anytext-result-badge--err{
  background:linear-gradient(180deg,#f87171,#dc2626) !important;
  border:1px solid #991b1b !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 5px rgba(0,0,0,.3) !important;
}
html.theme-skeuo .spv2-anytext-result-badge svg{ color:currentColor !important; stroke:currentColor !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-reject,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-mismatch,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-result-meta-item{
  background:linear-gradient(180deg,var(--sk-cream1),var(--sk-cream2)) !important;
  border:1px solid var(--sk-cream-bd) !important;
  border-radius:16px !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 14px 30px -16px rgba(80,60,20,.45),inset 0 1px 0 #fff !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-reject,
html.theme-skeuo.ae-dark-mode .spv2-anytext-mismatch,
html.theme-skeuo.ae-dark-mode .spv2-anytext-result-meta-item{
  background:linear-gradient(180deg,var(--sk-walnut1),var(--sk-walnut2)) !important;
  border:1px solid var(--sk-walnut-bd) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.10),0 12px 28px -14px rgba(0,0,0,.7) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-reject-text,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-mismatch-text{ color:#3a342b !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-reject-text,
html.theme-skeuo.ae-dark-mode .spv2-anytext-mismatch-text{ color:#ece2cc !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-reject-hint,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-mismatch-hint{
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  border:1px solid #e6c97a !important; border-left:3px solid #b8860b !important;
  color:#6a5a32 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-reject-hint,
html.theme-skeuo.ae-dark-mode .spv2-anytext-mismatch-hint{
  background:linear-gradient(180deg,#3d3428,#322a1e) !important;
  border:1px solid rgba(255,200,110,.2) !important; border-left:3px solid #d4a84b !important;
  color:#d8cba8 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-reject-label{ color:#b91c1c !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-reject-label{ color:#fca5a5 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-result-meta-label{ color:#7a6f5a !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-result-meta-value{ color:#3a2a08 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-result-meta-label{ color:#bcb0a0 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-result-meta-value{ color:#ffd9a0 !important; }

/* ANYTEXT result — preview + sample + similar (bỏ tím flat) */
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-preview{
  border:1px solid var(--sk-cream-bd) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-preview{
  border:1px solid var(--sk-walnut-bd) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-preview-label,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-preview-cue-pointslabel{
  color:#8a5a12 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-preview-label svg{
  color:#b8860b !important; stroke:#b8860b !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-preview-q,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-preview-cue-intro{
  color:#2f2a22 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-preview-vn{
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  border:1px solid #e6c97a !important;
  color:#5a4a28 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-preview-vn-label{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  border:1px solid #8c6622 !important;
  color:#3a2a08 !important;
  box-shadow:inset 0 1px 0 rgba(255,249,222,.75) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-sample{
  border:1px solid #e6c97a !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 6px rgba(80,60,20,.1) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-sample-label{ color:#8a5a12 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-sample-label svg{
  fill:#b8860b !important; stroke:#b8860b !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-sample-en,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-sample-vn{ color:#3a342b !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-preview-label,
html.theme-skeuo.ae-dark-mode .spv2-anytext-preview-cue-pointslabel{ color:#ffd9a0 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-preview-q,
html.theme-skeuo.ae-dark-mode .spv2-anytext-preview-cue-intro{ color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-preview-vn{
  background:linear-gradient(180deg,#3d3428,#322a1e) !important;
  border:1px solid rgba(255,200,110,.2) !important;
  color:#d8cba8 !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-preview-vn-label{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  border:1px solid #8c6622 !important; color:#3a2a08 !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-sample-label{ color:#ffd9a0 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-sample-en,
html.theme-skeuo.ae-dark-mode .spv2-anytext-sample-vn{ color:#ece2cc !important; }

/* Similar questions panel — cream card thay tím wash */
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar{
  background:linear-gradient(180deg,var(--sk-cream1),var(--sk-cream2)) !important;
  border:1px solid var(--sk-cream-bd) !important;
  border-radius:16px !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 14px 30px -16px rgba(80,60,20,.45),inset 0 1px 0 #fff !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-similar{
  background:linear-gradient(180deg,var(--sk-walnut1),var(--sk-walnut2)) !important;
  border:1px solid var(--sk-walnut-bd) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.10),0 12px 28px -14px rgba(0,0,0,.7) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-label{
  color:#8a5a12 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-label svg{
  color:#b8860b !important; stroke:#b8860b !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-similar-label{ color:#ffd9a0 !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-similar-label svg{
  color:#ffd9a0 !important; stroke:#ffd9a0 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-list li{
  background:linear-gradient(180deg,#fffefb,#f7f1e0) !important;
  border:1px solid rgba(120,80,30,.12) !important;
  border-radius:12px !important;
  padding:10px 12px 10px 8px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 4px rgba(80,60,20,.1) !important;
  list-style-position:inside !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-similar-list li{
  background:linear-gradient(180deg,#3a3228,#2e261c) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px !important;
  padding:10px 12px 10px 8px !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.06),0 2px 5px rgba(0,0,0,.3) !important;
  list-style-position:inside !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-list li::marker{ color:#b8860b !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-similar-list li::marker{ color:#d4a84b !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-en{ color:#2f2a22 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-vn{ color:#7a6f5a !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-similar-en{ color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-similar-vn{ color:#bcb0a0 !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-sample-toggle{
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  border:1px solid #e6c97a !important;
  color:#8a5a12 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 4px rgba(80,60,20,.12) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-sample-toggle:hover{
  border-color:#b8860b !important;
  filter:brightness(1.03) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-sample-body{
  background:linear-gradient(180deg,#fffefb,#f7f1e0) !important;
  border:1px solid rgba(120,80,30,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5) !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-similar-sample-toggle{
  background:linear-gradient(180deg,#3d3428,#322a1e) !important;
  border:1px solid rgba(255,200,110,.22) !important;
  color:#ffd9a0 !important;
}
html.theme-skeuo.ae-dark-mode .spv2-anytext-similar-sample-body{
  background:linear-gradient(180deg,#2a231b,#211b14) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-sample-en,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-sample-vn{ color:#3a342b !important; }
html.theme-skeuo.ae-dark-mode .spv2-anytext-similar-sample-en,
html.theme-skeuo.ae-dark-mode .spv2-anytext-similar-sample-vn{ color:#ece2cc !important; }
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-sample-tag--en,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-similar-sample-tag--vn{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  border:1px solid #8c6622 !important; color:#3a2a08 !important;
}

/* ════════════════════════════════════════════════════════════
   Settings inputs / selects / toggles
   ════════════════════════════════════════════════════════════ */
html.theme-skeuo:not(.ae-dark-mode) .sp-select,
html.theme-skeuo:not(.ae-dark-mode) .sp-target-slider,
html.theme-skeuo:not(.ae-dark-mode) .sp-settings-row input[type=text],
html.theme-skeuo:not(.ae-dark-mode) .sp-settings-row input[type=number]{
  background:linear-gradient(180deg,#ffffff,#f3ead4) !important; border:1px solid #d8c89a !important; color:#3a342b !important;
  box-shadow:inset 0 1px 2px rgba(120,90,40,.14) !important; }
html.theme-skeuo.ae-dark-mode .sp-select,
html.theme-skeuo.ae-dark-mode .sp-settings-row input[type=text],
html.theme-skeuo.ae-dark-mode .sp-settings-row input[type=number]{
  background:#221d15 !important; border:1px solid rgba(255,214,150,.16) !important; color:#ecdfc4 !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.4) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-settings-toggle-label{ color:#3a342b !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-settings-toggle-desc{ color:var(--sk-ink-sub) !important; }
html.theme-skeuo.ae-dark-mode .sp-settings-toggle-label{ color:#ece2cc !important; }
html.theme-skeuo.ae-dark-mode .sp-settings-toggle-desc{ color:#bcb0a0 !important; }

/* ════════════════════════════════════════════════════════════
   Examiner monitor — TV/LCD bezel + lit screen (light + dark)
   ════════════════════════════════════════════════════════════ */
html.theme-skeuo .sp-mock-examiner .sp-examiner-avatar{
  position:relative !important;
  width:auto !important; height:auto !important;
  overflow:visible !important;
  display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important;
  margin-bottom:12px !important;
}
/* Light — silver iMac/TV bezel */
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-examiner .sp-examiner-avatar{
  background:linear-gradient(180deg,#f4f0e8 0%,#d8d0c0 38%,#b8ae9c 72%,#a89888 100%) !important;
  border:0 !important;
  padding:11px 11px 16px !important;
  border-radius:16px !important;
  box-shadow:
    0 0 0 1px #8a7a62,
    0 0 0 2px rgba(255,255,255,.45),
    inset 0 2px 0 rgba(255,255,255,.72),
    inset 0 -3px 6px rgba(60,45,25,.22),
    0 14px 36px -10px rgba(0,0,0,.48) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-examiner .sp-examiner-face-wrap{
  position:relative !important;
  border-radius:9px !important; overflow:hidden !important;
  min-width:210px !important; min-height:168px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background:
    linear-gradient(125deg,rgba(255,255,255,.14) 0%,transparent 42%),
    radial-gradient(ellipse 80% 60% at 50% 18%,rgba(34,211,238,.14),transparent 55%),
    linear-gradient(180deg,#1a3050 0%,#0f1f38 42%,#081018 100%) !important;
  border:1px solid rgba(34,211,238,.28) !important;
  box-shadow:
    inset 0 0 28px rgba(0,0,0,.62),
    inset 0 2px 0 rgba(34,211,238,.14),
    0 0 22px rgba(34,211,238,.10) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-examiner .sp-examiner-face-wrap::after{
  content:'' !important; position:absolute !important; inset:0 !important; pointer-events:none !important;
  border-radius:inherit !important;
  background:linear-gradient(118deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 22%,transparent 48%) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-examiner .sp-examiner-face-wrap .sp-examiner-svg{
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.35)) !important;
  position:relative !important; z-index:1 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-examiner .sp-examiner-avatar::after{
  content:'' !important; position:absolute !important; bottom:6px !important; left:50% !important;
  transform:translateX(-50%) !important; width:7px !important; height:7px !important;
  border-radius:50% !important; z-index:2 !important;
  background:radial-gradient(circle,#6ee7d8 0%,#0d9488 100%) !important;
  box-shadow:0 0 8px rgba(94,234,212,.85) !important;
}
/* Dark — brass bezel + cyan-lit screen */
html.theme-skeuo.ae-dark-mode .sp-mock-examiner .sp-examiner-avatar{
  background:linear-gradient(180deg,#5a4a32 0%,#3d3224 55%,#2a2218 100%) !important;
  border:0 !important;
  padding:11px 11px 16px !important;
  border-radius:16px !important;
  box-shadow:
    0 0 0 1px rgba(255,214,150,.22),
    inset 0 2px 0 rgba(255,236,196,.10),
    inset 0 -3px 6px rgba(0,0,0,.45),
    0 14px 36px -10px rgba(0,0,0,.72) !important;
}
html.theme-skeuo.ae-dark-mode .sp-mock-examiner .sp-examiner-face-wrap{
  position:relative !important;
  border-radius:9px !important; overflow:hidden !important;
  min-width:210px !important; min-height:168px !important;
  background:
    radial-gradient(ellipse 80% 60% at 50% 18%,rgba(34,211,238,.12),transparent 55%),
    linear-gradient(180deg,#142238 0%,#0a1018 55%,#060a10 100%) !important;
  border:1px solid rgba(141,232,242,.22) !important;
  box-shadow:
    inset 0 0 28px rgba(0,0,0,.78),
    inset 0 2px 0 rgba(141,232,242,.10),
    0 0 18px rgba(34,211,238,.08) !important;
}
html.theme-skeuo.ae-dark-mode .sp-mock-examiner .sp-examiner-face-wrap::after{
  content:'' !important; position:absolute !important; inset:0 !important; pointer-events:none !important;
  background:linear-gradient(118deg,rgba(255,255,255,.10) 0%,transparent 42%) !important;
}
html.theme-skeuo.ae-dark-mode .sp-mock-examiner .sp-examiner-avatar::after{
  content:'' !important; position:absolute !important; bottom:6px !important; left:50% !important;
  transform:translateX(-50%) !important; width:7px !important; height:7px !important;
  border-radius:50% !important;
  background:radial-gradient(circle,#8de8f2,#0891b2) !important;
  box-shadow:0 0 8px rgba(141,232,242,.75) !important;
}
html.theme-skeuo .sp-examiner-avatar img{ border-radius:9px !important; }
html.theme-skeuo .sp-examiner-pulse{
  background:rgba(34,211,238,.10) !important;
  border:1px solid rgba(34,211,238,.22) !important;
  inset:-10px !important; border-radius:20px !important;
}
html.theme-skeuo.ae-dark-mode .sp-examiner-pulse{
  background:rgba(141,232,242,.10) !important;
  border:1px solid rgba(141,232,242,.18) !important;
}

/* Mock running — badge/counter + examiner copy (đọc rõ trên gỗ) */
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-part-indicator{
  display:inline-flex !important; align-items:center !important; gap:12px !important;
  background:linear-gradient(180deg,#fffefb,#f6efdf) !important;
  border:1px solid #e0d4b2 !important; border-radius:999px !important;
  padding:8px 18px !important;
  box-shadow:inset 0 1px 0 #fff,0 3px 10px rgba(0,0,0,.14) !important;
}
html.theme-skeuo .sp-mock-part-badge{
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important;
  border:1px solid #8c6622 !important; color:#3a2a08 !important;
  box-shadow:inset 0 1px 0 rgba(255,249,222,.85),0 2px 5px rgba(0,0,0,.28) !important;
  text-shadow:0 1px 0 rgba(255,245,210,.5) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-q-counter{
  color:#1a1510 !important; font-weight:700 !important; font-size:15px !important;
  text-shadow:none !important; -webkit-text-fill-color:#1a1510 !important;
}
/* display KHÔNG !important — element có x-show (xem ghi chú .sp-mock-recorder) */
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-examiner{
  display:flex; flex-direction:column !important; align-items:center !important;
  gap:10px !important; width:100% !important; max-width:340px !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-examiner .sp-examiner-label{
  color:#1a1510 !important; font-weight:800 !important; font-size:18px !important;
  text-shadow:none !important; -webkit-text-fill-color:#1a1510 !important;
  background:linear-gradient(180deg,rgba(255,254,251,.96),rgba(246,239,223,.94)) !important;
  border:1px solid #e0d4b2 !important; border-radius:12px !important;
  padding:10px 18px !important; width:100% !important; text-align:center !important; box-sizing:border-box !important;
  box-shadow:inset 0 1px 0 #fff,0 3px 10px rgba(0,0,0,.12) !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-examiner .sp-examiner-hint{
  color:#3d3428 !important; font-weight:600 !important; font-size:14px !important;
  text-shadow:none !important; -webkit-text-fill-color:#3d3428 !important;
  background:linear-gradient(180deg,rgba(255,254,251,.92),rgba(246,239,223,.88)) !important;
  border:1px solid #e0d4b2 !important; border-radius:10px !important;
  padding:8px 16px !important; width:100% !important; text-align:center !important; box-sizing:border-box !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 8px rgba(0,0,0,.10) !important;
}
html.theme-skeuo .sp-mock-progress-fill{
  background:linear-gradient(90deg,#d39c3c,#f2c66c) !important;
}
html.theme-skeuo.ae-dark-mode .sp-mock-part-indicator{
  background:linear-gradient(180deg,#3a3228,#2f2820) !important;
  border:1px solid rgba(255,214,150,.18) !important; border-radius:999px !important;
  padding:8px 18px !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.06),0 3px 10px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode .sp-mock-part-badge{
  background:linear-gradient(180deg,#443a2e,#332c22) !important;
  border:1px solid rgba(255,214,150,.22) !important; color:#f5ead0 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,200,.08),0 2px 6px rgba(0,0,0,.35) !important;
}
html.theme-skeuo.ae-dark-mode .sp-mock-q-counter{
  color:#f5ead0 !important; font-weight:700 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
}
html.theme-skeuo.ae-dark-mode .sp-mock-examiner .sp-examiner-label{
  color:#f5ead0 !important; font-weight:800 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
  background:linear-gradient(180deg,#3a3228,#2f2820) !important;
  border:1px solid rgba(255,214,150,.18) !important; border-radius:12px !important;
  padding:10px 18px !important; width:100% !important; text-align:center !important; box-sizing:border-box !important;
}
html.theme-skeuo.ae-dark-mode .sp-mock-examiner .sp-examiner-hint{
  color:#ecdcb8 !important; font-weight:600 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
  background:linear-gradient(180deg,#332c22,#2a2318) !important;
  border:1px solid rgba(255,214,150,.14) !important; border-radius:10px !important;
  padding:8px 16px !important; width:100% !important; text-align:center !important; box-sizing:border-box !important;
}
html.theme-skeuo.ae-dark-mode .sp-mock-progress-fill{
  background:linear-gradient(90deg,#c89b40,#f4d98a) !important;
}

/* ════════════════════════════════════════════════════════════
   Buttons — gel/brass (light) / brushed-metal (dark); primary = brass
   ════════════════════════════════════════════════════════════ */
html.theme-skeuo:not(.ae-dark-mode) .sp-btn,
html.theme-skeuo:not(.ae-dark-mode) .sp-btn-sm,
html.theme-skeuo:not(.ae-dark-mode) .sp-page-btn,
html.theme-skeuo:not(.ae-dark-mode) .sp-history-view-btn,
html.theme-skeuo:not(.ae-dark-mode) .sp-btn-outline,
html.theme-skeuo:not(.ae-dark-mode) .spv2-nav-btn,
html.theme-skeuo:not(.ae-dark-mode) .spv2-anytext-btn-secondary{
  border-radius:10px !important; color:#4a4a4c !important; text-shadow:0 1px 0 #fff !important;
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important; border:1px solid #b3b3b5 !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 2px 4px rgba(0,0,0,.22) !important; }
html.theme-skeuo.ae-dark-mode .sp-btn,
html.theme-skeuo.ae-dark-mode .sp-btn-sm,
html.theme-skeuo.ae-dark-mode .sp-page-btn,
html.theme-skeuo.ae-dark-mode .sp-history-view-btn,
html.theme-skeuo.ae-dark-mode .sp-btn-outline,
html.theme-skeuo.ae-dark-mode .spv2-nav-btn,
html.theme-skeuo.ae-dark-mode .spv2-anytext-btn-secondary{
  border-radius:10px !important; color:#ece8de !important; text-shadow:0 -1px 1px rgba(0,0,0,.5) !important;
  background:linear-gradient(180deg,#3a3329,#2a2419) !important; border:1px solid #15100a !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.12),0 2px 4px rgba(0,0,0,.5) !important; }
html.theme-skeuo .sp-btn:active,html.theme-skeuo .sp-btn-sm:active{ box-shadow:inset 0 2px 5px rgba(0,0,0,.35) !important; transform:translateY(.5px); }
/* primary / start / anytext-primary = brass gel (both modes) */
html.theme-skeuo .sp-btn-primary,html.theme-skeuo .sp-mock-start-btn,
html.theme-skeuo .spv2-anytext-btn-primary,html.theme-skeuo .spv2-topup-btn{ color:#3a2a08 !important; text-shadow:0 1px 0 rgba(255,245,210,.5) !important;
  background:linear-gradient(180deg,#f2c66c,#d39c3c) !important; border:1px solid #8c6622 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.85),0 2px 5px rgba(0,0,0,.35),0 0 10px rgba(242,182,82,.2) !important; }
/* Cyan gel CTA — topic footer + practice-all (chữ tối, KHÔNG text-shadow → tránh nhòe trên nền cyan) */
html.theme-skeuo .sp-topic-footer .sp-btn-primary,
html.theme-skeuo .spv2-practice-all{
  background:linear-gradient(180deg,#67e8f9,#22d3ee 52%,#06b6d4) !important;
  border:1px solid #0e7490 !important;
  color:#042f2e !important;
  text-shadow:none !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.72),inset 0 -3px 7px rgba(6,120,140,.28),0 3px 8px rgba(0,0,0,.32) !important;
  -webkit-font-smoothing:antialiased !important;
}
html.theme-skeuo .sp-topic-footer .sp-btn-primary svg,
html.theme-skeuo .spv2-practice-all svg{ color:#042f2e !important; stroke:#042f2e !important; }
html.theme-skeuo .sp-topic-footer .sp-btn-primary:hover,
html.theme-skeuo .spv2-practice-all:hover{
  background:linear-gradient(180deg,#7df5ff,#38e8ff 52%,#14c8e8) !important;
  color:#022c22 !important;
  filter:none !important;
}
html.theme-skeuo .sp-practice-v2 .spv2-practice-all{
  margin-top:0 !important; border-radius:14px !important;
  position:relative !important; z-index:1 !important;
}

/* record / mic buttons → glossy RED with LED halo (both modes) */
html.theme-skeuo .sp-mic-btn,html.theme-skeuo .sp-record-btn,html.theme-skeuo [class*=record-btn],html.theme-skeuo .sp-mic-record{
  background:radial-gradient(circle at 50% 32%,#ff6a5e,#c8231b) !important; border:1px solid #7e120c !important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.5),inset 0 -3px 7px rgba(120,10,5,.6),0 2px 6px rgba(0,0,0,.45),0 0 16px rgba(232,64,58,.4) !important; color:#fff !important; }

/* Recorder waveform — sóng đỏ trực tiếp trên nền recorder, KHÔNG hộp đen inset */
html.theme-skeuo .sp-waveform{
  background:transparent !important; border:none !important; box-shadow:none !important;
  border-radius:0 !important; padding:6px 0 !important; justify-content:center !important;
}
html.theme-skeuo .sp-waveform span{
  background:linear-gradient(180deg,#ff6a5e,#c8231b) !important;
  box-shadow:0 0 5px rgba(232,64,58,.32) !important;
}

/* band chips → gel */
html.theme-skeuo .sp-vocab-band{ box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.4) !important; text-shadow:0 1px 1px rgba(0,0,0,.4); }

/* sample block text — flat inside question row, no nested cream box */
html.theme-skeuo:not(.ae-dark-mode) .sp-sample-block,
html.theme-skeuo:not(.ae-dark-mode) .sp-sample-block--v2,
html.theme-skeuo:not(.ae-dark-mode) .sp-band-panel,
html.theme-skeuo:not(.ae-dark-mode) .sp-q-sample-detail{ color:#4a4438; }
html.theme-skeuo.ae-dark-mode .sp-sample-block,
html.theme-skeuo.ae-dark-mode .sp-sample-block--v2,
html.theme-skeuo.ae-dark-mode .sp-band-panel,
html.theme-skeuo.ae-dark-mode .sp-q-sample-detail{ color:#dcd4c4; }
html.theme-skeuo .sp-sample-block,
html.theme-skeuo .sp-sample-block--v2,
html.theme-skeuo .sp-band-panel{
  background:transparent !important; border:none !important; box-shadow:none !important;
  border-radius:0 !important; padding:0 !important; margin:0 !important;
}
html.theme-skeuo .sp-q-sample-detail{
  background:transparent !important;
  border-top:1px solid rgba(120,80,30,.14) !important;
  padding:12px 16px 14px !important;
}
html.theme-skeuo.ae-dark-mode .sp-q-sample-detail{
  border-top-color:rgba(255,255,255,.08) !important;
}
html.theme-skeuo .sp-sample-content--v2{
  background:transparent !important; border:none !important; box-shadow:none !important;
  padding:10px 0 !important;
}
html.theme-skeuo .sp-mock-intro-card .sp-mock-feature *,html.theme-skeuo .sp-mic-modal-point *{ color:inherit !important; }

/* ═══ RESULT MODAL — một tờ cream, section phẳng (không box-in-box) ═══ */
html.theme-skeuo .sp-result-modal .sp-fluency-card,
html.theme-skeuo .sp-result-modal .sp-phoneme-card,
html.theme-skeuo .sp-result-modal .sp-vocab-upgrade-card,
html.theme-skeuo .sp-result-modal .sp-improved-card,
html.theme-skeuo .sp-result-modal .sp-strengths,
html.theme-skeuo .sp-result-modal .sp-weaknesses,
html.theme-skeuo .sp-result-modal .sp-grammar-fix,
html.theme-skeuo .sp-result-modal .sp-cefr-words{
  background:transparent !important; border:none !important; box-shadow:none !important;
  border-radius:0 !important;
}
/* Section trong modal: phẳng, không hộp walnut lồng (thắng cream-panel list) */
html.theme-skeuo .sp-result-modal .sp-result-section{
  background:transparent !important; border:none !important; border-radius:0 !important;
  box-shadow:none !important;
  margin-bottom:20px; padding:10px 8px 22px !important;
  border-bottom:1px solid rgba(120,80,30,.12) !important;
}
html.theme-skeuo.ae-dark-mode .sp-result-modal .sp-result-section{
  border-bottom-color:rgba(255,255,255,.08) !important;
}
html.theme-skeuo .sp-result-modal .sp-result-content{ padding:24px 26px 28px !important; }
html.theme-skeuo .sp-result-modal .sp-result-section-title{ margin-bottom:12px !important; }
html.theme-skeuo .sp-result-modal .sp-rs-sub{ margin:0 4px 12px !important; line-height:1.55 !important; }
html.theme-skeuo .sp-result-modal .sp-result-header{
  background:transparent !important; box-shadow:none !important;
  border-bottom:1px solid rgba(120,80,30,.14) !important;
  padding-bottom:20px !important; margin-bottom:20px !important;
}
html.theme-skeuo.ae-dark-mode .sp-result-modal .sp-result-header{
  border-bottom-color:rgba(255,255,255,.10) !important;
}
/* audio */
html.theme-skeuo .sp-result-modal .sp-audio-player-wrap{
  background:transparent !important; border:none !important;
  border-top:1px dashed rgba(120,80,30,.16) !important;
  border-radius:0 !important; padding:14px 0 0 !important; margin-bottom:0 !important;
}
html.theme-skeuo .sp-result-modal .sp-audio-player-label{ color:#6a5a32 !important; }
html.theme-skeuo .sp-result-modal .sp-audio-player-label svg{ color:#8a5a12 !important; stroke:#8a5a12 !important; }
html.theme-skeuo.ae-dark-mode .sp-result-modal .sp-audio-player-label{ color:#d8cba8 !important; }
/* transcript */
html.theme-skeuo .sp-result-modal .sp-transcription{
  background:transparent !important; border:none !important; padding:0 !important;
}
/* fluency */
html.theme-skeuo .sp-result-modal .sp-fluency-card{ padding:12px 4px !important; }
html.theme-skeuo .sp-result-modal .sp-fluency-feedback{ padding:8px 4px 0 !important; }
html.theme-skeuo .sp-result-modal .sp-fluency-tips{
  background:transparent !important; border:none !important;
  border-top:1px dashed rgba(120,80,30,.14) !important;
  border-radius:0 !important; padding:14px 0 0 !important; margin-top:4px !important;
}
html.theme-skeuo .sp-result-modal .sp-fluency-tips-title{ color:#6a5a32 !important; }
html.theme-skeuo.ae-dark-mode .sp-result-modal .sp-fluency-tips-title{ color:#d8cba8 !important; }
/* improved transcript */
html.theme-skeuo .sp-result-modal .sp-improved-card{ overflow:visible !important; padding:0 !important; }
html.theme-skeuo .sp-result-modal .sp-improved-tabs{
  display:inline-flex !important;
  background:linear-gradient(180deg,#e6e6e8,#fbfbfb) !important;
  border:1px solid #b4b4b6 !important; border-bottom:1px solid #b4b4b6 !important;
  border-radius:999px !important; padding:3px !important; gap:2px !important;
  margin-bottom:12px !important;
}
html.theme-skeuo.ae-dark-mode .sp-result-modal .sp-improved-tabs{
  background:linear-gradient(180deg,#2a2620,#201d18) !important;
  border-color:rgba(255,255,255,.10) !important;
}
html.theme-skeuo .sp-result-modal .sp-improved-tab{
  border-radius:999px !important; padding:7px 14px !important;
  color:#5a5142 !important; border:none !important; margin:0 !important;
}
html.theme-skeuo .sp-result-modal .sp-improved-tab.is-active{
  background:linear-gradient(180deg,#fff7df,#ffe9b0) !important;
  color:#3a2a08 !important; border:1px solid #b8860b !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
}
html.theme-skeuo.ae-dark-mode .sp-result-modal .sp-improved-tab{ color:#bcb0a0 !important; }
html.theme-skeuo.ae-dark-mode .sp-result-modal .sp-improved-tab.is-active{
  background:linear-gradient(180deg,#3d3428,#322a1e) !important;
  color:#ffd9a0 !important; border-color:#d4a84b !important;
}
html.theme-skeuo .sp-result-modal .sp-improved-text{
  background:transparent !important; padding:10px 4px 4px !important;
  line-height:1.65 !important;
}
/* strengths / weaknesses */
html.theme-skeuo .sp-result-modal .sp-strengths-weaknesses{
  margin-top:22px !important; padding-top:20px !important;
  border-top:1px dashed rgba(120,80,30,.16) !important;
}
html.theme-skeuo.ae-dark-mode .sp-result-modal .sp-strengths-weaknesses{
  border-top-color:rgba(255,255,255,.08) !important;
}
html.theme-skeuo .sp-result-modal .sp-strengths{
  border-left:3px solid #22a85a !important; padding:0 0 0 12px !important;
}
html.theme-skeuo .sp-result-modal .sp-weaknesses{
  border-left:3px solid #c8231b !important; padding:0 0 0 12px !important;
}
/* key phrases — dòng phẳng, không hộp cyan */
html.theme-skeuo .sp-result-modal .sp-keyphrase-card{
  background:transparent !important; border:none !important; box-shadow:none !important;
  border-radius:0 !important; padding:10px 4px !important;
  border-bottom:1px dashed rgba(120,80,30,.14) !important;
}
html.theme-skeuo .sp-result-modal .sp-keyphrase-grid .sp-keyphrase-card:last-child{
  border-bottom:none !important;
}
/* vocab upgrade — hàng phẳng, band chips inline */
html.theme-skeuo .sp-result-modal .sp-vocab-upgrades{ gap:16px !important; }
html.theme-skeuo .sp-result-modal .sp-vocab-upgrade-card{
  padding:6px 4px 16px !important;
  border-bottom:1px dashed rgba(120,80,30,.14) !important;
}
html.theme-skeuo .sp-result-modal .sp-vocab-upgrades .sp-vocab-upgrade-card:last-child{
  border-bottom:none !important; padding-bottom:0 !important;
}
/* fluency — 2 cột không hộp */
html.theme-skeuo .sp-result-modal .sp-fluency-grid{ gap:0 24px !important; }
@media (min-width:720px){
  html.theme-skeuo .sp-result-modal .sp-fluency-card--wpm{
    border-right:1px solid rgba(120,80,30,.10) !important;
    padding-right:20px !important;
  }
}
/* improved — tab chữ + gạch, không pill viền */
html.theme-skeuo .sp-result-modal .sp-improved-tabs{
  display:flex !important; gap:18px !important;
  background:transparent !important; border:none !important;
  border-radius:0 !important; padding:0 !important; margin-bottom:10px !important;
}
html.theme-skeuo .sp-result-modal .sp-improved-tab{
  background:transparent !important; border:none !important;
  border-radius:0 !important; padding:0 0 4px !important;
  box-shadow:none !important;
}
html.theme-skeuo .sp-result-modal .sp-improved-tab.is-active{
  background:transparent !important;
  border:none !important; border-bottom:2px solid #b8860b !important;
  box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode .sp-result-modal .sp-improved-tab.is-active{
  border-bottom-color:#d4a84b !important;
}
/* accordion mở — không viền tím */
html.theme-skeuo .sp-result-modal .sp-accordion-item.is-open{
  border:none !important; border-bottom:1px solid rgba(120,80,30,.12) !important;
}
html.theme-skeuo .sp-result-modal .sp-accordion-header:hover{
  background:transparent !important;
}
/* grammar fix — không hộp */
html.theme-skeuo .sp-result-modal .sp-grammar-fix{
  padding:0 0 12px !important;
  border:none !important; border-left:3px solid #d97706 !important;
  border-radius:0 !important;
}

html.theme-skeuo .sp-result-modal .sp-accordion-item{
  border:none !important; border-bottom:1px solid rgba(120,80,30,.12) !important;
  border-radius:0 !important;
}
html.theme-skeuo .sp-result-modal .sp-accordion-body{
  background:transparent !important; border-top:none !important;
  padding:8px 0 12px !important;
}
html.theme-skeuo .sp-result-modal .sp-rs-icon{ color:#8a5a12 !important; stroke:#8a5a12 !important; }
html.theme-skeuo.ae-dark-mode .sp-result-modal .sp-rs-icon{ color:#ffd9a0 !important; stroke:#ffd9a0 !important; }

/* ════════════════════════════════════════════════════════════
   Record button → vintage chrome microphone (iOS-6 / Voice Memos).
   Skeuo skin only; identical device in both modes.
   ════════════════════════════════════════════════════════════ */
html.theme-skeuo .spv2-mic-btn{
  position:relative !important;
  background:radial-gradient(circle at 50% 27%, #5b6470 0%, #353d48 55%, #1c2129 100%) !important;
  border:1px solid #12161c !important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.28),
    inset 0 -11px 20px rgba(0,0,0,.5),
    inset 0 0 0 2px rgba(0,0,0,.22),
    0 8px 20px rgba(10,15,22,.5) !important;
}
html.theme-skeuo .spv2-mic-btn--fu{
  background:radial-gradient(circle at 50% 27%, #4a5b6a 0%, #2a3a47 55%, #15232d 100%) !important;
}
html.theme-skeuo .spv2-mic-btn > svg{ display:none !important; }
html.theme-skeuo .spv2-mic-btn::before{
  content:''; position:absolute; left:50%; top:49%; transform:translate(-50%,-50%);
  width:44px; height:58px; pointer-events:none;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2070%2090%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27c%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%2359616d%27%2F%3E%3Cstop%20offset%3D%27.15%27%20stop-color%3D%27%23eef3f7%27%2F%3E%3Cstop%20offset%3D%27.37%27%20stop-color%3D%27%23aab4bf%27%2F%3E%3Cstop%20offset%3D%27.6%27%20stop-color%3D%27%23e6ecf1%27%2F%3E%3Cstop%20offset%3D%27.82%27%20stop-color%3D%27%23878f9b%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%234b5360%27%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%270%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23474e58%27%2F%3E%3Cstop%20offset%3D%27.5%27%20stop-color%3D%27%230d1115%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23262c33%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D%2727%27%20y%3D%2779%27%20width%3D%2716%27%20height%3D%279%27%20rx%3D%273%27%20fill%3D%27url%28%23c%29%27%20stroke%3D%27%2341474f%27%20stroke-width%3D%271%27%2F%3E%3Crect%20x%3D%2732%27%20y%3D%2760%27%20width%3D%276%27%20height%3D%2720%27%20fill%3D%27url%28%23c%29%27%2F%3E%3Cpath%20d%3D%27M13%2040%20Q9%2066%2033%2075%27%20fill%3D%27none%27%20stroke%3D%27url%28%23c%29%27%20stroke-width%3D%275.5%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M57%2040%20Q61%2066%2037%2075%27%20fill%3D%27none%27%20stroke%3D%27url%28%23c%29%27%20stroke-width%3D%275.5%27%20stroke-linecap%3D%27round%27%2F%3E%3Crect%20x%3D%279%27%20y%3D%275%27%20width%3D%2752%27%20height%3D%2752%27%20rx%3D%2724%27%20fill%3D%27url%28%23c%29%27%20stroke%3D%27%2341474f%27%20stroke-width%3D%271.5%27%2F%3E%3Crect%20x%3D%2715%27%20y%3D%2711%27%20width%3D%2740%27%20height%3D%2740%27%20rx%3D%2719%27%20fill%3D%27url%28%23g%29%27%2F%3E%3Cg%20stroke%3D%27%236b7682%27%20stroke-width%3D%271.7%27%20opacity%3D%27.75%27%3E%3Cline%20x1%3D%2719%27%20y1%3D%2719%27%20x2%3D%2751%27%20y2%3D%2719%27%2F%3E%3Cline%20x1%3D%2716%27%20y1%3D%2725%27%20x2%3D%2754%27%20y2%3D%2725%27%2F%3E%3Cline%20x1%3D%2715%27%20y1%3D%2731%27%20x2%3D%2755%27%20y2%3D%2731%27%2F%3E%3Cline%20x1%3D%2716%27%20y1%3D%2737%27%20x2%3D%2754%27%20y2%3D%2737%27%2F%3E%3Cline%20x1%3D%2719%27%20y1%3D%2743%27%20x2%3D%2751%27%20y2%3D%2743%27%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%2726%27%20cy%3D%2721%27%20rx%3D%2713%27%20ry%3D%278%27%20fill%3D%27%23ffffff%27%20opacity%3D%27.30%27%2F%3E%3C%2Fsvg%3E");
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));
}
html.theme-skeuo .spv2-mic-btn::after{
  content:''; position:absolute; inset:6px; border-radius:50%; pointer-events:none;
  box-shadow:inset 0 0 9px rgba(255,70,55,.5), 0 0 0 1px rgba(255,90,70,.35); opacity:.5;
}
html.theme-skeuo .spv2-mic-btn:hover{ filter:brightness(1.05); transform:scale(1.06); }
html.theme-skeuo .spv2-mic-btn:active{ box-shadow:inset 0 4px 11px rgba(0,0,0,.6) !important; transform:scale(.99); }
html.theme-skeuo .spv2-mic-btn:active::before{ transform:translate(-50%,-50%) scale(.95); }

/* ── FIX: active nav label <span> kept a light-lavender base colour (#c4b5fd) →
   obscure on the brass active tab. Force dark text on the whole active item. ── */
html.theme-skeuo .sp-nav-item.is-active,
html.theme-skeuo .sp-nav-item.is-active span,
html.theme-skeuo .sp-nav-item.is-active .sp-nav-label,
html.theme-skeuo .sp-nav-item.is-active *{ color:#3a2a12 !important; text-shadow:0 1px 0 rgba(255,247,212,.5) !important; }
html.theme-skeuo .sp-nav-item.is-active .sp-nav-icon{ color:#5c3e12 !important; }
/* footer back-link ("Thư viện đề IELTS") + its label span → readable on the leather sidebar */
html.theme-skeuo .sp-footer-nav-link,html.theme-skeuo .sp-footer-nav-link span,
html.theme-skeuo .sp-home-link:not(.sp-back-library),html.theme-skeuo .sp-home-link:not(.sp-back-library) span{ color:#e8d8ba !important; text-shadow:0 1px 1px rgba(0,0,0,.55) !important; }
html.theme-skeuo .sp-footer-nav-link:hover,html.theme-skeuo .sp-footer-nav-link:hover span,
html.theme-skeuo .sp-home-link:not(.sp-back-library):hover,html.theme-skeuo .sp-home-link:not(.sp-back-library):hover span{ color:#fff4dc !important; }
/* "Thư viện đề IELTS" — brass tab (border CHỈ trên <a>, span trong suốt — tránh hộp lồng chữ) */
html.theme-skeuo .sp-back-library{
  background:linear-gradient(180deg,#eccd8c,#d0a452 55%,#bd8e3a) !important;
  color:#3a2a12 !important;
  text-shadow:0 1px 0 rgba(255,247,212,.42) !important;
  border:1px solid #8d6822 !important;
  box-shadow:inset 0 1px 1px rgba(255,249,222,.88),inset 0 -3px 6px rgba(120,80,15,.38),0 2px 5px rgba(0,0,0,.4) !important;
  font-weight:600 !important;
  -webkit-font-smoothing:antialiased !important;
}
html.theme-skeuo .sp-back-library span{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  color:inherit !important; text-shadow:inherit !important;
}
html.theme-skeuo .sp-back-library svg{ color:#5c3e12 !important; }
html.theme-skeuo .sp-back-library:hover{
  color:#2a1c08 !important;
  filter:brightness(1.05);
}
html.theme-skeuo .sp-back-library:hover span{ color:inherit !important; }
html.theme-skeuo.ae-dark-mode .sp-back-library{
  background:linear-gradient(180deg,#eccd8c,#c89b40 55%,#a87c2a) !important;
  color:#3a2a12 !important;
  text-shadow:0 1px 0 rgba(255,247,212,.42) !important;
}
html.theme-skeuo.ae-dark-mode .sp-back-library span{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
html.theme-skeuo.ae-dark-mode .sp-back-library:hover{ color:#2a1c08 !important; }

/* ── Sidebar collapse/expand → skeuo metal panel SVG (icon IS the button chrome) ── */
html.theme-skeuo .sp-sidebar-collapse,html.theme-skeuo .sp-sidebar-expand,
html.theme-skeuo.ae-dark-mode .sp-sidebar-collapse,html.theme-skeuo.ae-dark-mode .sp-sidebar-expand{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  width:44px !important; height:44px !important; padding:0 !important;
  align-items:center !important; justify-content:center !important;
}
html.theme-skeuo .sp-sidebar-collapse{
  display:flex !important; position:fixed !important; top:50% !important;
  left:calc(var(--sp-sidebar-w, 260px) - 22px) !important; right:auto !important;
  transform:translateY(-50%) !important; z-index:41 !important;
}
html.theme-skeuo .sp-sidebar-collapse:hover,
html.theme-skeuo.ae-dark-mode .sp-sidebar-collapse:hover{
  background:transparent !important; transform:translateY(-50%) !important; filter:brightness(1.06);
}
html.theme-skeuo body.sp-sidebar-collapsed .sp-sidebar-expand{ display:flex !important; }
html.theme-skeuo body:not(.sp-sidebar-collapsed) .sp-sidebar-expand{ display:none !important; }
html.theme-skeuo .sp-sidebar-expand{
  position:fixed !important; left:8px !important; right:auto !important;
  top:16px !important; transform:none !important; z-index:42 !important;
}
/* Practice/anytext: clasp inline trong toolbar/breadcrumb — ẩn nút fixed */
html.theme-skeuo body.sp-sidebar-collapsed:has(.sp-practice-v2) #spSidebarExpand,
html.theme-skeuo body.sp-sidebar-collapsed:has(.sp-anytext) #spSidebarExpand{
  display:none !important;
}
html.theme-skeuo .sp-sidebar-expand:hover,
html.theme-skeuo.ae-dark-mode .sp-sidebar-expand:hover{
  background:transparent !important; transform:none !important; filter:brightness(1.06);
}
/* Collapsed practice/anytext: không padding page — clasp nằm trong toolbar */
html.theme-skeuo body.sp-sidebar-collapsed .sp-practice-v2,
html.theme-skeuo body.sp-sidebar-collapsed .sp-anytext{
  padding:0 !important;
}
html.theme-skeuo body.sp-sidebar-collapsed .sp-main > .sp-practice-v2,
html.theme-skeuo body.sp-sidebar-collapsed .sp-main > .sp-anytext{
  padding-top:0 !important;
}
/* Mobile: speaking.css hides clasp but skeuo rule above wins on specificity */
@media (max-width: 1024px) {
  html.theme-skeuo .sp-sidebar-collapse,
  html.theme-skeuo .sp-sidebar-expand,
  html.theme-skeuo .spv2-header-clasp,
  html.theme-skeuo.ae-dark-mode .sp-sidebar-collapse,
  html.theme-skeuo.ae-dark-mode .sp-sidebar-expand {
    display: none !important;
  }
}
html.theme-skeuo .sp-sidebar-collapse-icon,html.theme-skeuo .sp-sidebar-expand-icon{
  width:44px !important; height:44px !important; flex:0 0 auto; object-fit:contain;
}
html.theme-skeuo .sp-sidebar-collapse .sp-icon-skeuo-light,
html.theme-skeuo .sp-sidebar-collapse .sp-icon-skeuo-dark,
html.theme-skeuo .sp-sidebar-expand .sp-icon-skeuo-light,
html.theme-skeuo .sp-sidebar-expand .sp-icon-skeuo-dark{ display:none; }
html.theme-skeuo:not(.ae-dark-mode) .sp-sidebar-collapse .sp-icon-flat,
html.theme-skeuo:not(.ae-dark-mode) .sp-sidebar-expand .sp-icon-flat{ display:none; }
html.theme-skeuo:not(.ae-dark-mode) .sp-sidebar-collapse .sp-icon-skeuo-light,
html.theme-skeuo:not(.ae-dark-mode) .sp-sidebar-expand .sp-icon-skeuo-light{ display:block; }
html.theme-skeuo.ae-dark-mode .sp-sidebar-collapse .sp-icon-flat,
html.theme-skeuo.ae-dark-mode .sp-sidebar-expand .sp-icon-flat{ display:none; }
html.theme-skeuo.ae-dark-mode .sp-sidebar-collapse .sp-icon-skeuo-dark,
html.theme-skeuo.ae-dark-mode .sp-sidebar-expand .sp-icon-skeuo-dark{ display:block; }
html.theme-skeuo .sp-sidebar-expand .sp-icon-skeuo-light,
html.theme-skeuo .sp-sidebar-expand .sp-icon-skeuo-dark{ transform:scaleX(-1); }
html.theme-skeuo .sp-sidebar-collapsed .sp-sidebar-collapse{ display:none !important; }

/* ════════════════════════════════════════════════════════════
   LANDING V2 — contrast on wood (grading card + Alpha Intelligence)
   ════════════════════════════════════════════════════════════ */
/* Grading mock = recessed dark monitor (NOT cream paper) */
html.theme-skeuo:not(.ae-dark-mode) .sp-grading-card{
  background:linear-gradient(135deg,#0c1525,#0f1f3a) !important;
  border:1px solid rgba(34,211,238,.22) !important; color:#cbd5e1 !important;
  box-shadow:0 1px 1px rgba(0,0,0,.12),0 14px 30px -16px rgba(0,0,0,.5),inset 0 1px 0 rgba(34,211,238,.08) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-grading-row-head,
html.theme-skeuo:not(.ae-dark-mode) .sp-grading-card{ color:#cbd5e1 !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-grading-summary-label{ color:#67e8f9 !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-grading-summary-num{ color:#fff !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-grading-summary-band{ color:rgba(255,255,255,.62) !important; }
html.theme-skeuo.ae-dark-mode .sp-grading-card{
  background:linear-gradient(135deg,#0a1018,#121c2e) !important;
  border:1px solid rgba(141,232,242,.18) !important; color:#ece2cc !important;
  box-shadow:inset 0 1px 0 rgba(141,232,242,.08),0 14px 30px -16px rgba(0,0,0,.65) !important; }
html.theme-skeuo.ae-dark-mode .sp-grading-row-head{ color:#cbbf9e !important; }
html.theme-skeuo.ae-dark-mode .sp-grading-summary-label{ color:#8de8f2 !important; }
html.theme-skeuo.ae-dark-mode .sp-grading-summary-num{ color:#f1e6cd !important; }
html.theme-skeuo.ae-dark-mode .sp-grading-summary-band{ color:rgba(236,226,204,.65) !important; }

/* Landing section heads on WOOD — white copy (dark+border trắng = nhòe trên gỗ) */
html.theme-skeuo .sp-landing .sp-section-title,
html.theme-skeuo .sp-landing .sp-section-title--centered{
  font-family:var(--sk-serif) !important; color:#fff !important; text-shadow:0 1px 2px rgba(0,0,0,.55) !important; }
html.theme-skeuo .sp-landing .sp-section-title svg{ color:#8de8f2 !important; filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)); }

/* Section title accent — sharp on wood (gradient clip + shadow = nhòe) */
html.theme-skeuo:not(.ae-dark-mode) .sp-landing .sp-section-title--centered strong{
  background:none !important;
  -webkit-background-clip:unset !important; background-clip:unset !important;
  -webkit-text-fill-color:#5eead4 !important; color:#5eead4 !important;
  text-shadow:none !important; filter:none !important;
}
html.theme-skeuo.ae-dark-mode .sp-landing .sp-section-title--centered strong{
  background:linear-gradient(90deg,#8de8f2 0%,#67e8f9 45%,#fda4af 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:#8de8f2 !important;
  text-shadow:none !important; filter:none !important;
}

/* CTA footer — cream/walnut panel, dark readable copy */
html.theme-skeuo:not(.ae-dark-mode) .sp-landing-cta-footer{
  background:linear-gradient(180deg,var(--sk-cream1),var(--sk-cream2)) !important;
  border:1px solid var(--sk-cream-bd) !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 14px 30px -16px rgba(80,60,20,.45),inset 0 1px 0 #fff !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-landing-cta-footer-bg{ display:none !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-landing-cta-footer h3{
  color:#2f2a22 !important; text-shadow:none !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-landing-cta-footer h3 span{
  background:none !important;
  -webkit-background-clip:unset !important; background-clip:unset !important;
  -webkit-text-fill-color:#0e7490 !important; color:#0e7490 !important;
  text-shadow:none !important; filter:none !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-landing-cta-footer p{ color:#5a5142 !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-landing-cta-footer p strong{ color:#9f1239 !important; }
html.theme-skeuo.ae-dark-mode .sp-landing-cta-footer{
  background:linear-gradient(180deg,var(--sk-walnut1),var(--sk-walnut2)) !important;
  border:1px solid var(--sk-walnut-bd) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.10),0 12px 28px -14px rgba(0,0,0,.7) !important; }
html.theme-skeuo.ae-dark-mode .sp-landing-cta-footer h3{ color:#f1e6cd !important; text-shadow:0 1px 2px rgba(0,0,0,.5); }
html.theme-skeuo.ae-dark-mode .sp-landing-cta-footer h3 span{
  background:linear-gradient(90deg,#8de8f2 0%,#fda4af 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:#8de8f2 !important;
  text-shadow:none !important; filter:none !important;
}
html.theme-skeuo.ae-dark-mode .sp-landing-cta-footer p{ color:#cbbf9e !important; }
html.theme-skeuo.ae-dark-mode .sp-landing-cta-footer p strong{ color:#fda4af !important; }

/* How-it-works strong tags on cream cards */
html.theme-skeuo:not(.ae-dark-mode) .sp-how-step p strong{ color:#0e7490 !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-how-step h3{ color:#2f2a22 !important; text-shadow:0 1px 0 #fff; }
html.theme-skeuo:not(.ae-dark-mode) .sp-how-step p{ color:#5a5142 !important; }
html.theme-skeuo.ae-dark-mode .sp-how-step h3{ color:#f1e6cd !important; }
html.theme-skeuo.ae-dark-mode .sp-how-step p{ color:#cbbf9e !important; }
html.theme-skeuo.ae-dark-mode .sp-how-step p strong{ color:#8de8f2 !important; }

/* ═══ LEADERBOARD — gel score pills + cream/walnut cards ═══ */
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-card,
html.theme-skeuo:not(.ae-dark-mode) .sp-podium-stage{
  background:linear-gradient(180deg,var(--sk-cream1),var(--sk-cream2)) !important;
  border:1px solid var(--sk-cream-bd) !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 14px 30px -16px rgba(80,60,20,.45),inset 0 1px 0 #fff !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-card-name,
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-list-title{ color:#2f2a22 !important; text-shadow:0 1px 0 #fff; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-card-rank,
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-card-band-label,
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-card-sessions{ color:#7a6f5a !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-podium-name-v2{ color:#2f2a22 !important; text-shadow:0 1px 0 #fff; }
html.theme-skeuo:not(.ae-dark-mode) .sp-stats--gold{ background:linear-gradient(180deg,#FCD34D,#F59E0B) !important; color:#3a2a12 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 12px rgba(180,120,20,.35) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-stats--silver{ background:linear-gradient(180deg,#E5E7EB,#9CA3AF) !important; color:#1F2937 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 12px rgba(80,80,90,.25) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-stats--bronze{ background:linear-gradient(180deg,#FDA163,#B45309) !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 12px rgba(120,60,10,.35) !important; }
html.theme-skeuo .sp-band-badge{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 3px rgba(0,0,0,.22) !important;
  border:1px solid rgba(0,0,0,.10) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-band-badge--ghost{
  background:linear-gradient(180deg,#faf8f2,#ece6d4) !important;
  border:1px dashed #d3c7a6 !important; color:#5a5142 !important;
  box-shadow:inset 0 2px 4px rgba(120,90,40,.14) !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-card,
html.theme-skeuo.ae-dark-mode .sp-podium-stage{
  background:linear-gradient(180deg,var(--sk-walnut1),var(--sk-walnut2)) !important;
  border:1px solid var(--sk-walnut-bd) !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.10),0 12px 28px -14px rgba(0,0,0,.7) !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-card-name,
html.theme-skeuo.ae-dark-mode .sp-lb-list-title{ color:#f1e6cd !important; text-shadow:0 1px 2px rgba(0,0,0,.5); }
html.theme-skeuo.ae-dark-mode .sp-lb-card-rank,
html.theme-skeuo.ae-dark-mode .sp-lb-card-band-label,
html.theme-skeuo.ae-dark-mode .sp-lb-card-sessions{ color:#b3a684 !important; }
html.theme-skeuo.ae-dark-mode .sp-podium-name-v2{ color:#f1e6cd !important; text-shadow:0 1px 2px rgba(0,0,0,.5); }
html.theme-skeuo.ae-dark-mode .sp-band-badge{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 4px rgba(0,0,0,.45) !important;
  border:1px solid rgba(0,0,0,.22) !important; text-shadow:none !important; }
/* Lịch sử: gel badge chữ tối trên nền sáng — không pastel mờ + chữ sáng */
html.theme-skeuo.ae-dark-mode .sp-history-table .sp-band-badge,
html.theme-skeuo.ae-dark-mode .sp-attempt-item-band .sp-band-badge{
  min-width:40px; padding:5px 11px !important;
  font-weight:800 !important; letter-spacing:.01em;
}
html.theme-skeuo.ae-dark-mode .sp-band-badge--ghost{
  background:linear-gradient(180deg,#3a3329,#2a2419) !important;
  border:1px dashed rgba(255,214,150,.24) !important; color:#ece2cc !important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.35) !important; }
html.theme-skeuo.ae-dark-mode .sp-stats--gold{ background:linear-gradient(180deg,#FCD34D,#F59E0B) !important; color:#3a2a12 !important; }
html.theme-skeuo.ae-dark-mode .sp-stats--silver{ background:linear-gradient(180deg,#E5E7EB,#9CA3AF) !important; color:#1F2937 !important; }
html.theme-skeuo.ae-dark-mode .sp-stats--bronze{ background:linear-gradient(180deg,#FDA163,#B45309) !important; color:#fff !important; }

/* Hero banner — brass plaque (light) / walnut hall (dark) */
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-hero{
  background:linear-gradient(180deg,#fff7e0,#ffefc2) !important;
  border:1px solid #e9d290 !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 20px 40px -16px rgba(80,60,20,.5),inset 0 1px 0 #fff !important;
  color:#3a2f1a !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-hero-orb{ opacity:.18 !important; filter:blur(50px); }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-hero-title{
  font-family:var(--sk-serif) !important;
  background:none !important; -webkit-text-fill-color:#5c3d0a !important; color:#5c3d0a !important;
  text-shadow:0 1px 0 #fff !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-hero-sub{ color:#7a5a1e !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-trophy{
  color:#c89b40 !important; filter:drop-shadow(0 3px 6px rgba(120,80,10,.45)) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-stat{
  background:linear-gradient(180deg,#fdfdfd,#dcdcde) !important;
  border:1px solid #b3b3b5 !important;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(0,0,0,.18) !important;
  backdrop-filter:none !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-stat-value{ color:#5c3d0a !important; text-shadow:0 1px 0 #fff; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-stat-value--purple{ color:#0e7490 !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-stat-label{ color:#9a7a18 !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-stat--me{
  background:linear-gradient(180deg,#e6fbff,#c9f1f6) !important;
  border:1px solid #9fdfe7 !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-hero{
  background:linear-gradient(180deg,#3a3329,#2a2419) !important;
  border:1px solid rgba(255,214,150,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,222,172,.12),0 20px 40px -16px rgba(0,0,0,.65) !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-hero-orb{ opacity:.12 !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-hero-title{
  font-family:var(--sk-serif) !important;
  background:none !important; -webkit-text-fill-color:#f4d98a !important; color:#f4d98a !important;
  text-shadow:0 1px 3px rgba(0,0,0,.55) !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-hero-sub{ color:#cbbf9e !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-trophy{ color:#f4d98a !important; filter:drop-shadow(0 3px 8px rgba(0,0,0,.5)) !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-stat{
  background:linear-gradient(180deg,#332b1c,#271f12) !important;
  border:1px solid rgba(255,200,110,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 5px rgba(0,0,0,.45) !important;
  backdrop-filter:none !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-stat-value{ color:#ffd9a0 !important; text-shadow:0 1px 2px rgba(0,0,0,.4); }
html.theme-skeuo.ae-dark-mode .sp-lb-stat-value--purple{ color:#8de8f2 !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-stat-label{ color:#b3a684 !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-stat--me{
  background:linear-gradient(180deg,#123a42,#0e2c33) !important;
  border:1px solid rgba(141,232,242,.22) !important; }

/* Podium top 3 — 3D blocks + gel medal rings */
html.theme-skeuo:not(.ae-dark-mode) .sp-podium-confetti::before,
html.theme-skeuo:not(.ae-dark-mode) .sp-podium-confetti::after{ opacity:.15 !important; }
html.theme-skeuo .sp-podium-stats-card{
  border:1px solid rgba(0,0,0,.14) !important;
  box-shadow:inset 0 -8px 18px rgba(0,0,0,.14),0 6px 16px rgba(0,0,0,.22) !important;
  border-radius:14px 14px 0 0 !important; }
html.theme-skeuo .sp-podium-block-v2{
  border:1px solid rgba(0,0,0,.18) !important;
  box-shadow:inset 0 5px 12px rgba(0,0,0,.28),0 10px 22px -6px rgba(0,0,0,.4) !important; }
html.theme-skeuo .sp-podium-block-num{ text-shadow:0 2px 5px rgba(0,0,0,.55) !important; }
html.theme-skeuo .sp-block--gold{
  background:linear-gradient(180deg,#FCD34D 0%,#F59E0B 55%,#B45309 100%) !important;
  border-color:#8d6822 !important; }
html.theme-skeuo .sp-block--silver{
  background:linear-gradient(180deg,#F3F4F6 0%,#9CA3AF 55%,#4B5563 100%) !important; }
html.theme-skeuo .sp-block--bronze{
  background:linear-gradient(180deg,#FDA163 0%,#B45309 55%,#78350F 100%) !important; }
html.theme-skeuo .sp-ring--gold{
  border:1px solid #c89b40 !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.75),0 6px 16px rgba(180,120,20,.45) !important; }
html.theme-skeuo .sp-ring--silver{
  border:1px solid #9ca3af !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 5px 14px rgba(80,80,90,.35) !important; }
html.theme-skeuo .sp-ring--bronze{
  border:1px solid #b45309 !important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 5px 14px rgba(120,60,10,.4) !important; }
html.theme-skeuo .sp-podium-avatar-v2{
  border:3px solid #fff !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.2) !important; }
html.theme-skeuo .sp-podium-crown-v2{ filter:drop-shadow(0 3px 8px rgba(0,0,0,.45)) !important; }
html.theme-skeuo .sp-rank--gold svg{ filter:drop-shadow(0 3px 6px rgba(180,120,20,.5)) !important; }
html.theme-skeuo .sp-rank--silver svg{ filter:drop-shadow(0 3px 6px rgba(100,100,110,.4)) !important; }
html.theme-skeuo .sp-rank--bronze svg{ filter:drop-shadow(0 3px 6px rgba(120,60,10,.45)) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-tier{
  background:linear-gradient(180deg,#fff7e0,#ffefc2) !important;
  border:1px solid #e9d290 !important; color:#7a5a1e !important;
  box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(120,90,30,.2) !important; border-radius:999px !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-tier{
  background:linear-gradient(180deg,#332b1c,#271f12) !important;
  border:1px solid rgba(255,200,110,.22) !important; color:#ffd9a0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 3px rgba(0,0,0,.4) !important; }

/* Empty leaderboard — cream/walnut panel + brass trophy medallion */
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-empty-v2{
  background:linear-gradient(180deg,var(--sk-cream1),var(--sk-cream2)) !important;
  border:1px solid var(--sk-cream-bd) !important;
  box-shadow:0 1px 1px rgba(0,0,0,.10),0 14px 30px -16px rgba(80,60,20,.45),inset 0 1px 0 #fff !important;
  border-radius:16px !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-empty-v2{
  background:linear-gradient(180deg,#2f2820,#241e16) !important;
  border:1px solid rgba(255,214,150,.12) !important;
  box-shadow:0 14px 28px -16px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,224,170,.05) !important;
  border-radius:16px !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-empty-v2 h3{
  font-family:var(--sk-serif) !important; color:#2f2a22 !important; text-shadow:0 1px 0 #fff; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-empty-v2 p{ color:#5a5142 !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-empty-v2 h3{
  font-family:var(--sk-serif) !important; color:#f1e6cd !important; text-shadow:0 1px 2px rgba(0,0,0,.5); }
html.theme-skeuo.ae-dark-mode .sp-lb-empty-v2 p{ color:#cbbf9e !important; }
html.theme-skeuo .sp-lb-empty-icon{
  width:88px !important; height:88px !important; margin:0 auto 20px !important;
  display:grid !important; place-items:center !important; border-radius:50% !important;
  opacity:1 !important; animation:sp-lb-trophy-bob 3s ease-in-out infinite; }
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-empty-icon{
  background:radial-gradient(circle at 35% 28%,#fff8dc,#f4d98a 42%,#c89b40 78%,#a87c2a) !important;
  border:2px solid #c89b40 !important;
  box-shadow:inset 0 2px 4px rgba(255,255,255,.85),inset 0 -4px 8px rgba(120,80,10,.45),0 6px 16px rgba(120,80,10,.4) !important;
  color:#8d6822 !important; }
html.theme-skeuo.ae-dark-mode .sp-lb-empty-icon{
  background:radial-gradient(circle at 35% 28%,#5a4a28,#c89b40 45%,#8d6822 80%,#5c3e12) !important;
  border:2px solid rgba(255,210,130,.45) !important;
  box-shadow:inset 0 2px 4px rgba(255,224,170,.25),inset 0 -4px 10px rgba(0,0,0,.5),0 8px 20px rgba(0,0,0,.55) !important;
  color:#ffd9a0 !important; }
html.theme-skeuo .sp-lb-empty-icon svg{
  width:44px !important; height:44px !important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) !important; stroke-width:2 !important; }

/* Processing spinner + leaderboard loading — brass gel dial (flat purple ring trên gỗ) */
html.theme-skeuo .sp-processing-spinner{
  width:48px !important; height:48px !important; border-radius:50% !important;
  animation:spin .8s linear infinite !important; box-sizing:border-box !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-processing-spinner{
  border:4px solid #d4cbb8 !important;
  border-top-color:#c89b40 !important; border-left-color:#e6bc78 !important;
  background:radial-gradient(circle at 50% 38%,#fffefb,#ece6d4 68%,#d8cdb0) !important;
  box-shadow:inset 0 3px 7px rgba(120,90,40,.22),0 3px 8px rgba(80,60,20,.18) !important;
}
html.theme-skeuo.ae-dark-mode .sp-processing-spinner{
  border:4px solid #3a3026 !important;
  border-top-color:#e6bc78 !important; border-left-color:#c89b40 !important;
  background:radial-gradient(circle at 50% 38%,#3d3528,#2a2218 70%,#1a140e) !important;
  box-shadow:inset 0 3px 9px rgba(0,0,0,.55),0 3px 10px rgba(0,0,0,.4) !important;
}
html.theme-skeuo .sp-processing-spinner--lg{
  width:56px !important; height:56px !important; border-width:5px !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-loading{
  background:linear-gradient(180deg,var(--sk-cream1),var(--sk-cream2)) !important;
  border:1px solid var(--sk-cream-bd) !important; border-radius:16px !important;
  box-shadow:0 1px 1px rgba(0,0,0,.08),0 14px 30px -16px rgba(80,60,20,.4),inset 0 1px 0 #fff !important;
  color:#5a5142 !important; margin:16px 0 !important;
}
html.theme-skeuo.ae-dark-mode .sp-lb-loading{
  background:linear-gradient(180deg,var(--sk-walnut1),var(--sk-walnut2)) !important;
  border:1px solid var(--sk-walnut-bd) !important; border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,236,196,.08),0 14px 28px -14px rgba(0,0,0,.7) !important;
  color:#cbbf9e !important; margin:16px 0 !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-lb-loading p,
html.theme-skeuo:not(.ae-dark-mode) .sp-processing-text{
  color:#5a5142 !important; font-size:1rem !important; text-shadow:0 1px 0 #fff !important;
}
html.theme-skeuo.ae-dark-mode .sp-lb-loading p,
html.theme-skeuo.ae-dark-mode .sp-processing-text{
  color:#cbbf9e !important; text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
}

/* ── Mock-test recorder: căn giữa THẲNG HÀNG với khung TV giám khảo ──
   LƯU Ý: display KHÔNG được !important — element có x-show (Alpine ẩn bằng inline
   display:none), !important sẽ đè → timer + "Xong câu này" hiện cả khi giám khảo đang đọc. */
html.theme-skeuo .sp-mock-recorder{
  display:flex; flex-direction:column !important; align-items:center !important;
  gap:14px !important; width:100% !important; max-width:420px !important; margin:0 auto !important;
}
html.theme-skeuo .sp-mock-recorder .sp-waveform{ justify-content:center !important; width:100% !important; }
html.theme-skeuo .sp-mock-timer,
html.theme-skeuo .sp-mock-timer-hint{ text-align:center !important; width:100% !important; }

/* ── Chữ meta/hint trên NỀN GỖ (mock test + kết quả): xám gray-400/500 chìm vào gỗ →
   đổi kem ấm + shadow tối. CHỈ scope trong mock (kết quả practice nằm trên panel trắng, không đụng). ── */
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-overall-meta{ color:#f4e8ca !important; text-shadow:0 1px 2px rgba(60,35,10,.6) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-q-count{ color:#e9d6a6 !important; text-shadow:0 1px 2px rgba(60,35,10,.55) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-overall-score .sp-result-score{ color:#fdf6e0 !important; text-shadow:0 2px 3px rgba(60,35,10,.65) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-overall-score .sp-result-score-sub{ color:#eeddb4 !important; text-shadow:0 1px 2px rgba(60,35,10,.55) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-timer-hint{ color:#e9d6a6 !important; text-shadow:0 1px 2px rgba(60,35,10,.5) !important; }
html.theme-skeuo.ae-dark-mode .sp-mock-overall-meta,
html.theme-skeuo.ae-dark-mode .sp-mock-q-count,
html.theme-skeuo.ae-dark-mode .sp-mock-overall-score .sp-result-score,
html.theme-skeuo.ae-dark-mode .sp-mock-overall-score .sp-result-score-sub,
html.theme-skeuo.ae-dark-mode .sp-mock-timer-hint{ color:#e4d4ac !important; text-shadow:0 1px 2px rgba(0,0,0,.55) !important; }
html.theme-skeuo .sp-stop-btn--large{ margin:0 auto !important; }

/* ── Spinner vòng tròn xoay → viền đồng thau (skeuo) thay xám/tím phẳng ── */
html.theme-skeuo:not(.ae-dark-mode) .sp-transition-spinner,
html.theme-skeuo:not(.ae-dark-mode) .sp-processing-spinner{
  border-color:rgba(140,110,50,.22) !important; border-top-color:#c89b40 !important;
  box-shadow:inset 0 0 0 1px rgba(255,250,224,.4) !important;
}
html.theme-skeuo.ae-dark-mode .sp-transition-spinner,
html.theme-skeuo.ae-dark-mode .sp-processing-spinner{
  border-color:rgba(255,214,150,.14) !important; border-top-color:#e0b64e !important;
}
html.theme-skeuo:not(.ae-dark-mode) .sp-prepare-ring .sp-ring-bg{ stroke:rgba(140,110,50,.2) !important; }
html.theme-skeuo.ae-dark-mode .sp-prepare-ring .sp-ring-bg{ stroke:rgba(255,214,150,.12) !important; }
html.theme-skeuo .sp-prepare-num{ font-family:'Be Vietnam Pro',sans-serif !important; }

/* ── Màn chấm điểm: chữ dễ đọc trên gỗ + thanh tiến trình đồng thau (hết xám obscure) ── */
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-processing h2{ color:#4a3520 !important; text-shadow:0 1px 0 rgba(255,250,224,.55) !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-processing p,
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-grade-label{ color:#6a5030 !important; font-weight:600 !important; text-shadow:0 1px 0 rgba(255,250,224,.45) !important; }
html.theme-skeuo.ae-dark-mode .sp-mock-processing h2{ color:#f0e2c2 !important; text-shadow:0 1px 2px rgba(0,0,0,.5) !important; }
html.theme-skeuo.ae-dark-mode .sp-mock-processing p,
html.theme-skeuo.ae-dark-mode .sp-mock-grade-label{ color:#cbbf9e !important; text-shadow:0 1px 2px rgba(0,0,0,.45) !important; }
html.theme-skeuo .sp-mock-grade-progress{ height:12px !important; border-radius:999px !important; overflow:hidden !important; }
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-grade-progress{ background:linear-gradient(180deg,#cbb898,#e8dabb) !important; border:1px solid rgba(120,90,40,.42) !important; box-shadow:inset 0 2px 4px rgba(80,55,15,.4),0 1px 0 rgba(255,250,224,.5) !important; }
html.theme-skeuo.ae-dark-mode .sp-mock-grade-progress{ background:#241e16 !important; border:1px solid rgba(255,214,150,.16) !important; box-shadow:inset 0 2px 5px rgba(0,0,0,.55) !important; }
html.theme-skeuo .sp-mock-grade-fill{ background:linear-gradient(180deg,#f4d98a,#c89b40 55%,#a87c2a) !important; box-shadow:inset 0 1px 0 rgba(255,250,224,.7),inset 0 -2px 4px rgba(90,60,10,.35) !important; }
/* Transition message giữa các câu — cùng tông chữ ấm */
html.theme-skeuo:not(.ae-dark-mode) .sp-mock-transition{ color:#6a5030 !important; text-shadow:0 1px 0 rgba(255,250,224,.45) !important; }
html.theme-skeuo.ae-dark-mode .sp-mock-transition{ color:#cbbf9e !important; }

/* ── MOBILE (≤1024px): KHÔNG hiện nút thu/mở sidebar (bản plate kim loại) — mobile có
   drawer riêng. Rule desktop `html.theme-skeuo body.sp-sidebar-collapsed .sp-sidebar-expand
   {display:flex !important}` (dòng ~1867) specificity CAO HƠN media query trong speaking.css
   → nút "ổ khoá" nổi lơ lửng trên mobile skeuo. Đè lại tại đây với specificity ≥. ── */
@media (max-width: 1024px){
  html.theme-skeuo .sp-sidebar-collapse,
  html.theme-skeuo .sp-sidebar-expand,
  html.theme-skeuo body.sp-sidebar-collapsed .sp-sidebar-expand,
  html.theme-skeuo.ae-dark-mode body.sp-sidebar-collapsed .sp-sidebar-expand{ display:none !important; }
  /* Drawer mobile ĐANG MỞ → hiện plate ổ khoá skeuo ở mép drawer để ĐÓNG */
  html.theme-skeuo body.sp-sidebar-open .sp-sidebar-collapse{ display:flex !important; z-index:101 !important; }
}