html[data-theme-pending] body {
  visibility: hidden !important;
}

html[data-site-theme="light"] {
  color-scheme: light;
  background: linear-gradient(180deg, #f7f9fc, #eef3f9) !important;
}

html[data-site-theme="dark"] {
  color-scheme: dark;
}

html[data-site-theme="light"] body {
  background:
    radial-gradient(720px 340px at 0% 0%, rgba(26, 115, 232, 0.06), transparent 60%),
    linear-gradient(180deg, #f4f7fb, #eef3f9) !important;
  color: #0f172a !important;
}

html[data-site-theme="light"] body::before,
html[data-site-theme="light"] body::after {
  opacity: 0.38 !important;
}

html[data-site-theme="light"] .hero-card,
html[data-site-theme="light"] .page-hero,
html[data-site-theme="light"] .content-card,
html[data-site-theme="light"] .update-hero,
html[data-site-theme="light"] .update-panel,
html[data-site-theme="light"] .contact-hero,
html[data-site-theme="light"] .contact-info-card,
html[data-site-theme="light"] .contact-form-card,
html[data-site-theme="light"] .manual-card,
html[data-site-theme="light"] #study-card {
  background: #ffffff !important;
  border-color: #d8e2ef !important;
  color: #0f172a !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08) !important;
}

html[data-site-theme="light"] .hero-card::before,
html[data-site-theme="light"] .hero-card::after {
  opacity: 0.55;
}

html[data-site-theme="light"] .hero-topline,
html[data-site-theme="light"] .page-kicker,
html[data-site-theme="light"] .update-kicker,
html[data-site-theme="light"] .contact-kicker {
  background: #e8f0fe !important;
  border-color: #c6dafc !important;
  color: #1a73e8 !important;
  text-shadow: none !important;
}

html[data-site-theme="light"] .page-hero h1,
html[data-site-theme="light"] .contact-hero h1,
html[data-site-theme="light"] .update-hero h1,
html[data-site-theme="light"] .hero-footnote,
html[data-site-theme="light"] .settings-page-head h1,
html[data-site-theme="light"] .settings-section-head h2 {
  color: #0f172a !important;
}

html[data-site-theme="light"] .page-hero p,
html[data-site-theme="light"] .contact-hero p,
html[data-site-theme="light"] .update-hero p,
html[data-site-theme="light"] .hero-subtitle,
html[data-site-theme="light"] .settings-note,
html[data-site-theme="light"] .content-highlight {
  background: #f8fbff !important;
  color: #0f172a !important;
  border-color: #d8e2ef !important;
}

html[data-site-theme="light"] .content-section,
html[data-site-theme="light"] .faq-card,
html[data-site-theme="light"] .summary-card,
html[data-site-theme="light"] .update-item,
html[data-site-theme="light"] .settings-row,
html[data-site-theme="light"] .settings-custom-panel,
html[data-site-theme="light"] .settings-switch-row {
  background: #ffffff !important;
  border-color: #d8e2ef !important;
}

html[data-site-theme="light"] .content-section h2,
html[data-site-theme="light"] .content-section p,
html[data-site-theme="light"] .content-section li,
html[data-site-theme="light"] .faq-card h2,
html[data-site-theme="light"] .faq-card p,
html[data-site-theme="light"] .summary-value,
html[data-site-theme="light"] .update-version,
html[data-site-theme="light"] .summary-copy,
html[data-site-theme="light"] .update-date,
html[data-site-theme="light"] .update-category,
html[data-site-theme="light"] .update-title,
html[data-site-theme="light"] .update-list li,
html[data-site-theme="light"] .update-list li strong,
html[data-site-theme="light"] .settings-panel p,
html[data-site-theme="light"] .settings-panel li {
  color: #0f172a !important;
}

html[data-site-theme="light"] .stat-card,
html[data-site-theme="light"] .info-card,
html[data-site-theme="light"] .settings-sidebar,
html[data-site-theme="light"] .settings-page-head,
html[data-site-theme="light"] .settings-section {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: #d8e2ef !important;
}

html[data-site-theme="light"] .stat-value,
html[data-site-theme="light"] .stat-label,
html[data-site-theme="light"] .info-card a,
html[data-site-theme="light"] .info-card span,
html[data-site-theme="light"] .info-label {
  color: #0f172a !important;
}

html[data-site-theme="light"] .hero-btn-secondary {
  background: #f8fbff !important;
  color: #0f172a !important;
  border-color: #d8e2ef !important;
}

html[data-site-theme="light"] .field span,
html[data-site-theme="light"] .contact-info-card h2,
html[data-site-theme="light"] .contact-info-card li {
  color: #0f172a !important;
}

html[data-site-theme="light"] .contact-submit {
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.18) !important;
}

html[data-site-theme="dark"] body {
  background:
    radial-gradient(1000px 560px at 12% 0%, rgba(34, 211, 238, 0.16), transparent 60%),
    radial-gradient(840px 520px at 100% 10%, rgba(37, 99, 235, 0.18), transparent 58%),
    linear-gradient(180deg, #06101d, #030914) !important;
}

html[data-site-theme="dark"] .settings-sidebar,
html[data-site-theme="dark"] .settings-page-head,
html[data-site-theme="dark"] .settings-section,
html[data-site-theme="dark"] .settings-list,
html[data-site-theme="dark"] .settings-quality-card,
html[data-site-theme="dark"] .settings-custom-panel,
html[data-site-theme="dark"] .settings-switch-row {
  background: rgba(8, 18, 34, 0.92) !important;
  border-color: rgba(154, 182, 214, 0.22) !important;
  color: #f7fbff !important;
  box-shadow: 0 24px 60px rgba(2, 8, 22, 0.34) !important;
}

html[data-site-theme="dark"] .settings-page-head p,
html[data-site-theme="dark"] .settings-section-head p,
html[data-site-theme="dark"] .settings-row-copy p,
html[data-site-theme="dark"] .settings-custom-head p,
html[data-site-theme="dark"] .settings-switch-copy small,
html[data-site-theme="dark"] .settings-sidebar-title {
  color: #d8e6f6 !important;
}

html[data-site-theme="dark"] .settings-page-head h1,
html[data-site-theme="dark"] .settings-section-head h2,
html[data-site-theme="dark"] .settings-quality-head h3,
html[data-site-theme="dark"] .settings-row-copy h3,
html[data-site-theme="dark"] .settings-custom-head h3,
html[data-site-theme="dark"] .settings-switch-copy strong {
  color: #ffffff !important;
}

html[data-site-theme="dark"] .settings-quality-card p {
  color: #dbeafe !important;
}

html[data-site-theme="dark"] .settings-quality-list,
html[data-site-theme="dark"] .settings-quality-list li {
  color: #eef6ff !important;
}

html[data-site-theme="dark"] .settings-quality-card-selected {
  background:
    linear-gradient(180deg, rgba(17, 52, 93, 0.96), rgba(9, 30, 56, 0.96)) !important;
  border-color: rgba(120, 194, 255, 0.9) !important;
  box-shadow:
    inset 0 0 0 2px rgba(120, 194, 255, 0.3),
    0 24px 60px rgba(2, 8, 22, 0.34) !important;
}

html[data-site-theme="dark"] .settings-quality-card-selected:hover {
  border-color: #9fd8ff !important;
}

html[data-site-theme="dark"] .settings-quality-card-selected p,
html[data-site-theme="dark"] .settings-quality-card-selected .settings-quality-list,
html[data-site-theme="dark"] .settings-quality-card-selected .settings-quality-list li {
  color: #f2f8ff !important;
}

html[data-site-theme="dark"] .settings-theme-copy h3,
html[data-site-theme="dark"] .settings-theme-copy p {
  color: #0f172a !important;
}

html[data-site-theme="dark"] .settings-sidebar-nav a {
  color: #f7fbff !important;
}

html[data-site-theme="dark"] .settings-sidebar-nav a.active {
  background: rgba(255,255,255,0.1) !important;
  color: #8ec5ff !important;
}

html[data-site-theme="dark"] .settings-sidebar-nav a.active::before {
  background: #8ec5ff !important;
}

html[data-site-theme="dark"] .settings-kicker,
html[data-site-theme="dark"] .settings-badge-primary {
  background: rgba(8, 47, 73, 0.46) !important;
  color: #effbff !important;
}

html[data-site-theme="dark"] .settings-badge {
  background: rgba(255,255,255,0.12) !important;
  color: #d8e6f6 !important;
}

html[data-site-theme="dark"] .settings-note {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #0f172a !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
}