/**
 * Public dark (default) vs light mode — body[data-theme="light"].
 * Load after mobile-theme.css so shell + home tokens stay consistent.
 */

/* —— Legacy public-layout variables —— */
[data-theme="light"] {
    --bg-color: #f1f5f9;
    --glass-bg: rgba(255, 255, 255, 0.88);
    --glass-border: rgba(15, 23, 42, 0.1);
    --text-color: #0f172a;
    --text-muted: #64748b;
}

body[data-theme="light"] {
    --header-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.95) 100%);
    --header-border-glow: rgba(15, 23, 42, 0.1);
    --header-sub-bg: rgba(248, 250, 252, 0.75);
    --nav-pill-active-text: #1e3a8a;
    --nav-pill-active-bg: rgba(59, 130, 246, 0.12);
    --nav-pill-active-border: rgba(37, 99, 235, 0.35);
    --nav-pill-active-shadow: 0 0 20px rgba(37, 99, 235, 0.12);
    --platform-chip-bg: rgba(15, 23, 42, 0.05);
    --platform-chip-border: rgba(15, 23, 42, 0.1);
    --hot-badge-bg: linear-gradient(135deg, #dc2626, #991b1b);
    --hot-badge-text: #fef2f2;

    /* Home sections: light cards (overrides classic + midnight preset chrome) */
    --home-section-surface: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    --home-section-border: rgba(15, 23, 42, 0.1);
    --home-section-box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    --home-section-panel-radials: radial-gradient(ellipse 75% 55% at 100% 0%, rgba(59, 130, 246, 0.08), transparent 55%),
        radial-gradient(ellipse 55% 40% at 0% 100%, rgba(99, 102, 241, 0.06), transparent 50%);
    --home-section-trend-accent-bg: linear-gradient(180deg, #38bdf8 0%, #2563eb 50%, #1d4ed8 100%);
    --home-section-trend-accent-shadow: 0 0 12px rgba(37, 99, 235, 0.25);
    --home-section-latest-title-gradient: linear-gradient(100deg, #0f172a 12%, #1e40af 48%, #2563eb 88%);
    --home-section-latest-meta-color: rgba(51, 65, 85, 0.85);
    --home-section-latest-cta-color: #f8fafc;
    --home-section-latest-cta-bg: linear-gradient(135deg, #2563eb, #1d4ed8);
    --home-section-latest-cta-border: rgba(37, 99, 235, 0.35);
    --home-section-latest-cta-shadow: 0 8px 28px rgba(37, 99, 235, 0.22);
    --home-section-latest-cta-hover-border: rgba(59, 130, 246, 0.55);
    --home-section-latest-cta-hover-shadow: 0 12px 36px rgba(37, 99, 235, 0.3);
    --home-section-trend-scrollbar-thumb: linear-gradient(90deg, #2563eb, #38bdf8);
    --home-section-trend-scrollbar-pair: rgba(59, 130, 246, 0.45) rgba(241, 245, 249, 0.9);
    --home-section-trend-top-card-shadow: 0 18px 48px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.06);
    --home-section-trend-ribbon-bg: linear-gradient(135deg, #dbeafe, #60a5fa);
    --home-section-trend-ribbon-color: #0f172a;
    --home-section-trend-card-border: rgba(15, 23, 42, 0.08);
    --home-section-trend-card-shadow: 0 14px 40px rgba(15, 23, 42, 0.1);
    --home-section-trend-card-border-hover: rgba(59, 130, 246, 0.35);
    --home-section-trend-card-shadow-hover: 0 22px 52px rgba(15, 23, 42, 0.14), 0 0 0 1px rgba(37, 99, 235, 0.15);
    --home-section-trend-rank-bg: rgba(255, 255, 255, 0.92);
    --home-section-trend-rank-border: rgba(15, 23, 42, 0.12);
    --home-section-trend-rank-color: #0f172a;
    --home-section-trend-overlay-gradient: linear-gradient(to top, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.35) 50%, transparent 100%);
    --home-section-trend-title-color: rgba(248, 250, 252, 0.96);
    --home-section-trend-meta-color: rgba(226, 232, 240, 0.88);
    --home-section-trend-pill-bg: rgba(15, 23, 42, 0.45);
    --home-section-trend-pill-border: rgba(255, 255, 255, 0.2);
    --home-section-trend-pill-color: #f1f5f9;
    --home-section-trend-views-color: rgba(226, 232, 240, 0.95);
    --home-section-pagination-bg: rgba(255, 255, 255, 0.9);
    --home-section-pagination-color: #334155;
    --home-section-pagination-border: rgba(15, 23, 42, 0.12);
    --home-section-pagination-active-bg: linear-gradient(135deg, #2563eb, #1d4ed8);
    --home-section-pagination-active-border: rgba(37, 99, 235, 0.45);
    --home-section-pagination-active-color: #f8fafc;
    --home-section-pagination-active-shadow: 0 8px 24px rgba(37, 99, 235, 0.28);

    background-color: var(--bg-color, #f1f5f9);
    background-image:
        radial-gradient(ellipse 100% 70% at 50% -15%, rgba(59, 130, 246, 0.07), transparent 52%),
        radial-gradient(ellipse 55% 45% at 100% 0%, rgba(99, 102, 241, 0.05), transparent 48%),
        radial-gradient(ellipse 50% 40% at 0% 100%, rgba(14, 165, 233, 0.04), transparent 50%);
    color: var(--text-color, #0f172a);
}

.ui-nova body[data-theme="light"] {
    --shell-bg: #f1f5f9;
    --shell-surface: rgba(255, 255, 255, 0.92);
    --shell-border: rgba(15, 23, 42, 0.1);
    --shell-text: #0f172a;
    --shell-muted: #64748b;
    background-color: var(--shell-bg);
    background-image:
        radial-gradient(ellipse 90% 55% at 50% -18%, rgba(59, 130, 246, 0.08), transparent 55%),
        radial-gradient(ellipse 55% 42% at 100% 0%, rgba(99, 102, 241, 0.06), transparent 46%),
        radial-gradient(ellipse 50% 38% at 0% 100%, rgba(14, 165, 233, 0.05), transparent 50%);
    color: var(--shell-text);
}

body[data-theme="light"] .shell-header.shell-header--desi {
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08), inset 0 -1px 0 rgba(15, 23, 42, 0.06);
}

body[data-theme="light"] .shell-header__sub {
    border-top-color: rgba(15, 23, 42, 0.06);
}

body[data-theme="light"] .shell-brand {
    color: #0f172a;
}

body[data-theme="light"] .shell-header--desi .shell-brand__accent {
    color: var(--shell-accent, #2563eb);
}

body[data-theme="light"] .shell-nav a {
    color: #475569;
}

body[data-theme="light"] .shell-nav a:hover {
    color: #0f172a;
    background: rgba(59, 130, 246, 0.08);
    border-color: rgba(37, 99, 235, 0.15);
}

body[data-theme="light"] .shell-nav-toggle {
    border-color: rgba(15, 23, 42, 0.12);
    background: linear-gradient(145deg, #ffffff, #f1f5f9);
    color: #0f172a;
    box-shadow: 2px 2px 8px rgba(15, 23, 42, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.9);
}

body[data-theme="light"] .shell-icon-btn {
    border-color: rgba(15, 23, 42, 0.1);
    background: linear-gradient(145deg, #ffffff, #e2e8f0);
    color: #0f172a;
    box-shadow: 2px 2px 8px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

body[data-theme="light"] .shell-search-wrap .search-icon {
    color: #64748b;
}

body[data-theme="light"] .shell-search-wrap .search-input {
    color: #0f172a;
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(15, 23, 42, 0.12);
}

body[data-theme="light"] .shell-search-wrap .search-input:focus {
    background: #fff;
    border-color: var(--shell-accent, #2563eb);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--shell-accent, #2563eb) 14%, transparent);
}

body[data-theme="light"] .shell-search-wrap .search-input::placeholder {
    color: #94a3b8;
}

body[data-theme="light"] .shell-drawer-overlay {
    background: rgba(15, 23, 42, 0.35);
}

body[data-theme="light"] .shell-drawer.shell-drawer--pro {
    border-right-color: rgba(15, 23, 42, 0.1);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8), 10px 0 40px rgba(15, 23, 42, 0.12);
}

body[data-theme="light"] .shell-drawer.shell-drawer--pro::before {
    background: radial-gradient(ellipse 85% 50% at 50% -5%, rgba(59, 130, 246, 0.08), transparent 58%),
        radial-gradient(ellipse 55% 35% at 100% 100%, rgba(99, 102, 241, 0.05), transparent 50%);
}

body[data-theme="light"] .shell-drawer--pro .shell-drawer__head {
    border-bottom-color: rgba(15, 23, 42, 0.08);
}

body[data-theme="light"] .shell-drawer__eyebrow {
    color: #64748b;
}

body[data-theme="light"] .shell-drawer__title {
    color: #0f172a;
}

body[data-theme="light"] .shell-drawer--pro .shell-drawer__close {
    border-color: rgba(15, 23, 42, 0.12);
    background: rgba(241, 245, 249, 0.95);
    color: #334155;
}

body[data-theme="light"] .shell-drawer--pro .shell-drawer__nav a {
    color: #334155;
    border-color: rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.65);
}

body[data-theme="light"] .shell-drawer--pro .shell-drawer__nav a:hover {
    color: #0f172a;
    background: rgba(59, 130, 246, 0.08);
    border-color: rgba(37, 99, 235, 0.15);
}

body[data-theme="light"] .shell-drawer--pro .shell-drawer__nav a.active {
    color: #1e3a8a;
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(37, 99, 235, 0.28);
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.08);
}

body[data-theme="light"] .shell-drawer--pro .shell-drawer__nav a.active i {
    background: rgba(59, 130, 246, 0.15);
    border-color: rgba(37, 99, 235, 0.2);
    color: #1d4ed8;
}

body[data-theme="light"] .shell-drawer--pro .shell-drawer__nav a i {
    background: rgba(241, 245, 249, 0.95);
    border-color: rgba(15, 23, 42, 0.08);
    color: #64748b;
}

body[data-theme="light"] .shell-footer {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.95) 0%, #e2e8f0 100%);
    border-top-color: rgba(15, 23, 42, 0.08);
}

body[data-theme="light"] .shell-footer .shell-brand {
    color: #0f172a;
}

body[data-theme="light"] .shell-footer .shell-brand:hover {
    color: #0f172a;
}

body[data-theme="light"] .shell-bottom-nav {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(15, 23, 42, 0.1);
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);
}

body[data-theme="light"] .shell-platform-strip__label {
    color: #64748b;
}

body[data-theme="light"] .shell-platform-chip {
    color: #334155;
}

body[data-theme="light"] .shell-platform-chip:hover {
    color: #0f172a;
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(37, 99, 235, 0.22);
}

body[data-theme="light"] .shell-header__pills .pill,
body[data-theme="light"] .shell-chips .pill {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(15, 23, 42, 0.12);
    color: #475569;
}

body[data-theme="light"] .shell-header__pills .pill:hover,
body[data-theme="light"] .shell-header__pills .pill.active,
body[data-theme="light"] .shell-chips .pill:hover,
body[data-theme="light"] .shell-chips .pill.active {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    border-color: rgba(37, 99, 235, 0.35);
    color: #f8fafc;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.25);
}

/* Mobile search sheet */
body[data-theme="light"] .search-overlay--sheet .search-overlay__scrim {
    background: rgba(15, 23, 42, 0.35);
}

body[data-theme="light"] .search-overlay--sheet .search-overlay__panel {
    box-shadow: 0 -20px 60px rgba(15, 23, 42, 0.12);
}

body[data-theme="light"] .search-overlay--sheet .search-overlay__panel::before {
    background: radial-gradient(ellipse 85% 55% at 100% 0%, rgba(59, 130, 246, 0.1), transparent 52%);
}

body[data-theme="light"] .search-overlay__handle {
    background: rgba(15, 23, 42, 0.15);
}

body[data-theme="light"] .search-overlay--sheet .search-box-wrapper input {
    border-color: rgba(15, 23, 42, 0.12);
    background: rgba(248, 250, 252, 0.98);
    color: #0f172a;
}

body[data-theme="light"] .search-overlay--sheet .search-box-wrapper input:focus {
    border-color: rgba(37, 99, 235, 0.45);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

body[data-theme="light"] .search-overlay--sheet .search-box-wrapper input::placeholder {
    color: #94a3b8;
}

body[data-theme="light"] .search-overlay--sheet .search-overlay__icon-btn {
    border-color: rgba(15, 23, 42, 0.1);
    background: linear-gradient(145deg, #2563eb, #1d4ed8);
    color: #f8fafc;
}

body[data-theme="light"] .search-overlay--sheet .search-overlay__icon-btn--close {
    background: rgba(241, 245, 249, 0.95);
    color: #64748b;
    border-color: rgba(15, 23, 42, 0.1);
}

body[data-theme="light"] .search-overlay--sheet .mobile-search-results .search-result-item {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(15, 23, 42, 0.1);
}

body[data-theme="light"] .search-overlay--sheet .mobile-search-results .search-result-item:hover {
    background: rgba(239, 246, 255, 0.98);
    border-color: rgba(59, 130, 246, 0.25);
}

/* Contact / prose */
body[data-theme="light"] .prose-panel {
    color: #475569;
}

body[data-theme="light"] .shell-contact__card {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
}

/* —— lists.php (categories / platforms / tags / series) —— */
body[data-theme="light"] .ui-lists .az-filter {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
}

body[data-theme="light"] .ui-lists .az-link {
    color: #334155;
}

body[data-theme="light"] .ui-lists .az-link:hover,
body[data-theme="light"] .ui-lists .az-link.active {
    color: #f8fafc;
}

body[data-theme="light"] .ui-lists > h1 {
    background: none !important;
    -webkit-text-fill-color: #0f172a !important;
    color: #0f172a !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
}

body[data-theme="light"] .ui-lists .series-card {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(15, 23, 42, 0.1);
}

body[data-theme="light"] .ui-lists .series-card:hover {
    box-shadow: 0 16px 44px rgba(15, 23, 42, 0.12);
}

body[data-theme="light"] .ui-lists .series-info .series-title {
    color: #0f172a;
}

body[data-theme="light"] .ui-lists .series-card:hover .series-title {
    color: var(--shell-accent, #2563eb);
}

body[data-theme="light"] .ui-lists .pagination a {
    background: rgba(255, 255, 255, 0.95);
    color: #334155;
    border-color: rgba(15, 23, 42, 0.12);
}

body[data-theme="light"] .ui-lists .pagination a:hover,
body[data-theme="light"] .ui-lists .pagination a.active {
    color: #f8fafc;
}

/* Browse / trending / tags — shared .pagination-v2 (latest-home.css defaults are dark-warm) */
body[data-theme="light"] .pagination-v2 a {
    background: rgba(255, 255, 255, 0.92);
    color: #334155;
    border-color: rgba(15, 23, 42, 0.12);
}

/* —— trending.php period tabs —— */
body[data-theme="light"] .filter-tabs {
    background: rgba(15, 23, 42, 0.06);
    border-color: rgba(15, 23, 42, 0.1);
}

body[data-theme="light"] .filter-tab {
    color: #475569;
}

body[data-theme="light"] .filter-tab.active {
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.1);
}

body[data-theme="light"] .filter-tab:hover:not(.active) {
    color: #0f172a;
}

/* Page heading only — lists.php reuses .trending-title on slider thumb cards (must stay light on gradient). */
body[data-theme="light"] .trending-header .trending-title {
    color: var(--shell-text, #0f172a);
}

body[data-theme="light"] .browse-title {
    color: var(--shell-text, #0f172a);
}

/* Home hero (index) + uncutexrea hero — gradient text was white → invisible on light */
body[data-theme="light"] .hero-spotlight h1 {
    background: linear-gradient(100deg, #0f172a 20%, #1d4ed8 55%, #6366f1 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

body[data-theme="light"] .hero-spotlight p {
    color: #475569;
}

/* Legacy inline hero (uncutexrea index) */
body[data-theme="light"] .hero-content h1 {
    background: linear-gradient(to right, #0f172a, #2563eb, #6366f1) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Video watch page — light mode: re-tint --watch-* (loads after home-sections-presets.css) */
body[data-theme="light"] {
    --watch-backdrop-blur: 18px;
    --watch-backdrop-blur-mobile: 10px;
    --watch-breadcrumb-blur: 16px;
    --watch-page-radials: radial-gradient(ellipse 72% 55% at 100% 0%, rgba(14, 165, 233, 0.08), transparent 55%),
        radial-gradient(ellipse 50% 42% at 0% 100%, rgba(37, 99, 235, 0.05), transparent 52%);
    --watch-main-shell-bg: linear-gradient(168deg, #ffffff 0%, #f8fafc 46%, #f1f5f9 100%);
    --watch-main-shell-border: rgba(15, 23, 42, 0.09);
    --watch-main-shell-shadow: 0 24px 56px rgba(15, 23, 42, 0.09), 0 0 0 1px rgba(56, 189, 248, 0.06);
    --watch-main-shell-inset: inset 0 1px 0 rgba(255, 255, 255, 0.96);
    --watch-player-frame-border: rgba(15, 23, 42, 0.1);
    --watch-player-frame-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
    --watch-info-bg: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    --watch-title-gradient: linear-gradient(105deg, #0f172a 0%, #1e3a8a 42%, #0369a1 100%);
    --watch-title-fallback: #0f172a;
    --watch-title-accent-line: linear-gradient(90deg, #0ea5e9, rgba(56, 189, 248, 0.35), transparent);
    --watch-title-accent-glow: rgba(14, 165, 233, 0.18);
    --watch-meta-pill-bg: rgba(255, 255, 255, 0.96);
    --watch-meta-pill-border: rgba(59, 130, 246, 0.2);
    --watch-meta-pill-color: #1e3a8a;
    --watch-meta-pill-hover-border: rgba(56, 189, 248, 0.38);
    --watch-meta-pill-hover-color: #0f172a;
    --watch-panel-bg: linear-gradient(158deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.98) 100%);
    --watch-panel-border: rgba(15, 23, 42, 0.09);
    --watch-panel-shadow: 0 18px 44px rgba(15, 23, 42, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.92);
    --watch-panel-radials: radial-gradient(ellipse 80% 50% at 100% 0%, rgba(37, 99, 235, 0.06), transparent 55%);
    --watch-section-header-color: #0369a1;
    --watch-section-header-border: rgba(15, 23, 42, 0.08);
    --watch-story-color: #475569;
    --watch-breadcrumb-bg: rgba(255, 255, 255, 0.88);
    --watch-breadcrumb-border: rgba(15, 23, 42, 0.09);
    --watch-breadcrumb-chevron: #64748b;
    --watch-breadcrumb-current: #0f172a;
    --watch-info-row-border: rgba(15, 23, 42, 0.07);
    --watch-action-bg: rgba(255, 255, 255, 0.94);
    --watch-action-border: rgba(59, 130, 246, 0.14);
    --watch-action-color: #1e293b;
    --watch-action-hover-bg: rgba(241, 249, 255, 0.98);
    --watch-series-head-color: #0369a1;
    --watch-pill-btn-color: #1e40af;
    --watch-pill-btn-bg: rgba(219, 234, 254, 0.88);
    --watch-pill-btn-border: rgba(59, 130, 246, 0.28);
    --watch-quality-bg: rgba(219, 234, 254, 0.94);
    --watch-quality-color: #1e40af;
    --watch-quality-border: rgba(59, 130, 246, 0.3);
    --watch-hero-chip-bg: rgba(241, 245, 249, 0.95);
    --watch-hero-chip-border: rgba(15, 23, 42, 0.1);
    --watch-hero-chip-color: #334155;
    --watch-rail-eyebrow-color: #64748b;
    --watch-rail-title-color: #0369a1;
    --watch-rail-header-border: rgba(15, 23, 42, 0.08);
    --watch-rail-action-color: #0369a1;
    --watch-rail-action-border: rgba(59, 130, 246, 0.28);
    --watch-rail-action-bg: rgba(255, 255, 255, 0.9);
    --watch-story-strong: #0f172a;
}

body[data-theme="light"][data-home-sections-preset="midnight_blue"] {
    --watch-page-radials: radial-gradient(ellipse 72% 55% at 100% 0%, rgba(37, 99, 235, 0.1), transparent 56%),
        radial-gradient(ellipse 52% 42% at 0% 100%, rgba(14, 165, 233, 0.06), transparent 52%);
    --watch-main-shell-bg: linear-gradient(168deg, #ffffff 0%, #f8fafc 45%, #f1f5f9 100%);
    --watch-main-shell-border: rgba(15, 23, 42, 0.09);
    --watch-main-shell-shadow: 0 28px 60px rgba(15, 23, 42, 0.1), 0 0 0 1px rgba(37, 99, 235, 0.07);
    --watch-main-shell-inset: inset 0 1px 0 rgba(255, 255, 255, 0.98);
    --watch-info-bg: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    --watch-title-gradient: linear-gradient(105deg, #0f172a 0%, #1e40af 42%, #0369a1 100%);
    --watch-title-accent-line: linear-gradient(90deg, #2563eb, rgba(56, 189, 248, 0.38), transparent);
    --watch-title-accent-glow: rgba(37, 99, 235, 0.15);
    --watch-meta-pill-bg: rgba(241, 245, 249, 0.98);
    --watch-meta-pill-border: rgba(59, 130, 246, 0.22);
    --watch-meta-pill-color: #1e3a8a;
    --watch-meta-pill-hover-border: rgba(56, 189, 248, 0.4);
    --watch-meta-pill-hover-color: #0f172a;
    --watch-panel-bg: linear-gradient(158deg, rgba(255, 255, 255, 0.94) 0%, #f8fafc 100%);
    --watch-panel-radials: radial-gradient(ellipse 78% 52% at 100% 0%, rgba(37, 99, 235, 0.08), transparent 56%);
    --watch-section-header-color: #1d4ed8;
    --watch-story-color: #475569;
    --watch-breadcrumb-bg: rgba(255, 255, 255, 0.9);
    --watch-series-head-color: #2563eb;
    --watch-pill-btn-color: #1e40af;
    --watch-pill-btn-bg: rgba(219, 234, 254, 0.88);
    --watch-pill-btn-border: rgba(59, 130, 246, 0.32);
    --watch-quality-bg: rgba(219, 234, 254, 0.95);
    --watch-quality-color: #1e40af;
    --watch-quality-border: rgba(59, 130, 246, 0.32);
}

/* Same light watch chrome as midnight_blue — home Trending/Latest stay global light tokens */
body[data-theme="light"][data-home-sections-preset="shell_harmony"] {
    --watch-page-radials: radial-gradient(ellipse 72% 55% at 100% 0%, rgba(37, 99, 235, 0.1), transparent 56%),
        radial-gradient(ellipse 52% 42% at 0% 100%, rgba(14, 165, 233, 0.06), transparent 52%);
    --watch-main-shell-bg: linear-gradient(168deg, #ffffff 0%, #f8fafc 45%, #f1f5f9 100%);
    --watch-main-shell-border: rgba(15, 23, 42, 0.09);
    --watch-main-shell-shadow: 0 28px 60px rgba(15, 23, 42, 0.1), 0 0 0 1px rgba(37, 99, 235, 0.07);
    --watch-main-shell-inset: inset 0 1px 0 rgba(255, 255, 255, 0.98);
    --watch-info-bg: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    --watch-title-gradient: linear-gradient(105deg, #0f172a 0%, #1e40af 42%, #0369a1 100%);
    --watch-title-accent-line: linear-gradient(90deg, #2563eb, rgba(56, 189, 248, 0.38), transparent);
    --watch-title-accent-glow: rgba(37, 99, 235, 0.15);
    --watch-meta-pill-bg: rgba(241, 245, 249, 0.98);
    --watch-meta-pill-border: rgba(59, 130, 246, 0.22);
    --watch-meta-pill-color: #1e3a8a;
    --watch-meta-pill-hover-border: rgba(56, 189, 248, 0.4);
    --watch-meta-pill-hover-color: #0f172a;
    --watch-panel-bg: linear-gradient(158deg, rgba(255, 255, 255, 0.94) 0%, #f8fafc 100%);
    --watch-panel-radials: radial-gradient(ellipse 78% 52% at 100% 0%, rgba(37, 99, 235, 0.08), transparent 56%);
    --watch-section-header-color: #1d4ed8;
    --watch-story-color: #475569;
    --watch-breadcrumb-bg: rgba(255, 255, 255, 0.9);
    --watch-series-head-color: #2563eb;
    --watch-pill-btn-color: #1e40af;
    --watch-pill-btn-bg: rgba(219, 234, 254, 0.88);
    --watch-pill-btn-border: rgba(59, 130, 246, 0.32);
    --watch-quality-bg: rgba(219, 234, 254, 0.95);
    --watch-quality-color: #1e40af;
    --watch-quality-border: rgba(59, 130, 246, 0.32);
}

body[data-theme="light"] .ui-video .watch-rail-header__action:hover {
    color: #0f172a;
    background: rgba(219, 234, 254, 0.65);
    border-color: rgba(37, 99, 235, 0.35);
}

body[data-theme="light"] .ui-video .watch-desktop-top__episodes .watch-episodes-rail__btn {
    background: rgba(255, 255, 255, 0.82);
    border-color: rgba(15, 23, 42, 0.14);
    color: #0f172a;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 1),
        0 6px 16px rgba(15, 23, 42, 0.12);
}

body[data-theme="light"] .ui-video .watch-desktop-top__episodes .watch-episodes-rail__btn:hover:not(:disabled) {
    background: rgba(248, 250, 252, 0.95);
    border-color: rgba(37, 99, 235, 0.35);
    color: #0f172a;
}

body[data-theme="light"] .ui-video .watch-desktop-top__episodes .watch-rail-header__title {
    --watch-episodes-head-gradient: linear-gradient(
        118deg,
        #0c4a6e 0%,
        #0369a1 32%,
        #0284c7 55%,
        #0e7490 78%,
        #155e75 100%
    );
    filter: drop-shadow(0 1px 10px rgba(14, 116, 144, 0.28));
}

body[data-theme="light"] .ui-video .watch-desktop-top__episodes .watch-rail-header {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, transparent 90%);
}

body[data-theme="light"] .ui-video .watch-desktop-top__episodes .watch-rail-header__action {
    box-shadow:
        0 0 0 1px rgba(37, 99, 235, 0.12),
        0 8px 20px rgba(15, 23, 42, 0.08);
}

body[data-theme="light"] .ui-video .video-watch-kv__value {
    color: #0f172a;
}

body[data-theme="light"] .ui-video .video-watch-kv__value--plain {
    color: #0f172a;
}

body[data-theme="light"] .ui-video .video-watch-kv__value:hover {
    color: #2563eb;
}

body[data-theme="light"] .ui-video .watch-player-menu {
    border-bottom-color: rgba(15, 23, 42, 0.1);
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--series .video-watch-kv__value {
    color: #4338ca;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--series .video-watch-kv__value:hover {
    color: #312e81;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--platform .video-watch-kv__value {
    color: #0f766e;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--platform .video-watch-kv__value:hover {
    color: #134e4a;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv__value--plain {
    color: #0f172a;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--platform .video-watch-kv__value--plain {
    color: #115e59;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--series .video-watch-kv__value:focus-visible {
    outline-color: rgba(79, 70, 229, 0.55);
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--platform .video-watch-kv__value:focus-visible {
    outline-color: rgba(13, 148, 136, 0.55);
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag:focus-visible {
    outline: 2px solid rgba(37, 99, 235, 0.45);
    outline-offset: 2px;
}

body[data-theme="light"] .ui-video .action-bar--premium.action-bar--watch-toolbar {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 250, 252, 0.88) 100%);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(15, 23, 42, 0.04),
        0 14px 40px rgba(15, 23, 42, 0.08);
}

@media (max-width: 640px) {
    body[data-theme="light"] .ui-video .action-bar--premium.action-bar--watch-toolbar {
        background: transparent;
        border-color: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        padding: 0;
        margin-top: 0.5rem;
        border-radius: 0;
    }

    /* Mobile Direct Download — do not set background/box-shadow here (would kill video-page “live” gradient + keyframes) */
    body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--download.action-btn--premium {
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.22);
    }

    body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--download .action-btn__icon {
        background: rgba(255, 255, 255, 0.22);
        color: #ffffff;
    }

    body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--download .action-btn__label {
        color: #ffffff;
    }
}

body[data-theme="light"] .ui-video .action-btn--share {
    background: linear-gradient(168deg, #f8fafc 0%, #e2e8f0 100%);
    color: #0f172a;
    border-color: rgba(59, 130, 246, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body[data-theme="light"] .ui-video .action-btn--share .action-btn__icon {
    background: linear-gradient(145deg, rgba(219, 234, 254, 0.95), rgba(191, 219, 254, 0.85));
    color: #1d4ed8;
}

body[data-theme="light"] .ui-video .action-btn--report {
    background: linear-gradient(168deg, #fef2f2 0%, #f1f5f9 100%);
    color: #334155;
    border-color: rgba(248, 113, 113, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body[data-theme="light"] .ui-video .action-btn--report .action-btn__icon {
    background: linear-gradient(145deg, rgba(254, 226, 226, 0.95), rgba(254, 202, 202, 0.75));
    color: #b91c1c;
}

/* Share / Report only — do not target .action-btn--download (watch mobile pill has its own chrome in video-watch-dl-mobile.css) */
body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--share,
body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--report {
    color: #ffffff;
    border-color: transparent;
}

body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--share .action-btn__label,
body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--report .action-btn__label {
    color: #ffffff;
}

body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--share .action-btn__icon,
body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--report .action-btn__icon {
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    box-shadow: none;
}

body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--download .action-btn__label {
    color: #ffffff;
}

@media (min-width: 641px) {
    body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--download {
        background: #6366f1;
        box-shadow: 0 10px 28px rgba(99, 102, 241, 0.32);
    }

    body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--download:hover {
        box-shadow: 0 14px 36px rgba(99, 102, 241, 0.38);
    }

    body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--share {
        background: #0d9488;
        color: #ffffff;
        border-color: transparent;
        box-shadow: 0 10px 28px rgba(13, 148, 136, 0.3);
    }

    body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--share:hover {
        background: #0d9488;
        box-shadow: 0 14px 36px rgba(13, 148, 136, 0.36);
    }

    body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--report {
        background: #f43f5e;
        color: #ffffff;
        border-color: transparent;
        box-shadow: 0 10px 28px rgba(244, 63, 94, 0.28);
    }

    body[data-theme="light"] .ui-video .action-bar--watch-toolbar .action-btn--report:hover {
        background: #f43f5e;
        box-shadow: 0 14px 36px rgba(244, 63, 94, 0.34);
    }
}

@media (max-width: 640px) {
    body[data-theme="light"] .ui-video .watch-tg-banner.watch-tg-banner--mobile-only {
        border-color: rgba(2, 132, 199, 0.42);
        box-shadow:
            0 0 0 1px rgba(14, 165, 233, 0.08),
            0 12px 28px rgba(2, 132, 199, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.18);
    }
}

body[data-theme="light"] .ui-video .video-watch-tag {
    background: rgba(255, 255, 255, 0.82);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body[data-theme="light"] .ui-video .video-watch-tag:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(59, 130, 246, 0.28);
}

body[data-theme="light"] .ui-video .video-watch-tag--coral {
    color: #1d4ed8;
}

body[data-theme="light"] .ui-video .video-watch-tag--gold {
    color: #0369a1;
}

body[data-theme="light"] .ui-video .video-watch-tag--violet {
    color: #5b21b6;
}

body[data-theme="light"] .ui-video .video-watch-tag--sky {
    color: #047857;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-meta-compact {
    background: transparent;
    border: none;
    box-shadow: none;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv__label {
    color: #64748b;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--series {
    background: linear-gradient(180deg, #faf5ff 0%, #ffffff 55%);
    border-color: rgba(139, 92, 246, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 1),
        0 8px 22px rgba(91, 33, 182, 0.08);
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--series:hover {
    border-color: rgba(124, 58, 237, 0.38);
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--series .video-watch-kv__glyph {
    color: #ffffff;
    background: linear-gradient(145deg, #8b5cf6 0%, #6d28d9 100%);
    border-color: rgba(124, 58, 237, 0.45);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 4px 12px rgba(91, 33, 182, 0.25);
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--platform {
    background: linear-gradient(180deg, #f0fdfa 0%, #ffffff 55%);
    border-color: rgba(20, 184, 166, 0.35);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 1),
        0 8px 22px rgba(13, 148, 136, 0.1);
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--platform:hover {
    border-color: rgba(13, 148, 136, 0.45);
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-kv--platform .video-watch-kv__glyph {
    color: #ffffff;
    background: linear-gradient(145deg, #14b8a6 0%, #0f766e 100%);
    border-color: rgba(13, 148, 136, 0.45);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.25),
        0 4px 12px rgba(15, 118, 110, 0.28);
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag {
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag:hover {
    filter: brightness(1.03);
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag--coral {
    color: #1d4ed8;
    background: rgba(239, 246, 255, 0.95);
    border-color: rgba(59, 130, 246, 0.35);
    border-left: 3px solid #3b82f6;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag--gold {
    color: #0369a1;
    background: rgba(240, 249, 255, 0.95);
    border-color: rgba(14, 165, 233, 0.35);
    border-left: 3px solid #0ea5e9;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag--violet {
    color: #5b21b6;
    background: rgba(245, 243, 255, 0.95);
    border-color: rgba(139, 92, 246, 0.32);
    border-left: 3px solid #8b5cf6;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag--sky {
    color: #047857;
    background: rgba(236, 253, 245, 0.95);
    border-color: rgba(16, 185, 129, 0.32);
    border-left: 3px solid #10b981;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-actors-block {
    background: transparent;
    border-color: transparent;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-actors-block__label {
    color: #1d4ed8;
    border-color: rgba(59, 130, 246, 0.4);
    background: rgba(219, 234, 254, 0.9);
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-actors-block__label i {
    color: #2563eb;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag-row--actors .video-watch-tag,
body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag-row--actors .video-watch-tag--coral,
body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag-row--actors .video-watch-tag--gold,
body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag-row--actors .video-watch-tag--violet,
body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag-row--actors .video-watch-tag--sky {
    color: inherit;
    border-left-width: 3px;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag-row--actors .video-watch-tag--coral {
    color: #b91c1c;
    background: rgba(254, 242, 242, 0.95);
    border-color: rgba(248, 113, 113, 0.36);
    border-left-color: #f87171;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag-row--actors .video-watch-tag--gold {
    color: #92400e;
    background: rgba(255, 251, 235, 0.95);
    border-color: rgba(245, 158, 11, 0.34);
    border-left-color: #fbbf24;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag-row--actors .video-watch-tag--violet {
    color: #6b21a8;
    background: rgba(250, 245, 255, 0.95);
    border-color: rgba(192, 132, 252, 0.34);
    border-left-color: #c084fc;
}

body[data-theme="light"] .ui-video .watch-player-menu .video-watch-tag-row--actors .video-watch-tag--sky {
    color: #1d4ed8;
    background: rgba(239, 246, 255, 0.95);
    border-color: rgba(59, 130, 246, 0.35);
    border-left-color: #60a5fa;
}

/* Latest releases — Airy template: title/meta were light-on-light */
body[data-theme="light"] .video-card-premium--airy .video-card-premium__body {
    background: rgba(255, 255, 255, 0.97);
    border-top-color: rgba(217, 119, 6, 0.42);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

body[data-theme="light"] .video-card-premium--airy:hover .video-card-premium__body {
    background: #ffffff;
    border-top-color: rgba(245, 158, 11, 0.5);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 1),
        0 0 0 1px rgba(245, 158, 11, 0.12);
}

body[data-theme="light"] .video-card-premium--airy .video-card-premium__title {
    color: #0f172a;
    text-shadow: none;
}

body[data-theme="light"] .video-card-premium--airy:hover .video-card-premium__title {
    color: #020617;
}

body[data-theme="light"] .video-card-premium--airy .video-card-premium__series {
    color: #92400e;
    background: rgba(254, 243, 199, 0.92);
    border-color: rgba(245, 158, 11, 0.38);
}

body[data-theme="light"] .video-card-premium--airy:hover .video-card-premium__series {
    color: #78350f;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body[data-theme="light"] .video-card-premium--airy .video-card-premium__body {
        background: rgba(255, 255, 255, 0.97);
    }
}