:root{--grain:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'><filter%20id='g'%20color-interpolation-filters='sRGB'><feTurbulence%20type='fractalNoise'%20baseFrequency='.9'%20numOctaves='2'%20stitchTiles='stitch'/><feColorMatrix%20type='saturate'%20values='0'/><feComponentTransfer><feFuncR%20type='linear'%20slope='2.4'%20intercept='-.44'/><feFuncG%20type='linear'%20slope='2.4'%20intercept='-.44'/><feFuncB%20type='linear'%20slope='2.4'%20intercept='-.44'/><feFuncA%20type='linear'%20slope='0'%20intercept='1'/></feComponentTransfer></filter><rect%20width='180'%20height='180'%20filter='url(%23g)'%20opacity='.03'/></svg>")}.atmos{isolation:isolate;--hz:max(78svh,528px);--sag:3.444vw;--ry:7.70vw;--d:min(2200px,2.15 * var(--hz))}.atmos-sky{position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:calc(var(--hz) + var(--sag));transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse 26% 24% at 17% 50%,rgba(96,190,245,.075),transparent 70%),radial-gradient(ellipse 24% 22% at 83% 61%,rgba(190,132,245,.065),transparent 70%),linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.05) 52%,rgba(255,255,255,.14) 76%,rgba(255,255,255,.34) 89%,rgba(255,255,255,.60) calc(100% - var(--sag)),rgba(255,255,255,.60) 100%)}.atmos-sky::before{content:"";position:absolute;left:50%;top:calc(var(--hz) - 0.535 * var(--d));width:var(--d);aspect-ratio:1;transform:translateX(-50%);background:radial-gradient(ellipse 50% 50% at 50% 50%,transparent 0 72.8%,rgba(255,255,255,1) 75.6%,rgba(255,255,255,.55) 77.8%,rgba(255,255,255,.24) 81%,rgba(255,255,255,.09) 86%,transparent 93%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.56),rgba(255,255,255,.26) 42%,rgba(255,255,255,.08) 66%,transparent 80%);-webkit-mask-image:linear-gradient(180deg,#000 0 52%,rgba(0,0,0,.6) 60%,transparent 72%);mask-image:linear-gradient(180deg,#000 0 52%,rgba(0,0,0,.6) 60%,transparent 72%)}.atmos-clouds{position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:calc(var(--hz) + var(--sag));transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse 19% 2.2% at 21% 44%,rgba(255,252,250,.13),transparent 72%),radial-gradient(ellipse 16% 1.9% at 77% 39%,rgba(246,250,255,.12),transparent 72%),radial-gradient(ellipse 24% 5.6% at 31% 63%,rgba(255,251,248,.20),transparent 74%),radial-gradient(ellipse 13% 4.2% at 24% 59.5%,rgba(255,251,248,.15),transparent 76%),radial-gradient(ellipse 20% 4.8% at 70% 57%,rgba(246,250,255,.18),transparent 74%),radial-gradient(ellipse 10% 3.6% at 77.5% 54%,rgba(246,250,255,.13),transparent 76%),radial-gradient(ellipse 34% 2.6% at 52% 72%,rgba(255,255,255,.16),transparent 76%)}.atmos-arcs,.atmos-arcs::before,.atmos-arcs::after{position:absolute;aspect-ratio:1;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 50%,transparent 0 78.2%,rgba(255,255,255,.55) 79.6%,rgba(255,255,255,.18) 80.8%,transparent 82.6%)}.atmos-arcs::before,.atmos-arcs::after{content:""}.atmos-arcs{z-index:-1;left:50%;top:calc(var(--hz) - 0.035 * var(--d) - 0.575 * var(--d));width:calc(1.15 * var(--d));transform:translateX(-50%);-webkit-mask-image:conic-gradient(from 0deg at 50% 50%,transparent 0deg 18deg,#000 42deg 88deg,transparent 112deg 360deg);mask-image:conic-gradient(from 0deg at 50% 50%,transparent 0deg 18deg,#000 42deg 88deg,transparent 112deg 360deg)}.atmos-arcs::before{left:calc(50% - 0.42 * var(--d));top:calc(0.575 * var(--d) - 0.14 * var(--d) - 0.65 * var(--d));width:calc(1.3 * var(--d));transform:translateX(-50%);opacity:.72;-webkit-mask-image:conic-gradient(from 0deg at 50% 50%,transparent 0deg 186deg,#000 208deg 262deg,transparent 284deg 360deg);mask-image:conic-gradient(from 0deg at 50% 50%,transparent 0deg 186deg,#000 208deg 262deg,transparent 284deg 360deg)}.atmos-arcs::after{left:calc(50% + 0.46 * var(--d));top:calc(0.575 * var(--d) + 0.06 * var(--d) - 0.775 * var(--d));width:calc(1.55 * var(--d));transform:translateX(-50%);opacity:.6;-webkit-mask-image:conic-gradient(from 0deg at 50% 50%,transparent 0deg 108deg,#000 126deg 168deg,transparent 190deg 360deg);mask-image:conic-gradient(from 0deg at 50% 50%,transparent 0deg 108deg,#000 126deg 168deg,transparent 190deg 360deg)}.atmos-ground{position:absolute;z-index:-1;left:50%;top:var(--hz);width:120vw;height:calc(var(--ry) + 62svh);transform:translateX(-50%);pointer-events:none;border-radius:50% 50% 0 0 / var(--ry) var(--ry) 0 0;background:radial-gradient(ellipse 34% 62% at 34% 0%,rgba(236,176,210,.19),transparent 74%),radial-gradient(ellipse 32% 58% at 68% 0%,rgba(140,206,242,.19),transparent 74%),linear-gradient(180deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.60) 34%,rgba(255,255,255,.22) 66%,transparent 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,1),inset 0 7px 12px -4px rgba(255,255,255,.95),inset 0 24px 34px -14px rgba(255,255,255,.6)}.atmos-ground::before{content:"";position:absolute;left:50%;top:0;width:var(--d);height:calc(.42 * var(--d));transform:translateX(-50%);background:radial-gradient(ellipse 37.75% 37.75% at 50% 3.5%,transparent 0 68%,rgba(255,255,255,.40) 76.5%,rgba(255,255,255,.20) 82%,rgba(255,255,255,.07) 88%,transparent 96%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.40) 34%,transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.40) 34%,transparent 78%)}.atmos-ground::after{content:"";position:absolute;left:50%;top:0;width:100vw;height:52%;transform:translateX(-50%);background:radial-gradient(ellipse 4% 66% at 50% 0%,rgba(255,255,255,.5),transparent 74%),radial-gradient(ellipse 27% 21% at 50% 0%,rgba(255,255,255,.46),transparent 76%),radial-gradient(ellipse 2.4% 42% at 34% 0%,rgba(240,205,224,.26),transparent 76%),radial-gradient(ellipse 2.2% 38% at 66% 0%,rgba(196,226,246,.24),transparent 76%),radial-gradient(ellipse 1.8% 24% at 40.5% 0%,rgba(255,255,255,.3),transparent 78%),radial-gradient(ellipse 1.6% 21% at 60% 0%,rgba(255,255,255,.27),transparent 78%)}@media (prefers-reduced-motion:no-preference){.atmos-sky{animation:atmos-breathe 24s ease-in-out infinite}}@keyframes atmos-breathe{0%,100%{opacity:.92}50%{opacity:1}}[data-theme="dark"]{--grain:none}[data-theme="dark"] .atmos-sky{animation:none;opacity:.16}[data-theme="dark"] .atmos-clouds{opacity:.12}[data-theme="dark"] .atmos-arcs{opacity:.17}[data-theme="dark"] .atmos-ground{opacity:.12}