/* Night palette and the existing universe-particle presentation. */
body.theme-dark {
  color-scheme: dark;
  --shayu-xiaowo-surface: #18171d;
  --shayu-xiaowo-panel: #1d1e22;
  --shayu-xiaowo-line: #42444a;
  --shayu-xiaowo-line-soft: rgba(66, 68, 74, 0.62);
  --shayu-xiaowo-header: rgba(0, 0, 0, 0.94);
  --shayu-xiaowo-backdrop: rgba(0, 0, 0, 0.92);
  --shayu-xiaowo-text: #d2d2d2;
  --shayu-xiaowo-text-secondary: #a8a8a8;
  --shayu-xiaowo-text-muted: rgba(255, 255, 255, 0.62);
  --shayu-xiaowo-text-faint: #9a9a9a;
  --shayu-xiaowo-text-strong: rgba(255, 255, 255, 0.92);
  --shayu-xiaowo-title-hover: #fff;
  --shayu-xiaowo-dot: rgba(255, 255, 255, 0.55);
  --shayu-xiaowo-hover: rgba(255, 255, 255, 0.025);
  --shayu-xiaowo-tag-text: #e5e5e5;
  --shayu-xiaowo-tag-background: #2c2c2c;
  --shayu-xiaowo-accent-line: #555;
  --shayu-xiaowo-shadow: rgba(44, 45, 48, 0.05);
  --shayu-xiaowo-panel-shadow: rgba(0, 0, 0, 0.05);
  --shayu-xiaowo-selection-text: #fff;
  --shayu-xiaowo-selection-background: rgba(255, 255, 255, 0.22);
  --shayu-xiaowo-main-gradient: linear-gradient(90deg, #343434, #555);
  --shayu-xiaowo-strong-gradient: linear-gradient(90deg, #c8c8c8, #fff);
}

body.theme-dark #shayu-xiaowo-universe {
  visibility: visible;
  opacity: 1;
  transition: opacity 450ms ease, visibility 0ms step-start;
}