/* Shared night atmosphere, kept separate from article covers and daytime styling. */
body.nq-night-scene-page { position:relative; isolation:isolate; }
html:is([data-theme="dark"],.dark) body.nq-night-scene-page {
  background:#0b0c10 !important;
  --bg:#0b0c10; --text:#c0caf5; --muted:#a9b1d6;
  --nav-glass:rgba(11,12,16,.78); --nav-edge:rgba(255,255,255,.08);
}
html:is([data-theme="dark"],.dark) body.nq-night-scene-page::before,
html:is([data-theme="dark"],.dark) body.nq-night-scene-page::after,
html:is([data-theme="dark"],.dark) .nq-night-scene-page .hero-halo { display:none !important; }
#nq-night-scene { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; contain:strict; }
#nq-night-scene[hidden] { display:none !important; }
#nq-night-scene > div,#nq-night-scene > canvas { position:absolute; pointer-events:none; }
.nq-night-blue,.nq-night-pink { width:min(52rem,80vw); height:min(36rem,60vw); border-radius:50%; filter:blur(100px); opacity:.24; }
.nq-night-blue { top:-16rem; left:-3%; background:#7aa2f7; }
.nq-night-pink { top:-18rem; right:-6%; background:#f77daa; }
.nq-night-grid { inset:0; opacity:.55; background-image:linear-gradient(rgba(122,162,247,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(122,162,247,.055) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(#000,rgba(0,0,0,.72) 58%,transparent); }
.nq-night-dots { inset:0; background:radial-gradient(#202336 1px,transparent 1px) 0 0 / 24px 24px; opacity:.5; }
.nq-night-particles { inset:0; width:100%; height:100%; opacity:.85; }
.nq-night-orbit-one,.nq-night-orbit-two { left:50%; top:70%; border:1px solid rgba(161,140,209,.21); border-radius:50%; width:min(90vw,1280px); height:min(49vw,740px); transform:translate(-50%,-50%) rotate(-24deg); animation:nq-orbit-one 42s linear infinite; }
.nq-night-orbit-two { width:min(61vw,900px); height:max(108vh,740px); border-color:rgba(255,154,158,.2); animation:nq-orbit-two 54s linear infinite; }
@keyframes nq-orbit-one { from{transform:translate(-50%,-50%) rotate(-24deg)} to{transform:translate(-50%,-50%) rotate(336deg)} }
@keyframes nq-orbit-two { from{transform:translate(-50%,-50%) rotate(-19deg)} to{transform:translate(-50%,-50%) rotate(-379deg)} }
#nq-night-scene[data-paused="true"] > div { animation-play-state:paused !important; }
html[data-theme="dark"] .motion-site h1 .headline-line { color:#fff; text-shadow:0 0 22px rgba(192,202,245,.28); }
html[data-theme="dark"] .motion-site h1 .headline-accent { background-image:linear-gradient(135deg,#65b8fa,#7aa2f7 50%,#f4a2b8); text-shadow:none; filter:drop-shadow(0 0 16px rgba(122,162,247,.23)); }
html:is([data-theme="dark"],.dark) body.nq-archive-page > header { background:rgba(11,12,16,.78) !important; }
@media(max-width:768px) {
  .nq-night-blue,.nq-night-pink { top:-8rem; height:20rem; width:26rem; filter:blur(75px); opacity:.2; }
  .nq-night-blue {left:-12rem} .nq-night-pink {right:-12rem}
  .nq-night-orbit-one {width:140vw;height:65vh} .nq-night-orbit-two {width:100vw;height:100vh}
}
@media(prefers-reduced-motion:reduce) { #nq-night-scene > div { animation:none !important; } }
@media(forced-colors:active) { #nq-night-scene {display:none} }