.living-sky{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#070d18;--sky-top:#071533;--sky-mid:#2459a2;--sky-low:#e99d67;--sky-horizon:#6d596b;--ambient:#ffbc732e;--cloud-opacity:.3;--rain-opacity:0;--snow-opacity:0;--sleet-opacity:0;--fog-opacity:0;--haze-opacity:0;--wind-opacity:0;--storm-shade-opacity:0;--sun-opacity:0;--sun-disc:0;--moon-opacity:0;--star-opacity:0;--water-glow:#ffbe702e;--sun-x:72%;--sun-y:18%;--moon-x:18%;--moon-y:22%;--horizon-glow-opacity:0;--overcast:0;--deck-bright:1;--moon-tilt:0deg}.living-sky.instant *,.living-sky.instant :before,.living-sky.instant :after{transition:none!important}.living-sky[data-scene=overcast]{--ambient:#d0deeb1a}.living-sky[data-scene=rain]{--rain-opacity:.7;--ambient:#7696b912}.living-sky[data-scene=storm]{--ambient:#7696b90a;--rain-opacity:.95;--storm-shade-opacity:.8;--water-glow:#6e91b21a}.living-sky[data-scene=snow]{--ambient:#ebf4fa1f;--snow-opacity:.96;--water-glow:#dceaf41f}.living-sky[data-scene=sleet]{--rain-opacity:.3;--sleet-opacity:.94;--ambient:#d2e1ef12}.living-sky[data-scene=fog]{--fog-opacity:1;--ambient:#e1ebf117}.living-sky[data-scene=windy]{--wind-opacity:.9}.living-sky[data-scene=haze]{--haze-opacity:1;--ambient:#e2ab6c33}.living-sky .scene{z-index:-20;opacity:0;background:linear-gradient(180deg,var(--sky-top)0%,var(--sky-mid)42%,var(--sky-low)76%,var(--sky-horizon)100%);transition:background 1.2s,opacity .7s;position:fixed;inset:0;overflow:hidden}.living-sky.ready .scene{opacity:1}.living-sky .scene:after{content:"";pointer-events:none;background:linear-gradient(#0000 34%,#040a1629);position:absolute;inset:0}.living-sky .day-ambient{pointer-events:none;opacity:var(--sun-opacity);background:radial-gradient(circle at var(--sun-x)var(--sun-y),var(--ambient),transparent 46%);transition:opacity .6s;position:absolute;inset:0}.living-sky .overcast-sheet{pointer-events:none;opacity:var(--overcast);filter:blur(14px)brightness(var(--deck-bright,1));background:radial-gradient(58% 48% at 22% 26%,#d6e0ecd1,#0000 72%),radial-gradient(64% 52% at 60% 20%,#c6d2e2cc,#0000 74%),radial-gradient(56% 50% at 86% 30%,#cedae8c7,#0000 74%),radial-gradient(66% 56% at 40% 66%,#b8c6d8d1,#0000 76%),radial-gradient(60% 52% at 82% 72%,#c0cedecc,#0000 76%),linear-gradient(#c8d4e2cc,#a8b6cab8);transition:opacity 1.1s,filter .8s;position:absolute;inset:-6%}.living-sky .page-floor{z-index:-21;pointer-events:none;background:linear-gradient(180deg,var(--page-bg),#050a12);position:fixed;inset:0}.living-sky .horizon-glow{opacity:var(--horizon-glow-opacity);pointer-events:none;background:radial-gradient(ellipse 32% 24% at var(--sun-x)80%,#ffe297b3,#ff855347 40%,transparent 74%);transition:opacity .3s linear;position:absolute;inset:0}.living-sky .stars{opacity:var(--star-opacity);transition:opacity 1.1s;position:absolute;inset:0 0 32%}.living-sky .star{left:var(--sx);top:var(--sy);width:var(--r);height:var(--r);background:var(--star-color,#fff);opacity:var(--base);box-shadow:0 0 var(--glow)#d6e6ffcc;animation:ls-twinkle var(--tw-dur)ease-in-out var(--tw-delay)infinite alternate;border-radius:50%;position:absolute}@keyframes ls-twinkle{0%{opacity:calc(var(--base)*.35);transform:scale(.7)}to{opacity:var(--base);transform:scale(1)}}.living-sky .sun{left:var(--sun-x);top:var(--sun-y);width:78px;height:78px;opacity:calc(var(--sun-disc,0)*var(--sun-cloud,1));background:radial-gradient(circle at 50% 46%,#fffef2,#fff2cf 58%,#ffe0a1);border-radius:50%;transition:opacity .6s,left .5s,top .5s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 38px 16px #ffde9966,0 0 130px 66px #ffad5d33}.living-sky[data-scene=haze] .sun{background:radial-gradient(circle at 50% 46%,#ffe9c8,#ffd19a 60%,#f6b478);box-shadow:0 0 46px 20px #ffb15c4d,0 0 150px 90px #c16b3738}.living-sky[data-scene=overcast] .sun{filter:blur(6px)brightness(1.35);background:#fffce6eb;box-shadow:0 0 44px 20px #fffae075,0 0 140px 68px #e1ebf14d}.living-sky[data-scene=snow] .sun{filter:blur(3px)brightness(1.28);background:#fffdeef2;box-shadow:0 0 40px 16px #f8fcff8a,0 0 130px 60px #cee5f457}.living-sky .moon{left:var(--moon-x);top:var(--moon-y);width:74px;height:74px;opacity:var(--moon-opacity);transform:translate(-50%,-50%)rotate(var(--moon-tilt,0deg));transition:opacity .6s,left .5s,top .5s,transform .6s;position:absolute}.living-sky .moon.snap{transition:opacity .6s,transform .6s}.living-sky .moon svg{filter:drop-shadow(0 0 22px #c6ddf447)drop-shadow(0 0 60px #709ecf29);width:100%;height:100%;display:block}.living-sky .weather-shade{opacity:var(--storm-shade-opacity);pointer-events:none;background:radial-gradient(at 52% 26%,#38485b29,#0000 42%),linear-gradient(#030811c2,#0c182480 58%,#050c1652);transition:opacity .8s;position:absolute;inset:0}.living-sky[data-scene=storm][data-light=day] .weather-shade{opacity:.5}.living-sky[data-scene=storm][data-light=twilight] .weather-shade{opacity:.68}.living-sky .cloud-field{opacity:var(--cloud-opacity);filter:brightness(var(--deck-bright,1));transition:opacity 1.1s,filter .6s;position:absolute;inset:0}.living-sky .cloud{will-change:transform;animation:ls-drift var(--dur)linear var(--delay)infinite;position:absolute;left:-60vw}.living-sky .cloud svg{display:block}.living-sky[data-scene=overcast] .cloud-field,.living-sky[data-scene=rain] .cloud-field,.living-sky[data-scene=storm] .cloud-field,.living-sky[data-scene=snow] .cloud-field,.living-sky[data-scene=sleet] .cloud-field{filter:brightness(calc(.72*var(--deck-bright,1)))saturate(.72)}.living-sky[data-scene=storm] .cloud-field{filter:brightness(.42)saturate(.58)}.living-sky[data-scene=storm][data-light=day] .cloud-field{filter:brightness(.62)saturate(.62)}.living-sky[data-scene=storm][data-light=twilight] .cloud-field{filter:brightness(.5)saturate(.6)}.living-sky[data-scene=storm] .cloud-field.is-flashing{filter:brightness(.82)saturate(.64)}.living-sky .rain,.living-sky .snow,.living-sky .sleet,.living-sky .wind,.living-sky .fog,.living-sky .haze{pointer-events:none;transition:opacity .7s;position:absolute;inset:0;overflow:hidden}.living-sky .rain{opacity:var(--rain-opacity)}.living-sky .rain-drop{top:-14vh;left:var(--x);width:var(--width);height:var(--length);opacity:var(--drop-opacity);animation:ls-rain-drop var(--duration)linear var(--delay)infinite;background:linear-gradient(#0000,#cce2f3bf);border-radius:999px;position:absolute;transform:rotate(9deg)}.living-sky[data-scene=storm] .rain-drop{background:linear-gradient(#0000,#d2e6f7eb);transform:rotate(14deg)}.living-sky .snow{opacity:var(--snow-opacity)}.living-sky .snow-flake{top:-8vh;left:var(--x);width:var(--size);height:var(--size);opacity:var(--flake-opacity);animation:ls-snow-fall var(--duration)linear var(--delay)infinite;border-radius:42% 58% 54% 46%;position:absolute}.living-sky .snow-flake:after{content:"";border-radius:inherit;box-shadow:0 0 var(--glow)#e8f4ffb8;animation:ls-snow-sway var(--sway-duration)ease-in-out var(--sway-delay)infinite alternate;background:#fffffff2;position:absolute;inset:0}.living-sky .sleet{opacity:var(--sleet-opacity)}.living-sky .ice-pellet{top:-7vh;left:var(--x);width:var(--width);height:var(--length);opacity:var(--pellet-opacity);animation:ls-sleet-fall var(--duration)linear var(--delay)infinite;background:linear-gradient(#ffffff40,#def1fffa);border-radius:999px;position:absolute;transform:rotate(6deg);box-shadow:0 0 4px #c3e2fabf}.living-sky .wind{opacity:var(--wind-opacity)}.living-sky .wind-particle{top:var(--y);width:var(--length);height:1px;opacity:var(--particle-opacity);animation:ls-wind-sweep var(--duration)ease-out var(--delay)infinite;background:linear-gradient(90deg,#0000,#e1ecf57a,#0000);border-radius:999px;position:absolute;left:-22vw}.living-sky .wind-particle.debris{background:#8f7658;border-radius:80% 20% 70% 30%;width:7px;height:3px;animation-name:ls-debris-sweep}.living-sky .fog{opacity:var(--fog-opacity);filter:brightness(var(--deck-bright,1));-webkit-backdrop-filter:blur(6px)saturate(.5);background:linear-gradient(#dae4e929,#dae4e9a8 42%,#e2eaedc2 72%,#bcc9d094)}.living-sky .fog:before{content:"";filter:blur(24px);background:repeating-linear-gradient(#0000 0 8vh,#f4f8f980 11vh 19vh,#0000 23vh 31vh);animation:20s ease-in-out infinite alternate ls-fog-drift;position:absolute;inset:8% -22%}.living-sky .fog:after{content:"";filter:blur(24px);background:radial-gradient(38% 22% at 18% 36%,#fff9,#0000 75%),radial-gradient(46% 25% at 72% 58%,#eff4f68c,#0000 76%);animation:24s ease-in-out infinite alternate ls-fog-drift-back;position:absolute;inset:28% -28% -10%}.living-sky .haze{opacity:var(--haze-opacity);filter:brightness(var(--deck-bright,1));-webkit-backdrop-filter:saturate(.52)contrast(.78);background:linear-gradient(#b27e541f,#dba46a7a 58%,#9163498a)}.living-sky .haze:before{content:"";filter:blur(15px);background:repeating-linear-gradient(#0000 0 7vh,#e7b88040 9vh 13vh,#0000 16vh 23vh);position:absolute;inset:34% -15% 0}.living-sky .haze:after{content:"";filter:blur(15px);background:radial-gradient(70% 36% at 50% 76%,#e7b27775,#0000 76%);position:absolute;inset:34% -15% 0}.living-sky .lightning{pointer-events:none;position:absolute;inset:0}.living-sky .storm-flash{left:var(--flash-x);top:var(--flash-y);width:var(--flash-size);aspect-ratio:1.5;opacity:0;filter:blur(16px);mix-blend-mode:screen;background:radial-gradient(#e1edfff0,#89aedc73 32%,#0000 72%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.living-sky .storm-flash.active{animation:.58s ease-out ls-cloud-flash}.living-sky .water{background:repeating-linear-gradient(180deg,#e6effa0a 0 1px,transparent 1px 8px),linear-gradient(180deg,#060f1d00,#050d1ab8 34%,var(--page-bg)100%);height:18%;transition:background 1s;position:absolute;inset:auto 0 0}.living-sky .water:before{content:"";pointer-events:none;opacity:var(--sun-opacity);background:radial-gradient(ellipse 13% 100% at var(--sun-x)0%,var(--water-glow),transparent 70%);transition:opacity .6s;position:absolute;inset:0}@keyframes ls-drift{to{transform:translate(220vw)}}@keyframes ls-rain-drop{to{transform:translate(-9vw,122vh)rotate(9deg)}}@keyframes ls-snow-fall{to{transform:translateY(116vh)}}@keyframes ls-snow-sway{0%{transform:translateX(var(--sway-neg))rotate(-35deg)}to{transform:translateX(var(--sway))rotate(35deg)}}@keyframes ls-sleet-fall{to{transform:translate(-5vw,112vh)rotate(6deg)}}@keyframes ls-wind-sweep{0%{opacity:0;transform:translate(0)scaleX(.4)}12%{opacity:var(--particle-opacity)}78%{opacity:var(--particle-opacity)}to{opacity:0;transform:translate(145vw)scaleX(1.35)}}@keyframes ls-debris-sweep{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:.72}55%{transform:translate(75vw,-3vh)rotate(380deg)}to{opacity:0;transform:translate(145vw,5vh)rotate(820deg)}}@keyframes ls-fog-drift{to{transform:translate(4%)}}@keyframes ls-fog-drift-back{to{transform:translate(-7%)scale(1.04)}}@keyframes ls-cloud-flash{0%,to{opacity:0}7%{opacity:.68}14%{opacity:.1}23%{opacity:.54}34%{opacity:.06}43%{opacity:.34}62%{opacity:0}}.living-sky:not([data-scene=rain]):not([data-scene=storm]):not([data-scene=sleet]) .rain-drop,.living-sky:not([data-scene=snow]) .snow-flake,.living-sky:not([data-scene=snow]) .snow-flake:after,.living-sky:not([data-scene=sleet]) .ice-pellet,.living-sky:not([data-scene=windy]) .wind-particle,.living-sky:not([data-scene=fog]) .fog:before,.living-sky:not([data-scene=fog]) .fog:after{animation-play-state:paused}@media (max-width:640px){.living-sky .sun,.living-sky .moon{width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.living-sky .cloud,.living-sky .rain-drop,.living-sky .snow-flake,.living-sky .snow-flake:after,.living-sky .ice-pellet,.living-sky .wind-particle,.living-sky .fog:before,.living-sky .fog:after,.living-sky .star,.living-sky .storm-flash{animation:none!important}.living-sky .rain-drop,.living-sky .snow-flake,.living-sky .ice-pellet{top:var(--static-y)!important}.living-sky .wind-particle{left:var(--static-x)!important}.living-sky .cloud{transform:translateX(var(--static-x,60vw))}}