html[data-theme="glass"] {
  --page: #090b12;
  --surface: #141722;
  --surface-raised: rgba(27, 30, 43, .76);
  --surface-soft: rgba(255,255,255,.065);
  --border: rgba(255,255,255,.12);
  --text: #f8f8fb;
  --text-muted: #a5a9b8;
  --shadow: 0 28px 80px rgba(0,0,0,.34);
  color-scheme: dark;
}
html[data-theme="glass"] body {
  background:
    radial-gradient(circle at 15% 0%, rgba(22,131,189,.2), transparent 28%),
    radial-gradient(circle at 85% 35%, rgba(139,215,245,.14), transparent 30%),
    var(--page);
}
html[data-theme="glass"] .card-poster,
html[data-theme="glass"] .split-section,
html[data-theme="glass"] .ranking-card {
  backdrop-filter: blur(20px) saturate(130%);
}

html[data-theme="neumorph"] {
  --page: #e7e9ef;
  --surface: #e7e9ef;
  --surface-raised: #eceef3;
  --surface-soft: rgba(255,255,255,.42);
  --border: rgba(255,255,255,.66);
  --text: #20232d;
  --text-muted: #737887;
  --shadow: 22px 22px 54px #c5c7cd, -22px -22px 54px #ffffff;
  color-scheme: light;
}
html[data-theme="neumorph"] body { background: var(--page); }
html[data-theme="neumorph"] body::before { opacity: .16; }
html[data-theme="neumorph"] .ambient { opacity: .1; }
html[data-theme="neumorph"] .site-header,
html[data-theme="neumorph"] .split-section,
html[data-theme="neumorph"] .ranking-card {
  border-color: rgba(255,255,255,.7);
  background: #e7e9ef;
  box-shadow: 10px 10px 25px #c7c9cf, -10px -10px 25px #fff;
  backdrop-filter: none;
}
html[data-theme="neumorph"] .header-search,
html[data-theme="neumorph"] .icon-button {
  border: 0;
  background: #e7e9ef;
  box-shadow: inset 4px 4px 9px #c7c9cf, inset -4px -4px 9px #fff;
}
html[data-theme="neumorph"] .header-search-panel {
  border-color: rgba(255,255,255,.78);
  background: #e7e9ef;
  box-shadow: 12px 12px 28px #c7c9cf, -10px -10px 26px #fff;
  backdrop-filter: none;
}
html[data-theme="neumorph"] .header-search-submit:hover,
html[data-theme="neumorph"] .header-search-submit:focus-visible,
html[data-theme="neumorph"] .header-match-link:hover,
html[data-theme="neumorph"] .header-match-link:focus-visible,
html[data-theme="neumorph"] .header-match-link.is-active,
html[data-theme="neumorph"] .header-hot-list a {
  background: #e7e9ef;
  box-shadow: inset 2px 2px 5px #c7c9cf, inset -2px -2px 5px #fff;
}
html[data-theme="neumorph"] .desktop-nav a:hover,
html[data-theme="neumorph"] .desktop-nav a.is-active {
  background: #e7e9ef;
  box-shadow: inset 3px 3px 7px #c7c9cf, inset -3px -3px 7px #fff;
}
html[data-theme="neumorph"] .hero { border: 6px solid #e7e9ef; box-shadow: var(--shadow); }
html[data-theme="neumorph"] .card-poster {
  border: 5px solid #e7e9ef;
  box-shadow: 9px 9px 20px #c9cbd1, -9px -9px 20px #fff;
}
html[data-theme="neumorph"] .card-poster:hover { box-shadow: 14px 14px 30px #c4c6cc, -12px -12px 28px #fff; }
html[data-theme="neumorph"] .section-kicker { color: #1475a9; }
html[data-theme="neumorph"] .compact-card:hover { background: rgba(255,255,255,.38); }
html[data-theme="neumorph"] .site-footer { border-color: rgba(40,45,60,.1); }