/* The miniature world's climate never changes the website's reading theme. */
.garden-panorama {
 --gwx-sky-top:#d9e9ec;--gwx-sky-bottom:#f8efdc;--gwx-tint:transparent;--gwx-light:1;
 --gwx-cloud:.23;--gwx-cloud-color:#fffaf3;--gwx-stars:0;--gwx-sun:1;--gwx-moon:0;
 --gwx-rain:0;--gwx-rain-near:0;--gwx-snow:0;--gwx-snow-near:0;--gwx-hail:0;--gwx-mist:0;--gwx-dust:0;--gwx-wind:0;--gwx-splash:0;
 --gwx-rain-speed:1.2s;--gwx-snow-speed:9s;
 --gf-stem:#88a185;--gf-leaf:#b5c9a2;--gf-bush:#d2dec2;--gf-tree:#dbe6cf;--gf-blossom:#ecd4dc;
 --gf-ground:#e7edd9;--gf-path:#f7ecd6;--gf-path-line:#d6c7b4;--gf-water:#c9ddda;--gf-water-line:#eff6ec;
 --gf-petal:#e8b9c9;--gf-lantern:#ede6cc;--gf-glass-door:#e8f0e6;
}
.garden-panorama[data-garden-time="night"] {
 --gwx-sky-top:#202942;--gwx-sky-bottom:#657186;--gwx-tint:#202f4930;--gwx-light:.78;
 --gwx-cloud:.12;--gwx-cloud-color:#9fadc9;--gwx-stars:.85;--gwx-sun:0;--gwx-moon:1;
 --gf-stem:#8fa28a;--gf-leaf:#7e977d;--gf-bush:#405b49;--gf-tree:#3a5245;--gf-blossom:#82647a;
 --gf-ground:#435846;--gf-path:#7b7462;--gf-path-line:#aba08c;--gf-water:#466f78;--gf-water-line:#93b4ad;
 --gf-petal:#cd9bb9;--gf-lantern:#ffe4a2;--gf-glass-door:#6c8475;
}
.garden-panorama[data-garden-time="day"] .gf-night{display:none}
.garden-panorama[data-garden-time="day"] .gf-day{display:inline}
.garden-panorama[data-garden-time="night"] .gf-night{display:inline}
.garden-panorama[data-garden-time="night"] .gf-day{display:none}
.gwx-sky-top{stop-color:var(--gwx-sky-top);transition:stop-color 2.8s ease}
.gwx-sky-bottom{stop-color:var(--gwx-sky-bottom);transition:stop-color 2.8s ease}
.gwx-sun{opacity:var(--gwx-sun);transition:opacity 2s ease}
.gwx-moon{opacity:var(--gwx-moon);transition:opacity 2s ease}
.gwx-stars{opacity:var(--gwx-stars)}
.gwx-clouds{color:var(--gwx-cloud-color);opacity:var(--gwx-cloud);transition:opacity 2s,color 2s}
.gwx-atmosphere{fill:var(--gwx-tint);transition:fill 2s}
.gwx-rain{opacity:var(--gwx-rain)}.gwx-rain-near{opacity:var(--gwx-rain-near)}
.gwx-snow{opacity:var(--gwx-snow)}.gwx-snow-near{opacity:var(--gwx-snow-near)}
.gwx-hail{opacity:var(--gwx-hail)}.gwx-dust{opacity:var(--gwx-dust)}
.gwx-fog{opacity:var(--gwx-mist)}.gwx-wind{opacity:var(--gwx-wind)}.gwx-splash{opacity:var(--gwx-splash)}
:is(.gwx-rain,.gwx-rain-near,.gwx-snow,.gwx-snow-near,.gwx-hail,.gwx-dust,.gwx-fog,.gwx-wind,.gwx-splash){transition:opacity 2s ease;pointer-events:none}
.gwx-eclipse-disc,.gwx-eclipse-shade,.gwx-corona,.gwx-lunar-red,.gwx-lightning{opacity:0}
.garden-panorama[data-garden-weather="cloudy"]{--gwx-cloud:.66;--gwx-sun:.6}
.garden-panorama:is([data-garden-weather="rain"],[data-garden-weather="heavy-rain"],[data-garden-weather="rainstorm"],[data-garden-weather="hail"],[data-garden-weather="thunder"]){
 --gwx-sky-top:#647d90;--gwx-sky-bottom:#c8d7d5;--gwx-cloud:.82;--gwx-cloud-color:#7c91a0;--gwx-sun:0;--gwx-moon:0;--gwx-stars:0;--gwx-rain:.34;--gwx-tint:#6d92a21a;--gwx-splash:.45;
}
.garden-panorama[data-garden-weather="heavy-rain"]{--gwx-rain:.58;--gwx-rain-near:.38;--gwx-rain-speed:.7s;--gwx-splash:.68}
.garden-panorama:is([data-garden-weather="rainstorm"],[data-garden-weather="thunder"]){--gwx-sky-top:#43596c;--gwx-sky-bottom:#92a9b1;--gwx-rain:.76;--gwx-rain-near:.62;--gwx-rain-speed:.45s;--gwx-light:.85;--gwx-wind:.35;--gwx-splash:.85}
.garden-panorama[data-garden-weather="hail"]{--gwx-rain:.17;--gwx-hail:.9;--gwx-rain-speed:.8s;--gwx-splash:.75}
.garden-panorama:is([data-garden-weather="light-snow"],[data-garden-weather="heavy-snow"],[data-garden-weather="blizzard"]){
 --gwx-sky-top:#a4b9cb;--gwx-sky-bottom:#e5e9e7;--gwx-cloud:.52;--gwx-cloud-color:#d4dfe5;--gwx-sun:.2;--gwx-moon:.18;--gwx-stars:0;--gwx-snow:.7;--gwx-tint:#cfdfed16;
}
.garden-panorama[data-garden-weather="heavy-snow"]{--gwx-snow:.95;--gwx-snow-near:.78;--gwx-snow-speed:6s;--gf-ground:#e0e9e7;--gf-path:#f4f4ea;--gwx-mist:.25}
.garden-panorama[data-garden-weather="blizzard"]{--gwx-snow:1;--gwx-snow-near:1;--gwx-snow-speed:2.2s;--gwx-wind:.65;--gwx-mist:.65;--gwx-sun:0;--gwx-moon:0;--gwx-sky-top:#6e8799;--gf-ground:#d6e1df;--gf-path:#ebf0e9}
.garden-panorama[data-garden-weather="dust"]{--gwx-sky-top:#a89172;--gwx-sky-bottom:#d9c39b;--gwx-tint:#b78b4542;--gwx-dust:.85;--gwx-wind:.65;--gwx-cloud:.35;--gwx-cloud-color:#bb9d79;--gwx-sun:.3;--gwx-stars:0;--gwx-moon:0}
.garden-panorama[data-garden-weather="haze"]{--gwx-sky-top:#a6adb0;--gwx-sky-bottom:#d6d4c6;--gwx-tint:#b6b7a839;--gwx-mist:.9;--gwx-sun:.25;--gwx-moon:0;--gwx-stars:0;--gwx-cloud:.4;--gwx-cloud-color:#c1c5be}
.garden-panorama[data-garden-weather="windstorm"]{--gwx-sky-top:#6e8587;--gwx-sky-bottom:#c2cfc6;--gwx-wind:.95;--gwx-cloud:.7;--gwx-cloud-color:#9bb0b2;--gwx-sun:0;--gwx-moon:0;--gwx-stars:0;--gwx-tint:#738e8422}
.garden-panorama[data-garden-time="night"]:not([data-garden-weather="clear-night"]):not([data-garden-weather="lunar-eclipse"]){--gwx-sky-top:#283748;--gwx-sky-bottom:#758591;--gwx-sun:0;--gwx-light:.74}
.garden-panorama[data-garden-time="day"] .gwx-moon{opacity:0}
.garden-panorama[data-garden-time="night"] .gwx-sun{opacity:0}
.garden-panorama[data-garden-weather="solar-eclipse"]{--gwx-cloud:.1}
.garden-panorama[data-garden-weather="lunar-eclipse"]{--gwx-cloud:.08}

.garden-weather-control{display:none;position:absolute;bottom:12px;left:14px;z-index:3;max-width:calc(100% - 28px);color:var(--coast-ink);font-size:11px;line-height:1.45}
html[data-icon-theme="flowers"] .garden-weather-control{display:block}
.garden-weather-control summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;border:1px solid var(--coast-line);border-radius:30px;padding:6px 10px;background:var(--coast-paper);box-shadow:0 3px 10px #26394212;user-select:none}
.garden-weather-control summary::-webkit-details-marker{display:none}
.garden-weather-control summary:focus-visible{outline:2px solid var(--coast-brand);outline-offset:3px}
.gwx-control-icon{color:var(--coast-brand);font-size:16px;line-height:1}
.gwx-control-chevron{color:var(--coast-muted);font-size:13px}
.garden-weather-control[open] .gwx-control-chevron{transform:rotate(180deg)}
.gwx-weather-panel{position:absolute;bottom:calc(100% + 8px);left:0;width:245px;max-width:calc(100vw - 62px);padding:13px;background:var(--coast-paper);border:1px solid var(--coast-line);border-radius:15px;box-shadow:0 8px 24px #26394224}
.gwx-weather-panel strong{font-size:13px}.gwx-weather-panel p{margin:4px 0 10px;color:var(--coast-muted);font-size:11px}
.gwx-weather-panel label{display:block;font-size:10px;color:var(--coast-muted);margin-bottom:4px}
.gwx-weather-panel select{box-sizing:border-box;width:100%;height:34px;border:1px solid var(--coast-line);border-radius:9px;background:var(--coast-bg);color:var(--coast-ink);font:inherit;padding:0 8px}
.gwx-weather-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:10px;font-size:9px;color:var(--coast-muted)}
.gwx-weather-bottom button{border:0;background:var(--coast-soft);color:var(--coast-brand);border-radius:7px;padding:6px 8px;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}

@media(prefers-reduced-motion:no-preference){
 .gwx-sun-rays{animation:gwx-spin 90s linear infinite;transform-origin:0 0}
 .gwx-stars{animation:gwx-twinkle 7s ease-in-out infinite}
 .gwx-cloud-drift{animation:gwx-cloud 70s linear infinite}
 .gwx-rain-move{animation:gwx-rain var(--gwx-rain-speed) linear infinite}
 .gwx-rain-near-move{animation:gwx-rain-near var(--gwx-rain-speed) linear infinite}
 .gwx-snow-move{animation:gwx-snow var(--gwx-snow-speed) linear infinite}
 .gwx-snow-near-move{animation:gwx-snow-near calc(var(--gwx-snow-speed) * .7) linear infinite}
 .gwx-hail-move{animation:gwx-hail .85s linear infinite}
 .gwx-dust-move{animation:gwx-dust 1.8s linear infinite}
 .gwx-wind-move{animation:gwx-wind 1.3s linear infinite}
 .gwx-fog{animation:gwx-fog 18s ease-in-out infinite}
 .gwx-splash{animation:gwx-splash 1.2s ease-in-out infinite}
 [data-garden-wind="strong"] .gwx-cloud-drift{animation-duration:22s}
 [data-garden-wind="strong"] .gf-sway{animation-duration:1.7s}
 [data-garden-wind="strong"] .gf-tree-sway{animation-duration:2.8s}
 [data-garden-weather="thunder"] .gwx-lightning{animation:gwx-lightning 9s ease-in-out infinite}
 [data-garden-weather="solar-eclipse"] .gwx-eclipse-disc{opacity:1;animation:gwx-eclipse var(--gwx-cycle,48s) ease-in-out both}
 [data-garden-weather="solar-eclipse"] .gwx-eclipse-shade{animation:gwx-eclipse-shade var(--gwx-cycle,48s) ease-in-out both}
 [data-garden-weather="solar-eclipse"] .gwx-corona{animation:gwx-corona var(--gwx-cycle,48s) ease-in-out both}
 [data-garden-weather="lunar-eclipse"] .gwx-lunar-red{animation:gwx-blood-moon var(--gwx-cycle,48s) ease-in-out both}
 [data-garden-weather="lunar-eclipse"] .gwx-eclipse-disc{opacity:1;animation:gwx-eclipse var(--gwx-cycle,48s) ease-in-out both;fill:#482c3844}
 .gwx-motion{animation-play-state:paused}
 .gwx-cloud-drift,.gwx-sun-rays,.gwx-stars{animation-play-state:running}
 [data-garden-weather="solar-eclipse"] :is(.gwx-eclipse-disc,.gwx-eclipse-shade,.gwx-corona),
 [data-garden-weather="lunar-eclipse"] :is(.gwx-eclipse-disc,.gwx-lunar-red),
 [data-garden-weather="thunder"] .gwx-lightning,
 :is([data-garden-weather="rain"],[data-garden-weather="heavy-rain"],[data-garden-weather="rainstorm"],[data-garden-weather="hail"],[data-garden-weather="thunder"]) :is(.gwx-rain-move,.gwx-rain-near-move,.gwx-splash),
 :is([data-garden-weather="light-snow"],[data-garden-weather="heavy-snow"],[data-garden-weather="blizzard"]) :is(.gwx-snow-move,.gwx-snow-near-move),
 :is([data-garden-weather="haze"],[data-garden-weather="heavy-snow"],[data-garden-weather="blizzard"]) .gwx-fog,
 [data-garden-weather="hail"] .gwx-hail-move,[data-garden-weather="dust"] .gwx-dust-move,
 [data-garden-wind="strong"] .gwx-wind-move{animation-play-state:running}
 [data-garden-weather-paused="true"] .gwx-motion{animation-play-state:paused!important}
}
@keyframes gwx-spin{to{transform:rotate(360deg)}}
@keyframes gwx-twinkle{0%,100%{opacity:var(--gwx-stars)}50%{opacity:calc(var(--gwx-stars) * .45)}}
@keyframes gwx-cloud{to{transform:translateX(640px)}}
@keyframes gwx-rain{to{transform:translate(-70px,80px)}}
@keyframes gwx-rain-near{from{transform:translate(35px,-40px)}to{transform:translate(-35px,40px)}}
@keyframes gwx-snow{to{transform:translate(112px,110px)}}
@keyframes gwx-snow-near{from{transform:translate(56px,-55px)}to{transform:translate(-56px,55px)}}
@keyframes gwx-hail{to{transform:translateY(110px)}}
@keyframes gwx-dust{to{transform:translateX(200px)}}
@keyframes gwx-wind{to{transform:translateX(260px)}}
@keyframes gwx-fog{0%,100%{transform:translateX(-35px)}50%{transform:translateX(35px)}}
@keyframes gwx-splash{0%,100%{opacity:calc(var(--gwx-splash) * .45);transform:translateY(2px)}50%{opacity:var(--gwx-splash);transform:translateY(-1px)}}
@keyframes gwx-lightning{0%,72%,80%,100%{opacity:0}75%{opacity:.85}78%{opacity:.15}}
@keyframes gwx-eclipse{0%,5%{transform:translateX(0)}43%,57%{transform:translateX(55px)}95%,100%{transform:translateX(110px)}}
@keyframes gwx-eclipse-shade{0%,100%{opacity:0}43%,57%{opacity:.48}}
@keyframes gwx-corona{0%,30%,72%,100%{opacity:0}43%,57%{opacity:1}}
@keyframes gwx-blood-moon{0%,100%{opacity:0}43%,57%{opacity:.9}}
@media(max-width:920px){.gwx-weather-panel p{display:none}.gwx-weather-panel{padding:10px}.gwx-weather-panel label{margin-top:6px}}
@media(prefers-reduced-motion:reduce){
 .gwx-motion{animation:none!important;transition:none!important}
 [data-garden-weather="solar-eclipse"] .gwx-eclipse-disc{opacity:1;transform:translateX(55px)}
 [data-garden-weather="solar-eclipse"] .gwx-corona{opacity:1}
 [data-garden-weather="solar-eclipse"] .gwx-eclipse-shade{opacity:.35}
 [data-garden-weather="lunar-eclipse"] .gwx-lunar-red{opacity:.9}
}
