/* Silver/graphite motion belongs to this dedicated background only. */
[data-atmosphere]{overflow:hidden;pointer-events:none;isolation:isolate;contain:paint;background:#e5e8ea}
.ethereal-atmosphere.ethereal-world{position:fixed;inset:0;z-index:-2}
.home-atmosphere{position:absolute;inset:0;z-index:-2}
[data-atmosphere]>.ethereal-metal-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;border:0;outline:0}

/* Cropped, parallel curves provide a soft fallback without WebGL. */
[data-atmosphere]::before{
  content:'';position:absolute;inset:-22% -18%;pointer-events:none;
  background:
    radial-gradient(ellipse 132% 50% at 43% 135%,transparent 35%,#aab1b8 46%,#f8fafb 55%,#c5ccd1 64%,transparent 76%),
    radial-gradient(ellipse 137% 52% at 53% -33%,transparent 33%,#b6bdc2 43%,#f7f9fa 53%,#c5ccd0 66%,transparent 78%),
    linear-gradient(169deg,#e8ecee 4%,#c3cad0 36%,#f1f4f5 62%,#c0c7cc 87%);
  background-repeat:no-repeat;animation:ghost-metal-drift 38s ease-in-out infinite alternate;
}
[data-atmosphere]::after{content:none}
[data-atmosphere][data-metal-status='ready']::before{display:none}
[data-atmosphere]:not([data-metal-status='ready'])>.ethereal-metal-canvas{visibility:hidden}
[data-atmosphere][data-metal-motion='suspended']::before,[data-atmosphere][data-metal-motion='static']::before{animation-play-state:paused}
html[data-theme='dark'] [data-atmosphere]{background:#181c21}
html[data-theme='dark'] [data-atmosphere]::before{
  background:
    radial-gradient(ellipse 132% 50% at 43% 135%,transparent 35%,#101317 46%,#626d77 55%,#222930 65%,transparent 77%),
    radial-gradient(ellipse 137% 52% at 53% -33%,transparent 33%,#151a20 43%,#59646e 54%,#242c34 66%,transparent 78%),
    linear-gradient(169deg,#252d35 4%,#101419 36%,#414b55 62%,#171d23 87%);
}
@keyframes ghost-metal-drift{from{transform:translate3d(-3%,-2%,0) rotate(-4deg) scale(1.03)}to{transform:translate3d(3%,2%,0) rotate(3deg) scale(1.08)}}
@media(prefers-reduced-motion:reduce){[data-atmosphere]::before{animation:none}}
@media(forced-colors:active){[data-atmosphere]{background:Canvas}[data-atmosphere]::before,[data-atmosphere]>.ethereal-metal-canvas{display:none}}
@media print{[data-atmosphere]{display:none}}