@layer base{body{background:linear-gradient(180deg,#7ec4ee 0,#a9d8f4 420px,#d6eefb 900px,#e9f6fd);background-color:#e9f6fd}}.sky{position:absolute;inset:0 0 auto;height:100%;max-height:900px;pointer-events:none;overflow:hidden}.sun{position:absolute;top:118px;right:8%;width:110px;height:110px;border-radius:50%;background:#ffe07a;box-shadow:0 0 0 16px #ffffff38,0 0 0 40px #ffffff1f}.cloud{position:absolute}.cloud-1{top:58px;left:42%;width:150px;opacity:.95}.cloud-2{top:205px;right:3%;width:130px;opacity:.9}.cloud-3{top:640px;right:2%;width:190px;opacity:.8}.cloud-4{top:470px;left:1%;width:150px;opacity:.7}@media(max-width:640px){.sun{width:64px;height:64px;top:92px;right:22px;box-shadow:0 0 0 10px #ffffff38,0 0 0 24px #ffffff1f}.cloud-1,.cloud-3,.cloud-4{display:none}.cloud-2{top:138px;right:-6px;width:84px}}.stars,.moon,.scene-night,.logo-night{display:none}.stars{position:absolute;inset:0}.stars i{position:absolute;border-radius:50%;background:#fff8e1;box-shadow:0 0 4px #fff8e1cc;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.35}}.shooting-star{position:absolute;top:90px;left:18%;width:120px;height:2px;border-radius:2px;background:linear-gradient(90deg,#fff0,#fff);transform:rotate(18deg);opacity:0;animation:shoot 19s ease-in 6s infinite}@keyframes shoot{0%{opacity:0;translate:0 0}1%{opacity:1}4%{opacity:0;translate:340px 110px}to{opacity:0;translate:340px 110px}}.moon{position:absolute;top:100px;right:8%;width:120px;height:120px;filter:drop-shadow(0 0 22px rgb(244 241 222 / .35))}.sun,.cloud path,body,.scene-day img{transition:background-color 2s,fill 2s,filter 2s,top 2s,box-shadow 2s}[data-sky=dawn] body{background:linear-gradient(180deg,#7d9cd3 0,#c9b3d6 260px,#f7c3a0 560px,#fde3c6 900px,#fcefe2);background-color:#fcefe2}[data-sky=dusk] body{background:linear-gradient(180deg,#5a68a6 0,#a577a3 280px,#ee9a78 600px,#f9cfa6 900px,#fbe6d4);background-color:#fbe6d4}[data-sky=dawn] .sun,[data-sky=dusk] .sun{top:160px;background:#ffb65c;box-shadow:0 0 0 16px #ffd6a04d,0 0 0 40px #ffd6a026,0 0 80px 40px #ffaa6459}[data-sky=dusk] .sun{background:#ff9a52;top:175px}[data-sky=dawn] .cloud path{fill:#ffe9e0}[data-sky=dusk] .cloud path{fill:#fbd5d0}[data-sky=dawn] .scene-day img{filter:sepia(.18) saturate(1.1) brightness(.97)}[data-sky=dusk] .scene-day img{filter:sepia(.25) saturate(1.15) brightness(.88) hue-rotate(-8deg)}[data-sky=dawn] .sky-sub,[data-sky=dusk] .sky-sub{color:var(--color-ink)}[data-sky=night] body{background:linear-gradient(180deg,#08112a 0,#12224a 420px,#1b3260 900px,#22406f);background-color:#22406f}[data-sky=night] .stars,[data-sky=night] .moon,[data-sky=night] .scene-night{display:block}[data-sky=night] .sun,[data-sky=night] .scene-day{display:none}[data-sky=night] .cloud path{fill:#3a4e78}[data-sky=night] .cloud{opacity:.45}[data-sky=night] .logo-day{display:none}[data-sky=night] .logo-night{display:block}[data-sky=night] header .bg-ink{background:#fff;color:var(--color-ink)}[data-sky=night] .on-sky .bg-ink{box-shadow:0 0 0 1.5px #ffffff8c}[data-sky=night] .bg-white\/70{background:#ffffff1f}[data-sky=night] header .bg-white\/55{background:#ffffffe0}[data-sky=night] .on-sky,[data-sky=night] .on-sky h1{color:#f8fafc}[data-sky=night] .on-sky .sky-sub{color:#c9d7e8}[data-sky=night] main>:not(:has(.on-sky,[role=status],.sky-panel)){background:#f1f5faf2;border-radius:24px;margin-top:12px;box-shadow:0 10px 40px #00000040}@media(max-width:720px){[data-sky=night] main>:not(:has(.on-sky,[role=status],.sky-panel)){width:auto;margin-inline:10px}}@media(prefers-reduced-motion:reduce){.stars i,.shooting-star{animation:none}}@media(max-width:640px){.moon{width:72px;height:72px;top:84px;right:16px}[data-sky=dawn] .sun,[data-sky=dusk] .sun{top:96px;box-shadow:0 0 0 10px #ffd6a04d,0 0 0 24px #ffd6a026,0 0 50px 24px #ffaa644d}}.weather{position:fixed;inset:0;pointer-events:none;overflow:hidden}.weather-front{position:absolute;inset:0}.weather i,.weather b{position:absolute;display:none}.weather .veil{inset:0}.weather .fall{inset:-160px 0 0 -160px;background-repeat:repeat}.weather .mist{inset:0 -20%;background:radial-gradient(ellipse 45% 35% at 30% 65%,rgb(255 255 255 / .6),transparent),radial-gradient(ellipse 40% 30% at 75% 40%,rgb(255 255 255 / .5),transparent);animation:mist 40s ease-in-out infinite alternate}@keyframes mist{0%{transform:translate(-6%)}to{transform:translate(6%)}}.weather .flash{inset:0;background:#fff;opacity:0;animation:flash 13s infinite}@keyframes flash{0%,60%,61.4%,62.2%,to{opacity:0}60.6%{opacity:.35}61.8%{opacity:.22}}.weather .leaf{left:-20px;width:14px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3E%3Cpath d='M1 5 Q7 -2 13 5 Q7 12 1 5 Z' fill='%23D98B2B'/%3E%3C/svg%3E");animation:blow 9s linear infinite}@keyframes blow{0%{transform:translate(0) rotate(0)}50%{transform:translate(55vw,-30px) rotate(360deg)}to{transform:translate(110vw,10px) rotate(720deg)}}[data-weather=rain] .fall,[data-weather=drizzle] .fall,[data-weather=storm] .fall{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' stroke='white' stroke-opacity='.6' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M34 75 l-3 16'/%3E%3Cpath d='M73 16 l-3 16'/%3E%3Cpath d='M51 77 l-3 16'/%3E%3Cpath d='M64 80 l-3 16'/%3E%3Cpath d='M78 8 l-3 16'/%3E%3Cpath d='M81 1 l-3 16'/%3E%3Cpath d='M111 60 l-3 16'/%3E%3Cpath d='M37 70 l-3 16'/%3E%3Cpath d='M33 24 l-3 16'/%3E%3Cpath d='M95 60 l-3 16'/%3E%3Cpath d='M73 70 l-3 16'/%3E%3Cpath d='M64 50 l-3 16'/%3E%3Cpath d='M85 19 l-3 16'/%3E%3Cpath d='M33 81 l-3 16'/%3E%3C/svg%3E");animation:rain .55s linear infinite}[data-weather=rain] .fall-2,[data-weather=storm] .fall-2{background-size:170px 170px;opacity:.7;animation-duration:.8s}[data-weather=drizzle] .fall{opacity:.5;animation-duration:.9s}[data-weather=drizzle] .fall-2{display:none}@keyframes rain{to{transform:translate(-30px,120px)}}[data-weather=rain] .fall-2,[data-weather=storm] .fall-2{animation-name:rain-2}@keyframes rain-2{to{transform:translate(-42px,170px)}}[data-weather=snow] .fall{display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='white' fill-opacity='.9'%3E%3Ccircle cx='41' cy='136' r='2.8'/%3E%3Ccircle cx='6' cy='19' r='1.8'/%3E%3Ccircle cx='154' cy='13' r='2.2'/%3E%3Ccircle cx='10' cy='71' r='2.8'/%3E%3Ccircle cx='155' cy='102' r='2.8'/%3E%3Ccircle cx='104' cy='150' r='2.8'/%3E%3Ccircle cx='37' cy='96' r='1.4'/%3E%3Ccircle cx='12' cy='37' r='2.8'/%3E%3Ccircle cx='58' cy='69' r='2.8'/%3E%3Ccircle cx='80' cy='110' r='2.8'/%3E%3Ccircle cx='149' cy='92' r='2.8'/%3E%3Ccircle cx='152' cy='62' r='2.2'/%3E%3Ccircle cx='10' cy='74' r='1.8'/%3E%3Ccircle cx='86' cy='141' r='1.4'/%3E%3Ccircle cx='57' cy='149' r='2.2'/%3E%3Ccircle cx='75' cy='34' r='1.4'/%3E%3C/svg%3E");animation:snow 9s linear infinite}[data-weather=snow] .fall-2{background-size:240px 240px;opacity:.75;animation:snow-2 15s linear infinite}@keyframes snow{to{transform:translate(20px,160px)}}@keyframes snow-2{to{transform:translate(-30px,240px)}}[data-weather=fog] .mist,[data-weather=storm] .flash,[data-weather=windy] .leaf{display:block}:is([data-weather=overcast],[data-weather=fog],[data-weather=drizzle],[data-weather=rain],[data-weather=snow],[data-weather=storm]) .veil{display:block}[data-weather=overcast] .veil,[data-weather=drizzle] .veil{background:#7887964d}[data-weather=rain] .veil{background:#5f6c7c6b}[data-weather=storm] .veil{background:#2d344699}[data-weather=snow] .veil{background:#d7e0e973}[data-weather=fog] .veil{background:#e1e6eb80}.weather-front .veil{display:none!important}[data-sky=night] .veil{opacity:.55}.cloud-more{display:none}.cloud-5{top:120px;left:8%;width:210px}.cloud-6{top:300px;left:30%;width:260px}.cloud-7{top:40px;right:18%;width:230px}.cloud-8{top:380px;right:10%;width:200px}.cloud-9{top:560px;left:20%;width:240px}:is([data-weather=cloudy],[data-weather=overcast],[data-weather=windy],[data-weather=drizzle],[data-weather=rain],[data-weather=snow],[data-weather=storm]) .cloud-more{display:block;opacity:.9}:is([data-weather=overcast],[data-weather=drizzle],[data-weather=rain]) .cloud path{fill:#c3ccd5}[data-weather=snow] .cloud path{fill:#e6ebf0}[data-weather=storm] .cloud path{fill:#6f7a88}[data-sky=night]:is([data-weather=overcast],[data-weather=drizzle],[data-weather=rain],[data-weather=snow],[data-weather=storm]) .cloud path{fill:#34425e}.cloud{animation:drift var(--drift, 420s) linear infinite;animation-delay:calc(var(--drift, 420s) / -2)}.cloud-1{--drift: 380s}.cloud-2{--drift: 460s}.cloud-3{--drift: 520s}.cloud-4{--drift: 440s}.cloud-5{--drift: 400s}.cloud-6{--drift: 560s}.cloud-7{--drift: 480s}.cloud-8{--drift: 420s}.cloud-9{--drift: 500s}@keyframes drift{0%{translate:-110vw 0}to{translate:110vw 0}}[data-weather=windy] .cloud{animation-duration:calc(var(--drift, 420s) / 5)}@media(max-width:640px){.cloud-8,.cloud-9{display:none!important}.cloud-5{width:120px}.cloud-6{width:150px;top:250px}.cloud-7{width:120px}}:is([data-weather=overcast],[data-weather=fog],[data-weather=drizzle],[data-weather=rain],[data-weather=snow],[data-weather=storm]) :is(.sun,.moon,.stars){display:none!important}:is([data-weather=overcast],[data-weather=drizzle],[data-weather=rain]) :is(.scene-day img,.scene-night img){filter:saturate(.75) brightness(.92)}[data-weather=storm] :is(.scene-day img,.scene-night img){filter:saturate(.6) brightness(.78)}[data-weather=snow] :is(.scene-day img,.scene-night img){filter:saturate(.45) brightness(1.12) contrast(.92)}@media(prefers-reduced-motion:reduce){.weather .fall,.weather .mist,.cloud{animation:none!important}.weather .flash,.weather .leaf{display:none!important}}