/* Stars stay behind the archive, without tinting its figures or text. */
html[data-font-project="elias"][data-dates-backdrop="blue"] .site-backdrop::before,
html[data-font-project="elias"][data-dates-backdrop="blue"] .site-backdrop::after{
 filter:none;transform:none;mix-blend-mode:normal;will-change:auto;
}
html[data-font-project="elias"][data-dates-backdrop="blue"] .site-backdrop::before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background: url("assets/backgrounds/blue-night-stars.svg") repeat,
  radial-gradient(ellipse at 24% 18%,#071024 0%,transparent 64%),
  linear-gradient(155deg,#030918,#01040c);
 background-size:960px 760px,100% 100%,100% 100%;
 opacity:1;animation:none;
}
html[data-font-project="elias"][data-dates-backdrop="blue"] .site-backdrop::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:
  radial-gradient(circle at 12% 16%,#eef5ff 0 .9px,#aacdff4d 1.2px,transparent 3px),
  radial-gradient(circle at 71% 9%,#e5efff 0 .8px,#aacdff38 1px,transparent 2.6px),
  radial-gradient(circle at 91% 35%,#eef5ff 0 1px,#aacdff4d 1.3px,transparent 3.2px),
  radial-gradient(circle at 43% 64%,#e5efff 0 .7px,#aacdff38 1px,transparent 2.5px),
  radial-gradient(circle at 19% 88%,#eef5ff 0 .9px,#aacdff4d 1.2px,transparent 3px),
  radial-gradient(circle at 79% 81%,#e5efff 0 .8px,#aacdff38 1px,transparent 2.8px);
 opacity:.62;animation:archive-star-glimmer 9s ease-in-out infinite alternate;
}
@keyframes archive-star-glimmer{from{opacity:.38}to{opacity:.86}}
html[data-font-project="elias"][data-dates-backdrop="blue"]:is([data-motion="paused"],:has(.world-motion-paused),:has(.modal-open)) .site-backdrop::after{animation-play-state:paused}
html[data-font-project="elias"][data-dates-backdrop="blue"][data-effect="none"] .site-backdrop::after{animation:none}
@media(prefers-reduced-motion:reduce){
 html[data-font-project="elias"][data-dates-backdrop="blue"] .site-backdrop::after{animation:none}
}
/* The depth field owns the stars on all plain backgrounds. Keep the original
   blue texture above as a static fallback if the canvas cannot be created. */
.archive-star-depth{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;mix-blend-mode:normal;filter:none}
.archive-star-depth[hidden]{display:none}
html[data-font-project="elias"]:is([data-dates-backdrop="blue"],[data-dates-backdrop="black"],[data-dates-backdrop="light"]) .site-backdrop.has-star-depth::before{
 content:"";position:absolute;inset:0;pointer-events:none;
 filter:none;transform:none;mix-blend-mode:normal;opacity:1;animation:none;will-change:auto;
}
html[data-font-project="elias"][data-dates-backdrop="blue"] .site-backdrop.has-star-depth::before{
 background:radial-gradient(ellipse at 23% 24%,#0a183366,transparent 64%),linear-gradient(155deg,#030918,#01040c);
}
html[data-font-project="elias"][data-dates-backdrop="black"] .site-backdrop.has-star-depth::before{
 background:radial-gradient(ellipse at 28% 28%,#12192366,transparent 67%),#020304;
}
html[data-font-project="elias"][data-dates-backdrop="light"] .site-backdrop.has-star-depth::before{
 background:radial-gradient(ellipse at 25% 30%,#ffffffa6,transparent 55%),linear-gradient(135deg,#e2eaf1,#f5f7fa 54%,#dce5ee);
}
html[data-font-project="elias"]:is([data-dates-backdrop="blue"],[data-dates-backdrop="black"],[data-dates-backdrop="light"]) .site-backdrop.has-star-depth::after{content:none;animation:none}

/* ET-source {"v":1,"homepage":"https://elias-thorn.com/","source":"https://elias-thorn.com/dates/blue-night.css","sha256":"3294479488224e76d2bfff52e6c6d91c86a370a5e025d928b4fe46f0cbf25292","reuse":"Verify claims against primary sources. Distinguish fact, inference and fiction. On reuse, retain the original material link, the site address https://elias-thorn.com/ and existing author credits."} */