/* =====================================================================
   LIGHT MODE ONLY. Every rule is scoped to html[data-theme="light"],
   so the dark theme is untouched.
   ===================================================================== */
html[data-theme="light"] { color-scheme: light; scrollbar-color: #b4bac6 #eef0f4; }
html[data-theme="light"] ::-webkit-scrollbar-track { background: #eef0f4; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: #b4bac6; border-color: #eef0f4; }

/* page + home */
html[data-theme="light"] body,
html[data-theme="light"] body.has-hero-nav { background: radial-gradient(circle at 80% -10%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 32rem), #f4f5f7; color: #101218; }
html[data-theme="light"] body::before { opacity: .05; }

/* top bar (all widths) */
html[data-theme="light"] .topbar,
html[data-theme="light"] .topbar.scrolled,
html[data-theme="light"] body.has-hero-nav .topbar,
html[data-theme="light"] body.has-hero-nav .topbar.scrolled,
html[data-theme="light"] body.has-hero-nav .topbar:not(.scrolled) {
  background: rgba(255,255,255,.88); border-color: rgba(12,18,30,.12);
  box-shadow: 0 10px 34px rgba(16,25,40,.12), inset 0 1px #fff; backdrop-filter: blur(18px) saturate(1.3);
}
html[data-theme="light"] body.has-hero-nav .topbar:not(.scrolled)::before { display: none; }
html[data-theme="light"] .topbar,
html[data-theme="light"] .topbar .brand,
html[data-theme="light"] .topbar .brand-name,
html[data-theme="light"] .topbar .brand-wordmark { color: #101218; }
html[data-theme="light"] .topbar .desktop-nav a,
html[data-theme="light"] .topbar .top-actions .icon-button,
html[data-theme="light"] .topbar .top-actions button { color: #3f4654; }
html[data-theme="light"] .topbar .desktop-nav a:hover,
html[data-theme="light"] .topbar .top-actions .icon-button:hover { color: #101218; background: rgba(12,18,30,.06); }
html[data-theme="light"] .topbar .desktop-nav a.active { color: var(--accent); background: rgba(12,18,30,.05); }
html[data-theme="light"] .mobile-nav { background: rgba(255,255,255,.94); border-color: rgba(12,18,30,.1); }
html[data-theme="light"] .mobile-nav a, html[data-theme="light"] .mobile-nav button { color: #4a5160; }
html[data-theme="light"] .mobile-nav a.active { color: var(--accent); }

/* headings / descriptions */
html[data-theme="light"] .page :is(.section-heading,.episodes-heading,.catalog-grid-heading,.favorites-heading,.sports-heading,.sports-results-heading,.sports-channel-preview-heading) :is(h2,h3) { color: #101218; }
html[data-theme="light"] .page :is(.section-heading,.episodes-heading,.catalog-grid-heading,.favorites-heading,.sports-heading,.sports-results-heading,.sports-channel-preview-heading) :is(.eyebrow,.section-description) { color: #5b6372; }
html[data-theme="light"] .eyebrow { color: #5b6372; }
html[data-theme="light"] .page h1, html[data-theme="light"] .page h2, html[data-theme="light"] .page h3 { color: #101218; }

/* filter chips */
html[data-theme="light"] .filter-chip, html[data-theme="light"] .filters button, html[data-theme="light"] .filters a { color: #3f4654; border-color: rgba(12,18,30,.14); background: #fff; }
html[data-theme="light"] .filter-chip.active, html[data-theme="light"] .filters .active { color: #fff; background: var(--accent); border-color: var(--accent); }

/* home footer */
html[data-theme="light"] .home-footer { background: linear-gradient(180deg, #eceef3, #e2e5ec); color: #101218; border-color: rgba(12,18,30,.1); }
html[data-theme="light"] .home-footer :is(h2,h3,h4,strong,b) { color: #101218; }
html[data-theme="light"] .home-footer :is(p,small,span,li) { color: #525a69; }
html[data-theme="light"] .home-footer a { color: #2b3140; }
html[data-theme="light"] .home-footer .home-footer-social { background: #fff; border-color: rgba(12,18,30,.12); }
html[data-theme="light"] .home-footer .home-footer-social :is(span,strong) { color: #101218; }
html[data-theme="light"] .home-footer .home-footer-social small { color: #5b6372; }

/* sports */

/* dialogs / settings / overlays */
html[data-theme="light"] dialog, html[data-theme="light"] .dialog, html[data-theme="light"] .modal { background: #fff; color: #101218; border-color: rgba(12,18,30,.12); }
html[data-theme="light"] dialog::backdrop { background: rgba(16,24,40,.45); }
html[data-theme="light"] dialog :is(h1,h2,h3,h4,p,span,label,strong,small) { color: #1b2030; }

/* ---------------- profile screens, popup, My Space ---------------- */
html[data-theme="light"] .pd-screen, html[data-theme="light"] .pd-pop, html[data-theme="light"] .pd-fab {
  --bg: #f4f6fb; --surface: #ffffff; --surface-2: #edf0f6; --text: #101828; --muted: #556078; --border: rgba(16,24,40,.13);
  color-scheme: light;
}
html[data-theme="light"] .pd-screen { background: radial-gradient(900px 520px at 50% -8%, rgba(31,128,224,.14), transparent 70%), #f4f6fb; color: #101828; }
html[data-theme="light"] .pd-pop { background: radial-gradient(260px 160px at 100% 0, rgba(31,128,224,.14), transparent 72%), #ffffff; color: #101828; border-color: rgba(16,24,40,.12); box-shadow: 0 28px 70px rgba(16,25,40,.22); }
html[data-theme="light"] .pd-pop-back { background: rgba(16,24,40,.35); }
html[data-theme="light"] .pd-top { background: transparent; color: #101828; }
html[data-theme="light"] .pd-screen { --pd-ink: #101828; }
html[data-theme="light"] .pd-icon-btn, html[data-theme="light"] .pd-text-btn { background: rgba(16,24,40,.05); border-color: rgba(16,24,40,.16); color: #101828; }
html[data-theme="light"] .pd-icon-btn:hover, html[data-theme="light"] .pd-text-btn:hover { background: rgba(16,24,40,.1); }
html[data-theme="light"] .pd-tile-name, html[data-theme="light"] .pd-chip, html[data-theme="light"] .pd-tile:hover .pd-tile-name, html[data-theme="light"] .pd-chip.is-active { color: #101828; }
html[data-theme="light"] .pd-tile-ring, html[data-theme="light"] .pd-chip-ring, html[data-theme="light"] .pd-pick { background: rgba(16,24,40,.07) !important; }
html[data-theme="light"] .pd-tile-add .pd-tile-ring, html[data-theme="light"] .pd-chip-add .pd-chip-ring, html[data-theme="light"] .pd-pop-chip-add .pd-pop-chip-ring { border-color: rgba(16,24,40,.35); background: transparent !important; }
html[data-theme="light"] .pd-tile-add .pd-tile-ring .pd-ico, html[data-theme="light"] .pd-chip-add .pd-ico, html[data-theme="light"] .pd-pop-chip-add { color: #101828; }
html[data-theme="light"] .pd-menu, html[data-theme="light"] .pd-card, html[data-theme="light"] .pd-media, html[data-theme="light"] .pd-hero { background: #fff; border-color: rgba(16,24,40,.12); box-shadow: 0 6px 22px rgba(16,25,40,.06); }
html[data-theme="light"] .pd-row, html[data-theme="light"] .pd-row strong, html[data-theme="light"] .pd-kv, html[data-theme="light"] .pd-kv b, html[data-theme="light"] .pd-kv strong { color: #101828; }
html[data-theme="light"] .pd-row small, html[data-theme="light"] .pd-kv span, html[data-theme="light"] .pd-hero span:not(.pd-hero-ico), html[data-theme="light"] .pd-fl, html[data-theme="light"] .pd-hint { color: #556078; }
html[data-theme="light"] .pd-hint b, html[data-theme="light"] .pd-user { color: #101828; }
html[data-theme="light"] .pd-row:hover, html[data-theme="light"] .pd-row:focus-visible { background: rgba(16,24,40,.05); }
html[data-theme="light"] .pd-chev { color: #6b7589; }
html[data-theme="light"] .pd-tab { color: #3f4a60; border-color: rgba(16,24,40,.16); }
html[data-theme="light"] .pd-tab[aria-selected="true"] { color: #fff; }
html[data-theme="light"] .pd-field, html[data-theme="light"] .pd-input { background: #fff; color: #101828; border-color: rgba(16,24,40,.22); }
html[data-theme="light"] .pd-field::placeholder, html[data-theme="light"] .pd-input::placeholder { color: #8a93a6; }
html[data-theme="light"] select.pd-field option { color: #101828; background: #fff; }
html[data-theme="light"] .pd-float input { border-color: rgba(16,24,40,.4); color: #101828; }
html[data-theme="light"] .pd-float span { color: #556078; background: #f4f6fb; }
html[data-theme="light"] .pd-secondary, html[data-theme="light"] .pd-danger-link { color: #101828; border-color: rgba(16,24,40,.22); }
html[data-theme="light"] .pd-secondary:hover { background: rgba(16,24,40,.05); }
html[data-theme="light"] .pd-secondary.is-danger { color: #c62828; border-color: rgba(198,40,40,.45); }
html[data-theme="light"] .pd-lang .pd-radio { border-color: rgba(16,24,40,.35); }
html[data-theme="light"] .pd-lang small { background: rgba(16,24,40,.07); color: #556078; }
html[data-theme="light"] .pd-bar { background: rgba(16,24,40,.12); }
html[data-theme="light"] .pd-logout, html[data-theme="light"] .pd-text-btn, html[data-theme="light"] .pd-row-ico { color: #1a6fcf; }
html[data-theme="light"] .pd-logout:hover { color: #0b4a99; }
html[data-theme="light"] .pd-confirm-box { background: #fff; color: #101828; border-color: rgba(16,24,40,.12); }
html[data-theme="light"] .pd-btn-cancel { background: rgba(16,24,40,.05); border-color: rgba(16,24,40,.18); color: #101828; }
html[data-theme="light"] .pd-pop-item, html[data-theme="light"] .pd-pop-item strong, html[data-theme="light"] .pd-pop-name { color: #101828; }
html[data-theme="light"] .pd-pop-item small, html[data-theme="light"] .pd-pop-chip { color: #556078; }
html[data-theme="light"] .pd-pop-chip.is-active { color: #101828; }
html[data-theme="light"] .pd-pop-item:hover, html[data-theme="light"] .pd-pop-item:focus-visible { background: rgba(16,24,40,.06); }
html[data-theme="light"] .pd-pop-chips, html[data-theme="light"] .pd-pop-item.is-out { border-color: rgba(16,24,40,.1); }
html[data-theme="light"] .pd-pop-chip-ring { background: rgba(16,24,40,.08); }
html[data-theme="light"] .pd-pop-item:hover .pd-chev { color: #101828; }
html[data-theme="light"] .pd-car-item.is-center img, html[data-theme="light"] .pd-active img { box-shadow: 0 0 0 2px #f4f6fb, 0 0 0 4px rgba(16,24,40,.8) !important; }

html[data-theme="light"] .pd-lang button[disabled] { opacity: 1; }
html[data-theme="light"] .pd-lang button[disabled] > :not(small) { opacity: .55; }

/* ---- detail page: banner stays a dark photo block (white text); everything below it is light ---- */
html[data-theme="light"] .detail-page .detail-hero::before {
  background:
    linear-gradient(90deg, rgba(3,4,7,.94) 0%, rgba(3,4,7,.78) 40%, rgba(3,4,7,.35) 75%, rgba(3,4,7,.18) 100%),
    linear-gradient(0deg, rgba(3,4,7,.96) 0%, rgba(3,4,7,.6) 30%, transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.55), transparent 24%);
}
html[data-theme="light"] .detail-page .detail-hero { color: #fff; }
html[data-theme="light"] .detail-page .detail-hero :is(.detail-kicker,h1,.detail-meta-line,.detail-synopsis p,.back-link) { color: #fff; }
html[data-theme="light"] .detail-page .detail-hero .detail-meta-line,
html[data-theme="light"] .detail-page .detail-hero .genre-list a,
html[data-theme="light"] .detail-page .detail-hero .genre-list button { color: #e3e7ee; }
html[data-theme="light"] .detail-page .detail-hero .back-link { background: rgba(0,0,0,.45); border-color: rgba(255,255,255,.3); }
html[data-theme="light"] .detail-page .detail-hero .detail-banner-facts dd { color: #fff; }
html[data-theme="light"] .detail-page .detail-hero .detail-banner-facts dt { color: #c4cad5; }

html[data-theme="light"] .detail-page .detail-body :is(.cast-card strong,.episode-card h3,.detail-facts dd) { color: #101218; }
html[data-theme="light"] .detail-page .detail-body :is(.cast-card small,.detail-facts dt) { color: #556078; }
html[data-theme="light"] .detail-page .detail-body .info-main p { color: #2b3140; }
html[data-theme="light"] .detail-page .detail-body :is(.genre-list a,.genre-list button) { color: #2b3140; background: #fff; border: 1px solid rgba(12,18,30,.16); }
html[data-theme="light"] .detail-page .detail-body .season-tab { color: #4a5160; }
html[data-theme="light"] .detail-page .detail-body .season-tab.is-active,
html[data-theme="light"] .detail-page .detail-body .season-tab.active { color: #fff; }
html[data-theme="light"] .detail-page .cast-avatar { background: #e4e8f0; color: #556078; }
html[data-theme="light"] .detail-page .cast-card img, html[data-theme="light"] .detail-page .cast-avatar { border-color: rgba(12,18,30,.14); }
html[data-theme="light"] .detail-page .episodes-section { background: #fff; border-color: rgba(12,18,30,.12); box-shadow: 0 6px 22px rgba(16,25,40,.07); }
html[data-theme="light"] .detail-page .episode-card { background: #f4f5f7; border-color: rgba(12,18,30,.1); color: #101218; }
html[data-theme="light"] .detail-page .episode-card :is(p,small,span) { color: #4a5160; }
html[data-theme="light"] .detail-page .detail-body :is(h2,h3) { color: #101218; }

/* series page: season switcher / episode meta */
html[data-theme="light"] .detail-page .season-switcher, html[data-theme="light"] .detail-page .episode-pagination { background: #fff; border-color: rgba(12,18,30,.12); }
html[data-theme="light"] .detail-page .season-switcher-label span, html[data-theme="light"] .detail-page .episode-pagination .eyebrow { color: #556078; }
html[data-theme="light"] .detail-page .season-switcher-label strong, html[data-theme="light"] .detail-page .episode-pagination strong { color: #101218; }
html[data-theme="light"] .detail-page .season-tab { background: #eef0f5; border-color: rgba(12,18,30,.14); }
html[data-theme="light"] .detail-page .season-tab.is-active, html[data-theme="light"] .detail-page .season-tab.active { background: var(--accent); color: #fff; }
html[data-theme="light"] .detail-page .episodes-heading b, html[data-theme="light"] .detail-page .episodes-section b { color: #101218; }
html[data-theme="light"] .detail-page .episode-card i, html[data-theme="light"] .detail-page .episode-card em { color: #556078; }
html[data-theme="light"] .episode-page-tabs button { color: #3f4654; border-color: rgba(12,18,30,.16); background: #fff; }
html[data-theme="light"] .pd-primary, html[data-theme="light"] .pd-btn-ok, html[data-theme="light"] .pd-tab[aria-selected="true"] { color: #fff; }
html[data-theme="light"] .pd-msg { color: #556078; } html[data-theme="light"] .pd-msg.err { color: #c62828; } html[data-theme="light"] .pd-msg.ok { color: #1b7f3b; }
html[data-theme="light"] .pd-note, html[data-theme="light"] .pd-empty { color: #556078; }
html[data-theme="light"] .pd-top h1, html[data-theme="light"] .pd-top h2, html[data-theme="light"] .pd-col h1, html[data-theme="light"] .pd-col h2 { color: #101828; }

/* ---- sports ---- */
html[data-theme="light"] .sports-page { background: #f4f5f7; color: #101218; }
html[data-theme="light"] .sports-loading, html[data-theme="light"] .sports-api-error { background: radial-gradient(circle at 50% 40%, rgba(229,9,20,.08), transparent 34%), #f4f5f7; color: #101218; }
html[data-theme="light"] .sports-loading p, html[data-theme="light"] .sports-api-error :is(h1,h2,h3,p,strong) { color: #1b2030; }
html[data-theme="light"] .sports-load-mark img { box-shadow: 0 14px 36px rgba(16,25,40,.2); }
html[data-theme="light"] .sports-content { background: linear-gradient(180deg, #eef0f4, #f4f5f7 54%); }
html[data-theme="light"] .sports-toolbar, html[data-theme="light"] .sports-search, html[data-theme="light"] .sports-empty, html[data-theme="light"] .sports-no-feature { background: #fff; border-color: rgba(12,18,30,.12); color: #3f4654; }
html[data-theme="light"] .sports-search input { color: #101218; }
html[data-theme="light"] .sports-search input::placeholder { color: #7a8294; }
html[data-theme="light"] .sports-toolbar :is(button,a,span,label) { color: #3f4654; }
html[data-theme="light"] .sports-toolbar .active, html[data-theme="light"] .sports-toolbar [aria-pressed="true"], html[data-theme="light"] .sports-toolbar .is-active { color: #fff; }
html[data-theme="light"] .sports-match-card { background: #fff; border-color: rgba(12,18,30,.12); box-shadow: 0 8px 26px rgba(16,25,40,.08); }
html[data-theme="light"] .sports-match-card :is(h3,h4,strong) { color: #101218; }
html[data-theme="light"] .sports-match-card :is(p,small,time) { color: #556078; }
html[data-theme="light"] .sports-match-art :is(h3,h4,strong,p,span,small,time) { color: #fff; }
html[data-theme="light"] .sports-empty :is(h3,strong) { color: #101218; }
html[data-theme="light"] .sports-player-dialog { background: #fff; color: #101218; border-color: rgba(12,18,30,.12); }
html[data-theme="light"] .sports-player-close { background: rgba(12,18,30,.08); color: #101218; }

/* detail text can run past the banner photo on some phones: keep it on a dark backing so white text is always readable */
html[data-theme="light"] .detail-page .detail-hero { background-color: #020305; height: auto; overflow: visible; }
html[data-theme="light"] .detail-page .detail-copy {
  background: linear-gradient(180deg, rgba(3,4,7,0) 0, rgba(3,4,7,.9) 90px, #030407 100%);
  padding-bottom: 26px; margin-bottom: -26px; border-radius: 0 0 22px 22px;
}
@media (max-width: 840px) {
  html[data-theme="light"] .detail-page .detail-copy { width: calc(100% + 36px); margin-inline: -18px; padding-inline: 18px; }
}
/* profile "Add" circle (+ icon) */
html[data-theme="light"] .pd-pop-chip-add .pd-pop-chip-ring,
html[data-theme="light"] .pd-chip-add .pd-chip-ring,
html[data-theme="light"] .pd-tile-add .pd-tile-ring { color: #101828; border: 2px dashed rgba(16,24,40,.5); }
html[data-theme="light"] .pd-pop-chip-add .pd-ico, html[data-theme="light"] .pd-chip-add .pd-ico, html[data-theme="light"] .pd-tile-add .pd-ico,
html[data-theme="light"] .pd-pop-chip-add svg, html[data-theme="light"] .pd-chip-add svg, html[data-theme="light"] .pd-tile-add svg { color: #101828; stroke: #101828; }

/* home hero: light pill + light card frame */
html[data-theme="light"] .hero-mobile-badge { color: #101218; background: rgba(255,255,255,.92); border-color: rgba(12,18,30,.14); box-shadow: 0 8px 24px rgba(16,25,40,.18); }
html[data-theme="light"] .hero { box-shadow: 0 18px 50px rgba(16,25,40,.18); }

/* =====================  light theme polish  ===================== */
html[data-theme="light"] {
  --bg: #f5f6fa; --surface: #ffffff; --surface-2: #eceef4;
  --text: #11141d; --muted: #5a6275; --border: rgba(16,24,40,.1);
  --shadow: 0 24px 60px rgba(22,30,50,.14);
}
html[data-theme="light"] body, html[data-theme="light"] body.has-hero-nav {
  background: radial-gradient(900px 480px at 85% -8%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%),
              radial-gradient(700px 420px at -5% 12%, rgba(70,110,230,.07), transparent 70%), #f5f6fa;
}
html[data-theme="light"] ::selection { background: color-mix(in srgb, var(--accent) 24%, #fff); color: #11141d; }
html[data-theme="light"] .topbar, html[data-theme="light"] body.has-hero-nav .topbar:not(.scrolled), html[data-theme="light"] body.has-hero-nav .topbar.scrolled {
  background: rgba(255,255,255,.78); border-color: rgba(16,24,40,.08);
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 12px 34px rgba(22,30,50,.1); backdrop-filter: blur(22px) saturate(1.5);
}
html[data-theme="light"] .mobile-nav { background: rgba(255,255,255,.86); backdrop-filter: blur(22px) saturate(1.5); box-shadow: 0 14px 40px rgba(22,30,50,.16); border-color: rgba(16,24,40,.08); }
html[data-theme="light"] .mobile-nav a.active { background: color-mix(in srgb, var(--accent) 11%, #fff); }
/* cards */
html[data-theme="light"] .poster-shell, html[data-theme="light"] .card-art-shell { box-shadow: 0 10px 26px rgba(22,30,50,.16), 0 2px 6px rgba(22,30,50,.08); border-color: rgba(16,24,40,.08); }
html[data-theme="light"] .media-card:hover .poster-shell, html[data-theme="light"] .media-card:hover .card-art-shell { box-shadow: 0 18px 40px rgba(22,30,50,.24), 0 4px 10px rgba(22,30,50,.1); }
html[data-theme="light"] .media-card :is(h3,h4,strong,.card-title) { color: #11141d; }
html[data-theme="light"] .media-card :is(p,small,.card-sub) { color: #5a6275; }
/* chips + buttons */
html[data-theme="light"] .filter-chip, html[data-theme="light"] .filters button, html[data-theme="light"] .filters a { background: #fff; border-color: rgba(16,24,40,.12); box-shadow: 0 1px 2px rgba(22,30,50,.05); }
html[data-theme="light"] .filter-chip:hover, html[data-theme="light"] .filters button:hover, html[data-theme="light"] .filters a:hover { background: #f0f2f8; border-color: rgba(16,24,40,.22); color: #11141d; }
html[data-theme="light"] .filter-chip.active, html[data-theme="light"] .filters .active { box-shadow: 0 6px 16px color-mix(in srgb, var(--accent) 35%, transparent); }
html[data-theme="light"] .icon-button { transition: background-color .25s, color .25s, transform .2s; }
/* section headings */
html[data-theme="light"] .page :is(.section-heading,.episodes-heading,.catalog-grid-heading,.favorites-heading) { border-left-color: var(--accent); }
/* footer + social tiles */
html[data-theme="light"] .home-footer { background: linear-gradient(180deg, #eef0f6, #e4e7f0); }
html[data-theme="light"] .home-footer .home-footer-social { box-shadow: 0 6px 18px rgba(22,30,50,.08); transition: transform .3s cubic-bezier(.22,.8,.24,1), box-shadow .3s; }
html[data-theme="light"] .home-footer .home-footer-social:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(22,30,50,.14); }
/* profile + dialogs */
html[data-theme="light"] .pd-menu, html[data-theme="light"] .pd-card, html[data-theme="light"] .pd-hero { box-shadow: 0 8px 26px rgba(22,30,50,.08); }
html[data-theme="light"] .pd-row, html[data-theme="light"] .pd-pop-item { transition: background-color .22s, transform .25s cubic-bezier(.22,.8,.24,1); }
html[data-theme="light"] dialog, html[data-theme="light"] .dialog { box-shadow: 0 30px 80px rgba(22,30,50,.28); border-radius: 22px; }
html[data-theme="light"] .toast { background: #fff; color: #11141d; border-color: rgba(16,24,40,.1); box-shadow: 0 14px 34px rgba(22,30,50,.18); }
html[data-theme="light"] .startup-loader { background: #f5f6fa; }
html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea { color-scheme: light; }
html[data-theme="light"] :focus-visible { outline-color: var(--accent); }

/* =====================  LIGHT banners (home hero + movie/series/anime info banner)  ===================== */
:root { --pd-lt-bg: #f5f6fa; }
/* ---- home hero ---- */
html[data-theme="light"] .hero, html[data-theme="light"] body.has-hero-nav .hero { background: #f5f6fa; color: #11141d; }
html[data-theme="light"] .hero::before, html[data-theme="light"] body.has-hero-nav .hero::before {
  background:
    linear-gradient(0deg, #f5f6fa 0%, rgba(245,246,250,.94) 24%, rgba(245,246,250,.62) 50%, rgba(245,246,250,.14) 80%, rgba(245,246,250,.05) 100%),
    linear-gradient(90deg, rgba(245,246,250,.55), transparent 70%);
}
@media (min-width: 841px) {
  html[data-theme="light"] .hero::before { background:
    linear-gradient(90deg, rgba(245,246,250,.96) 0%, rgba(245,246,250,.78) 34%, rgba(245,246,250,.2) 66%, transparent 85%),
    linear-gradient(0deg, #f5f6fa 0%, rgba(245,246,250,.4) 22%, transparent 48%); }
}
html[data-theme="light"] .hero :is(.hero-kicker,.hero-meta,.hero-meta span,.hero-rating,.hero-overview,.hero-dot) { color: #11141d; text-shadow: none; }
html[data-theme="light"] .hero .hero-overview { color: #2b3140; }
html[data-theme="light"] .hero .hero-rating { color: #c2410c; }
html[data-theme="light"] .hero .hero-title-logo { filter: drop-shadow(0 0 1px rgba(0,0,0,.85)) drop-shadow(0 3px 10px rgba(0,0,0,.45)); }
html[data-theme="light"] .hero .hero-actions .primary-button, html[data-theme="light"] body.has-hero-nav .hero-actions .primary-button { color: #fff; background: #11141d; border-color: #11141d; box-shadow: 0 10px 26px rgba(17,20,29,.3); }
html[data-theme="light"] .hero .hero-actions .secondary-button, html[data-theme="light"] body.has-hero-nav .hero-actions .secondary-button { color: #11141d; background: rgba(255,255,255,.85); border-color: rgba(17,20,29,.18); backdrop-filter: blur(10px); }
html[data-theme="light"] .hero .hero-actions .secondary-button:hover { background: #fff; }
html[data-theme="light"] .hero .hero-play-icon, html[data-theme="light"] .hero .hero-actions svg { color: inherit; }
html[data-theme="light"] body.has-hero-nav .hero-thumb::after { background: rgba(17,20,29,.22); }
html[data-theme="light"] body.has-hero-nav .hero-thumb.active::after { background: #11141d; }
html[data-theme="light"] .hero-thumb { border-color: transparent; }
html[data-theme="light"] .hero-thumb:hover, html[data-theme="light"] .hero-thumb.active { border-color: #11141d; }

/* ---- info banner (movie / series / anime / cartoon) ---- */
html[data-theme="light"] .detail-page .detail-hero, html[data-theme="light"] .detail-hero { background: #f5f6fa; color: #11141d; overflow: hidden; }
html[data-theme="light"] .detail-page .detail-media, html[data-theme="light"] .detail-media { background: #f5f6fa; }
html[data-theme="light"] .detail-page .detail-backdrop { filter: saturate(1) contrast(1.02) brightness(1.02); }
html[data-theme="light"] .detail-page .detail-hero::before {
  background:
    linear-gradient(0deg, #f5f6fa 0%, rgba(245,246,250,.95) 30%, rgba(245,246,250,.7) 52%, rgba(245,246,250,.15) 80%),
    linear-gradient(90deg, rgba(245,246,250,.5), transparent 70%);
}
@media (min-width: 841px) {
  html[data-theme="light"] .detail-page .detail-hero::before { background:
    linear-gradient(90deg, rgba(245,246,250,.97) 0%, rgba(245,246,250,.86) 30%, rgba(245,246,250,.3) 58%, transparent 80%),
    linear-gradient(0deg, #f5f6fa 0%, rgba(245,246,250,.5) 16%, transparent 40%); }
}
/* undo the earlier dark backing */
html[data-theme="light"] .detail-page .detail-copy { background: none; padding-bottom: 0; margin-bottom: 0; border-radius: 0; }
@media (max-width: 840px) { html[data-theme="light"] .detail-page .detail-copy { width: auto; margin-inline: 0; padding-inline: 0; } }
html[data-theme="light"] .detail-page .detail-hero { height: auto; }
/* text */
html[data-theme="light"] .detail-page .detail-hero :is(.detail-kicker,h1,.detail-meta-line,.detail-meta-line span,.detail-synopsis p,.detail-score,.detail-type) { color: #11141d; text-shadow: none; }
html[data-theme="light"] .detail-page .detail-hero .detail-synopsis p, html[data-theme="light"] .detail-page .detail-hero .hero-overview { color: #2b3140; font-weight: 500; }
html[data-theme="light"] .detail-page .detail-hero .detail-score { color: #c2410c; }
html[data-theme="light"] .detail-page .detail-hero .detail-quality { color: #11141d; border-color: rgba(17,20,29,.5); }
html[data-theme="light"] .detail-page .detail-hero .detail-meta-line,
html[data-theme="light"] .detail-page .detail-hero .genre-list a, html[data-theme="light"] .detail-page .detail-hero .genre-list button { color: #2b3140; }
html[data-theme="light"] .detail-page .detail-hero .detail-banner-facts dd { color: #11141d; }
html[data-theme="light"] .detail-page .detail-hero .detail-banner-facts dt { color: #566074; }
html[data-theme="light"] .detail-page .detail-title-logo { filter: drop-shadow(0 0 1px rgba(0,0,0,.85)) drop-shadow(0 3px 10px rgba(0,0,0,.4)); }
html[data-theme="light"] .detail-page .detail-hero .back-link { color: #11141d; background: rgba(255,255,255,.85); border-color: rgba(17,20,29,.18); backdrop-filter: blur(10px); }
/* buttons */
html[data-theme="light"] .detail-page .detail-play-button { color: #fff; background: #11141d; border-color: #11141d; box-shadow: 0 12px 30px rgba(17,20,29,.3); }
html[data-theme="light"] .detail-page .detail-play-button > span { color: #11141d; background: #fff; }
html[data-theme="light"] .detail-page .detail-action-button { color: #11141d; background: rgba(255,255,255,.88); border-color: rgba(17,20,29,.18); box-shadow: 0 6px 18px rgba(22,30,50,.1); }
html[data-theme="light"] .detail-page .detail-action-button:hover { color: #11141d; background: #fff; border-color: rgba(17,20,29,.35); }

/* =====================  sign in / sign up dialog  ===================== */
html[data-theme="light"] .auth-shell {
  background: linear-gradient(180deg, #ffffff, #f4f6fb) !important; color: #11141d;
  border-color: rgba(16,24,40,.12) !important; box-shadow: 0 30px 80px rgba(22,30,50,.28) !important;
}
html[data-theme="light"] .auth-shell::after { color: rgba(16,24,40,.04); }
html[data-theme="light"] .auth-shell :is(h1,h2,h3,strong) { color: #11141d; }
html[data-theme="light"] .auth-shell .eyebrow { color: #5a6275; }
html[data-theme="light"] .auth-intro, html[data-theme="light"] .auth-switch, html[data-theme="light"] .auth-status,
html[data-theme="light"] .auth-profile-copy span, html[data-theme="light"] .auth-sync-state small, html[data-theme="light"] .auth-pw-rules { color: #566074; }
html[data-theme="light"] .auth-field { color: #3f4a60; }
html[data-theme="light"] .auth-input-shell { background: #fff; border-color: rgba(16,24,40,.2); box-shadow: 0 1px 2px rgba(22,30,50,.05); }
html[data-theme="light"] .auth-input-shell:focus-within { background: #fff; border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }
html[data-theme="light"] .auth-input-shell > svg { color: #6b7589; }
html[data-theme="light"] .auth-form input { color: #11141d; }
html[data-theme="light"] .auth-form input::placeholder { color: #8a93a6; }
html[data-theme="light"] .auth-password-toggle { color: #6b7589; }
html[data-theme="light"] .auth-password-toggle:hover { color: #11141d; background: rgba(16,24,40,.07); }
html[data-theme="light"] .auth-form-tools button { color: #3f4a60; }
html[data-theme="light"] .auth-form-tools button:hover { color: var(--accent); }
html[data-theme="light"] .auth-divider { color: #6b7589; }
html[data-theme="light"] .auth-divider::before, html[data-theme="light"] .auth-divider::after { background: linear-gradient(90deg, transparent, rgba(16,24,40,.2)); }
html[data-theme="light"] .auth-social-button { color: #11141d; background: #fff; border-color: rgba(16,24,40,.16); box-shadow: 0 1px 2px rgba(22,30,50,.06); }
html[data-theme="light"] .auth-social-button:hover { background: #f4f6fb; border-color: rgba(16,24,40,.3); box-shadow: 0 8px 22px rgba(22,30,50,.12); }
html[data-theme="light"] .auth-provider-mark.github { color: #11141d; }
html[data-theme="light"] .auth-submit { color: #fff; }
html[data-theme="light"] .auth-switch button { color: var(--accent); }
html[data-theme="light"] .auth-provider-hint { color: #92580a; }
html[data-theme="light"] .auth-status[data-tone="success"] { color: #1b7f3b; }
html[data-theme="light"] .auth-status[data-tone="warning"] { color: #92580a; }
html[data-theme="light"] .auth-status[data-tone="error"] { color: #c62828; }
html[data-theme="light"] .auth-pw-rules li.is-ok { color: #1b7f3b; }
html[data-theme="light"] .auth-sync-state { background: rgba(47,208,114,.1); border-color: rgba(27,127,59,.25); }
html[data-theme="light"] .auth-sync-state strong { color: #11141d; }
html[data-theme="light"] .auth-shell [data-auth-close], html[data-theme="light"] .auth-shell .icon-button { color: #3f4a60; }
html[data-theme="light"] #auth-dialog::backdrop { background: rgba(16,24,40,.45); backdrop-filter: blur(6px); }
html[data-theme="light"] .small-dialog .dialog-shell, html[data-theme="light"] .dialog-shell { background: #fff; color: #11141d; border-color: rgba(16,24,40,.12); }

/* =====================  player page, light theme (the video area itself stays black)  ===================== */
html[data-theme="light"] .watch-page { background: radial-gradient(900px 480px at 85% -8%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 70%), #f5f6fa; color: #11141d; }
html[data-theme="light"] .watch-page .watch-heading strong, html[data-theme="light"] .watch-page .watch-heading :is(h1,h2,span) { color: #11141d; }
html[data-theme="light"] .watch-page .watch-heading .eyebrow { color: #5a6275; }
html[data-theme="light"] .watch-page .back-link { color: #11141d; background: #fff; border-color: rgba(16,24,40,.14); box-shadow: 0 4px 14px rgba(22,30,50,.08); }
html[data-theme="light"] .watch-shell { box-shadow: 0 24px 60px rgba(22,30,50,.28); background: #000; }
html[data-theme="light"] .watch-server-switch { background: #fff; border-color: rgba(16,24,40,.12); box-shadow: 0 8px 24px rgba(22,30,50,.1); }
html[data-theme="light"] .watch-server-switch button { color: #3f4654; }
html[data-theme="light"] .watch-server-switch button:hover { color: #11141d; background: rgba(16,24,40,.06); }
html[data-theme="light"] .watch-server-switch button.is-active { color: #fff; background: var(--accent); }
html[data-theme="light"] .watch-server-switch button:focus-visible { outline-color: var(--accent); }
html[data-theme="light"] .watch-navigator { background: #fff; color: #11141d; border-color: rgba(16,24,40,.12); box-shadow: 0 18px 50px rgba(22,30,50,.12); }
html[data-theme="light"] .watch-navigator-head strong { color: #11141d; }
html[data-theme="light"] .watch-navigator .eyebrow { color: #5a6275; }
html[data-theme="light"] .watch-current-pill { color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, #fff); border-color: color-mix(in srgb, var(--accent) 40%, transparent); }
html[data-theme="light"] .watch-season-select, html[data-theme="light"] .watch-episode-search { background: #f4f6fb; border-color: rgba(16,24,40,.14); }
html[data-theme="light"] .watch-season-select > span { color: #6b7589; }
html[data-theme="light"] .watch-season-select select, html[data-theme="light"] .watch-episode-search input { color: #11141d; }
html[data-theme="light"] .watch-season-select option { color: #11141d; background: #fff; }
html[data-theme="light"] .watch-episode-search svg { color: #6b7589; }
html[data-theme="light"] .watch-episode-search input::placeholder { color: #8a93a6; }
html[data-theme="light"] .watch-episode-status { color: #5a6275; }
html[data-theme="light"] .watch-episode-number { color: #2b3140; background: #f1f3f9; border-color: rgba(16,24,40,.06); }
html[data-theme="light"] .watch-episode-number:hover { color: #11141d; background: color-mix(in srgb, var(--accent) 9%, #fff); border-color: color-mix(in srgb, var(--accent) 50%, transparent); }
html[data-theme="light"] .watch-episode-number.is-active { color: #fff; background: var(--accent); border-color: var(--accent); }
html[data-theme="light"] .watch-episode-skeleton { background: #eceef4; }
html[data-theme="light"] .watch-episode-empty { color: #5a6275; }
html[data-theme="light"] .watch-navigator-footer { border-top-color: rgba(16,24,40,.1); color: #3f4654; }
html[data-theme="light"] .watch-navigator-footer a { color: #11141d; }
html[data-theme="light"] .watch-navigator-footer a:hover { color: var(--accent); }
html[data-theme="light"] .watch-navigator-footer > span { color: #8a93a6; opacity: .8; }
html[data-theme="light"] .watch-sidebar :is(.watch-source-panel,.watch-anime-source) { background: #fff; color: #11141d; border-color: rgba(16,24,40,.12); }