/* generated theme: midnight|Instrument Serif|single|split|14|bone|True */
:root {
  --bg: #070B12;
  --bg-2: #0E1520;
  --surface: #0E1520;
  --surface-2: #0E1520;
  --text: #E8F0F5;
  --muted: #93A4B5;
  --dim: #66788A;
  --accent: #5EC8D8;
  --accent-2: #F2A65A;
  --accent-soft: rgba(94,200,216,0.140);
  --accent-text: #111208;
  --line: rgba(232,240,245,0.130);
  --line-strong: rgba(232,240,245,0.260);
  --footer-bg: #EDE5D4;
  --footer-text: #14150F;
  --footer-muted: #7A7160;
  --font-display: 'Instrument Serif', Georgia, serif;
  --font-ui: 'Manrope', 'Segoe UI', sans-serif;
  --font-serif: 'Instrument Serif', Georgia, serif;
  --radius: 14px;
}
body { background: var(--bg); color: var(--text); font-family: var(--font-ui); }
h1, h2, h3, h4, .brand-name, .hero-title, .hero-sub, .section-head h2,
.series-title, .spotlight-copy h3, .footer-tag, .search-field input,
.prose h2, .callout h3, .note-lead h2, .side-head h2, .upnext h3 {
  font-family: var(--font-display);
}
.hero-title, .series-title, .section-head h2, .spotlight-copy h3 { font-weight: 500; }
.site-header { background: rgba(7,11,18,0.780); }
.site-header.is-solid { background: rgba(7,11,18,0.950); border-bottom-color: var(--line); }
.header-top { border-bottom-color: var(--line); }
.brand-mark { background: var(--accent); color: var(--accent-text); }
.brand-name { color: var(--text); }
.brand-sub, .header-top-inner { color: var(--dim); }
.main-nav a { color: var(--muted); }
.main-nav a.is-active, .main-nav a:hover { color: var(--text); }
.main-nav a::after { background: var(--accent); }
.eyebrow { color: var(--accent); }
.eyebrow::before { background: var(--accent); }
.hero-bg img { opacity: 0.42; }
.hero-bg::after {
  background:
    linear-gradient(90deg, var(--bg) 12%, rgba(7,11,18,0.900) 44%, rgba(7,11,18,0.400) 76%, rgba(7,11,18,0.780) 100%),
    linear-gradient(0deg, var(--bg) 2%, rgba(7,11,18,0.120) 48%, rgba(7,11,18,0.500) 100%);
}
.hero-sub { color: var(--accent); }
.hero-tagline, .spotlight-copy p, .note-copy p { color: var(--muted); }
.hero-meta { color: var(--dim); }
.hero-meta .rating { color: var(--accent); border-color: var(--line-strong); }
.hero-poster img { border-color: rgba(94,200,216,0.450); box-shadow: 16px 16px 0 -2px rgba(94,200,216,0.160), var(--shadow); }
.hero-poster .poster-label { color: var(--accent); border-color: rgba(94,200,216,0.400); background: rgba(7,11,18,0.820); }
.section .section-head h2::before { color: var(--accent); }
.card-media { background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); border-radius: var(--radius); }
.card:hover .card-media { box-shadow: 0 0 0 1px rgba(94,200,216,0.650); }
.card-title { color: var(--text); }
.card-meta, .card-ep { color: var(--dim); }
.card-badge { background: rgba(7,11,18,0.800); border-color: var(--line); color: var(--text); }
.card-badge .dot { background: var(--accent); }
.card-progress { background: rgba(232,240,245,0.180); }
.card-progress i { background: var(--accent); }
.spotlight { background: linear-gradient(135deg, var(--surface), var(--bg)); border-radius: var(--radius); }
.spotlight:hover { border-color: rgba(94,200,216,0.550); }
.spotlight-cta { color: var(--accent); }
.spotlight-meta { color: var(--dim); }
.btn-primary { background: var(--accent); color: var(--accent-text); }
.btn-primary:hover { filter: brightness(1.08); }
.btn-light { background: var(--text); color: var(--bg); }
.btn-ghost { border-color: var(--line-strong); color: var(--text); }
.btn-ghost:hover { border-color: var(--accent); color: var(--accent); background: rgba(94,200,216,0.060); }
.chip { color: var(--muted); border-color: var(--line); }
.chip.is-active { background: var(--accent); border-color: var(--accent); color: var(--accent-text); }
.chip:hover { color: var(--accent); border-color: var(--accent); }
.select-wrap select { color: var(--text); border-color: var(--line); }
.search-inline { border-color: var(--line-strong); }
.search-inline input { color: var(--text); }
.search-result:hover { background: rgba(232,240,245,0.050); }
.tab.is-active::after { background: var(--accent); }
.note-link { color: var(--accent); border-color: rgba(94,200,216,0.400); }
.about-tile .num, .prose a, .contact-card .mail { color: var(--accent); }
.prose p, .prose li { color: #93A4B5; }
.prose h2, .prose h3, .company-card-head h2, .contact-card h2 { color: var(--text); }
.company-table span, .field label { color: var(--dim); }
.field input, .field textarea, .field select { background: var(--surface); color: var(--text); border-color: var(--line); }
.field input:focus, .field textarea:focus { border-color: rgba(94,200,216,0.600); }
.watch-page {
  --text: #F1EBDD; --muted: #A9A18F; --dim: #7A7263;
  --line: rgba(236,228,212,.12); --line-strong: rgba(236,228,212,.24);
  background: #080906; color: #F1EBDD !important;
}
.watch-page .watch-title b, .watch-page .side-head h2, .watch-page .side-ep b,
.watch-page .upnext h3, .watch-page .stage-ep, .watch-page .side-info strong {
  color: #F1EBDD;
}
.stage { border-radius: var(--radius); }
.big-play { border-color: rgba(94,200,216,0.650); }
.seek-fill, .seek-thumb { background: var(--accent); }
.side-ep.is-current { background: rgba(94,200,216,0.100); }
.side-ep.is-current b { color: var(--accent); }
.watch-side { background: #0D0E0B; }
.search-field input, .drawer-nav a { font-family: var(--font-display); }

/* footer */
.site-footer { background: var(--footer-bg) !important; color: var(--footer-text) !important; border-top-color: var(--line); }
.site-footer .brand-mark { background: var(--footer-text) !important; color: var(--footer-bg) !important; }
.site-footer .brand-name { color: var(--footer-text) !important; }
.site-footer .brand-sub { color: var(--footer-muted) !important; }
.footer-tag { color: var(--footer-text) !important; }
.footer-cols h4 { color: var(--footer-muted) !important; }
.footer-cols a { color: var(--footer-text) !important; }
.footer-cols a:hover { color: var(--accent) !important; }
.footer-company { border-top-color: var(--line) !important; border-bottom-color: var(--line) !important; }
.footer-company div { color: var(--footer-text) !important; }
.footer-company span { color: var(--footer-muted) !important; }
.footer-company strong { color: var(--footer-text) !important; }
.footer-company a { color: var(--footer-text) !important; }
.footer-bottom { color: var(--footer-muted) !important; }
.footer-brand p[style] { color: var(--footer-muted) !important; }

/* layout variants */
body.layout-single { --header-h: 74px; }
body.layout-single .header-top { display: none; }
body.layout-single .header-inner { height: 74px; }
body.layout-center .hero-inner { grid-template-columns: 1fr; justify-items: center; text-align: center; }
body.layout-center .hero-copy { max-width: 900px; }
body.layout-center .hero-poster { display: none; }
body.layout-center .hero-actions, body.layout-center .hero-meta { justify-content: center; }
body.layout-center .hero-sub, body.layout-center .hero-tagline { margin-left: auto; margin-right: auto; }
body.layout-soft .hero-poster img,
body.layout-soft .spotlight,
body.layout-soft .series-poster img,
body.layout-soft .contact-card,
body.layout-soft .about-tile,
body.layout-soft .company-card { border-radius: 14px; }
body.layout-no-numbers .section .section-head h2::before { display: none; }

/* light palette adjustments */
body.theme-light .site-header { background: rgba(255,255,255,0.700); }
body.theme-light .site-header.is-solid { background: rgba(255,255,255,0.940); }
body.theme-light .main-nav a { color: #93A4B5; }
body.theme-light .main-nav a.is-active { color: #E8F0F5; }
body.theme-light .card-media { background: #E7DFD2; box-shadow: inset 0 0 0 1px rgba(23,20,15,0.120); }
body.theme-light .spotlight { background: linear-gradient(135deg, #FFFDF8, #EFE8DB); }
body.theme-light .about-tile,
body.theme-light .contact-card,
body.theme-light .company-card,
body.theme-light .callout,
body.theme-light .empty-state { background: rgba(255,255,255,0.550); }
body.theme-light .field input,
body.theme-light .field textarea,
body.theme-light .field select { background: #ffffff; }
body.theme-light .prose p, body.theme-light .prose li { color: #4B453B; }
body.theme-light .hero-poster img { box-shadow: 18px 18px 0 -2px rgba(23,20,15,0.120), var(--shadow); }
body.theme-light .big-play { background: rgba(255,255,255,0.700); color: #17140F; }
body.theme-light .side-ep.is-current { background: rgba(94,200,216,0.120); }

@media (max-width: 960px) {
  body.layout-single { --header-h: 64px; }
  body.layout-single .header-inner { height: 64px; }
  body.layout-center .hero-poster { display: none; }
}