:root{--color-paper:#fbf8f1;--color-text:var(--color-paper);--color-paper-soft:#f6f1e7b8;--color-ink:#121c26;--color-ink-soft:#16202bb8;--color-accent:#e19100;--color-accent-ink:#1a0f03;--color-focus:#fdca3a;--color-shadow:#01060f94;--color-overlay-top:#01060f24;--color-overlay-bottom:#01060f57;--color-glass:#ffffff3d;--color-glass-strong:#ffffff7a;--color-rain-drop:#b2defff5;--color-clear-top:#82d2f3;--color-clear-bottom:#e8f8ff;--color-cloud-top:#597689;--color-cloud-bottom:#94abbc;--color-rain-top:#2b4b63;--color-rain-bottom:#607f91;--color-storm-top:#1c2441;--color-storm-bottom:#39526a;--color-snow-top:#8caab9;--color-snow-bottom:#cce3e8;--color-mist-top:#788e92;--color-mist-bottom:#adbfbe;--color-night-top:#121b42;--color-night-bottom:#254769;--font-display:"Arial Narrow", "Roboto Condensed", Arial, sans-serif;--font-body:Montserrat, "Avenir Next", "Segoe UI", sans-serif;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:2rem;--text-display:clamp(5rem, 18vw, 7.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.16s;--dur-normal:.42s;--dur-weather:.9s;--radius-control:1rem 0 1rem 0;--radius-round:999px;--rule-thick:3px}@supports (color:color(display-p3 0 0 0)){:root{--color-paper:color(display-p3 .982905 .973662 .947911);--color-paper-soft:color(display-p3 .960343 .94743 .911542/.72);--color-ink:color(display-p3 .0770835 .106838 .144889);--color-ink-soft:color(display-p3 .0949327 .125306 .16413/.72);--color-accent:color(display-p3 .848198 .576122 .0986937);--color-accent-ink:color(display-p3 .0946368 .0613487 .0183169);--color-focus:color(display-p3 .958917 .798613 .344522);--color-shadow:color(display-p3 .00836608 .0232519 .0542052/.58);--color-overlay-top:color(display-p3 .00836608 .0232519 .0542052/.14);--color-overlay-bottom:color(display-p3 .00836608 .0232519 .0542052/.34);--color-glass:color(display-p3 1 1 1/.24);--color-glass-strong:color(display-p3 1 1 1/.48);--color-rain-drop:color(display-p3 .606778 .876052 1.12818/.96);--color-cloud-top:color(display-p3 .372102 .458701 .530093);--color-cloud-bottom:color(display-p3 .598048 .66948 .728723);--color-rain-top:color(display-p3 .19905 .292039 .379411);--color-rain-bottom:color(display-p3 .402909 .494861 .563012);--color-storm-top:color(display-p3 .116316 .142046 .247807);--color-storm-bottom:color(display-p3 .246039 .32024 .408034);--color-snow-top:color(display-p3 .571079 .662558 .719338);--color-snow-bottom:color(display-p3 .817809 .886086 .908073);--color-mist-top:color(display-p3 .488252 .552795 .568031);--color-mist-bottom:color(display-p3 .690259 .746038 .745556);--color-night-top:color(display-p3 .0777038 .105184 .250051);--color-night-bottom:color(display-p3 .178707 .276332 .401028)}}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(97.7268% .109106 3.82355);--color-paper-soft:lab(95.4245% .17041 5.36503/.72);--color-ink:lab(9.45811% -1.93688 -8.61478);--color-ink-soft:lab(11.782% -2.01367 -8.63645/.72);--color-accent:lab(67.1634% 26.8905 86.3043);--color-accent-ink:lab(5.24047% 3.406 6.55683);--color-focus:lab(84.0751% 9.10711 73.4014);--color-shadow:lab(1.52649% -.366859 -3.91147/.58);--color-overlay-top:lab(1.52649% -.366859 -3.91147/.14);--color-overlay-bottom:lab(1.52649% -.366859 -3.91147/.34);--color-glass:lab(100% 0 0/.24);--color-glass-strong:lab(100% 0 0/.48);--color-rain-drop:lab(85.9693% -14.7 -41.8416/.96);--color-cloud-top:lab(47.8512% -6.97765 -14.1691);--color-cloud-bottom:lab(68.735% -5.74303 -11.1424);--color-rain-top:lab(30.3615% -6.39565 -17.743);--color-rain-bottom:lab(51.3683% -7.7509 -13.7191);--color-storm-top:lab(14.8146% 3.69962 -19.7661);--color-storm-bottom:lab(33.7804% -4.41241 -16.9967);--color-snow-top:lab(67.6583% -8.11794 -11.5065);--color-snow-bottom:lab(88.5774% -6.79907 -5.47348);--color-mist-top:lab(57.2816% -7.20075 -4.77065);--color-mist-bottom:lab(75.8547% -6.52269 -2.02134);--color-night-top:lab(10.9656% 7.80655 -26.6537);--color-night-bottom:lab(28.9877% -3.8695 -23.7758)}}.city-scene{--city-far:#617d8c;--city-wall:#506875;--city-side:#405966;--city-roof:#354e5d;--city-window:#91b4c1;--city-window-lit:#d4b77a;--city-ground:#3b5b56;--city-sidewalk:#6c817f;--city-road:#334954;--city-leaf:#365f56;--city-leaf-light:#487967;opacity:.88;height:max(15rem,min(39vh,27rem));transition:opacity var(--dur-weather) var(--ease-in-out);position:absolute;top:auto;bottom:0;left:0;right:0}.city-panorama{width:max(100%,60rem);height:100%;position:absolute;bottom:0;left:50%;overflow:visible;transform:translate(-50%)}.city-scene:after{content:"";top:100%;background:var(--city-ground);height:3rem;position:absolute;left:0;right:0}.city-haze{fill:#9caeac;opacity:.2}.city-distant{opacity:.38}.building-far .building-wall,.building-far .building-roof,.building-far .building-side{fill:var(--city-far)}.building-wall{fill:var(--city-wall)}.building-side{fill:var(--city-side)}.building-roof{fill:var(--city-roof)}.building-window{fill:var(--city-window);opacity:.28}.window-lit{fill:var(--city-window-lit);opacity:.38}.building-door{fill:var(--city-roof)}.building-antenna{stroke:var(--city-roof);stroke-width:2px}.shop-awning{fill:#c19273;opacity:.65}.city-ground{fill:var(--city-ground)}.city-sidewalk{fill:var(--city-sidewalk)}.sidewalk-edge{stroke:#a5b8ae;stroke-width:3px;opacity:.45}.city-road{fill:var(--city-road)}.road-marking{stroke:#d5ccb2;stroke-width:2px;stroke-dasharray:28 30;opacity:.45}.road-edge{stroke:#b7c4b9;stroke-width:1px;opacity:.2}.road-crossing{stroke:#d6d9cc;stroke-width:6px;opacity:.34}.road-reflection{stroke:#bacfd6;stroke-width:2px;stroke-linecap:round;opacity:0}.city-puddles{fill:#91b3c7;opacity:0}.city-rain,.city-snow{display:none}.city-rain{stroke:#bfdae9;stroke-linecap:round}.city-snow{fill:#f0f5f6}.city-rain-drop,.city-snowflake{opacity:0;animation:city-rain-fall var(--particle-duration) linear infinite;animation-delay:var(--particle-delay);animation-play-state:paused}.city-snowflake{animation-name:city-snow-fall}.city-rain-impact{animation-name:city-rain-land}.particle-moderate,.particle-heavy{display:none}body[data-intensity=moderate] .particle-moderate,body[data-intensity=heavy] .particle-moderate,body[data-intensity=heavy] .particle-heavy,body[data-weather=rain] .city-rain,body[data-weather=thunderstorm] .city-rain,body[data-weather=snow] .city-snow{display:inline}body[data-weather=rain] .city-rain-drop,body[data-weather=thunderstorm] .city-rain-drop,body[data-weather=snow] .city-snowflake{animation-play-state:running}.city-ripple{fill:none;stroke:#b7d3df;stroke-width:.7px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:city-ripple var(--particle-duration) linear infinite;animation-delay:var(--particle-delay);animation-play-state:paused}body[data-weather=rain] .city-ripple,body[data-weather=thunderstorm] .city-ripple{animation-play-state:running}.street-shadow{fill:#142938;opacity:.25}.tree-trunk{fill:#334a47}.tree-crown{transform-box:fill-box;transform-origin:50% 100%;animation:7s ease-in-out infinite alternate city-tree-sway}.tree-leaf{fill:var(--city-leaf)}.tree-leaf-light{fill:var(--city-leaf-light)}.city-trees>g:nth-child(2n) .tree-crown{animation-delay:-3s}.street-pole{stroke:#324b58;stroke-width:3px;stroke-linecap:round}.street-sign{fill:#426d69;stroke:#8ba6a2;stroke-width:1px}.sign-arrow{stroke:#dbe6d5;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.lamp-housing,.traffic-housing{fill:#2c414c}.lamp-light{fill:#d4c6a1;opacity:.45}.lamp-glow{fill:#ffdb90;opacity:0;filter:blur(10px)}.traffic-red{fill:#a36d62;opacity:.45}.traffic-amber{fill:#af9361;opacity:.4}.traffic-green{fill:#a5c78c}.city-car,.city-person{animation:city-travel var(--travel-duration) linear infinite;animation-delay:var(--travel-delay);will-change:transform}.car-reverse,.person-reverse{animation-direction:reverse}.car-body{fill:#c29970}.car-1 .car-body{fill:#9fb8b6}.car-2 .car-body{fill:#aa7868}.car-glass{fill:#314c5d}.car-wheel{fill:#20333e}.wheel-hub{fill:#77868a}.car-headlight{fill:#f8deb2}.car-taillight{fill:#e59076}.headlight-beam{fill:#ffe1ab;opacity:0}.person-skin{fill:#d0ad8e}.person-coat{fill:#c9b893}.city-person:nth-child(2n) .person-coat{fill:#92b2b2}.person-limb{stroke:#283f4b;stroke-width:2.5px;stroke-linecap:round}.person-shoe{stroke:#20333e;stroke-width:2.5px;stroke-linecap:round}.person-body{--limb-delay:var(--walk-delay);animation:city-walk-bob var(--walk-duration) linear infinite;animation-delay:var(--walk-delay);transform:translateY(-1.4px)}.person-limb-back{--limb-delay:var(--walk-opposite-delay);opacity:.65}.person-thigh,.person-shin,.person-foot,.person-arm-swing{transform-box:view-box;transform-origin:0 0;animation:city-walk-thigh var(--walk-duration) linear infinite;animation-delay:var(--limb-delay)}.person-shin{animation-name:city-walk-shin}.person-foot{animation-name:city-walk-foot}.person-arm-swing{animation-name:city-walk-arm}.person-walk-shadow{transform-box:fill-box;transform-origin:50%;animation:city-walk-shadow var(--walk-duration) linear infinite;animation-delay:var(--walk-delay)}.person-arm-holding{display:none}.person-umbrella{opacity:0}.umbrella-canopy{fill:#cda578}.umbrella-handle{stroke:#8fa3a4;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.tree-snow,.street-snow{fill:#e6eef0;opacity:0}body[data-weather=clouds] .city-scene,body[data-weather=rain] .city-scene,body[data-weather=thunderstorm] .city-scene{--city-far:#70818b;--city-wall:#49606f;--city-side:#3b5261;--city-window:#8cabb9;--city-leaf:#355953;--city-leaf-light:#426c61}body[data-weather=rain] .city-scene,body[data-weather=thunderstorm] .city-scene{--city-road:#293d4d;--city-sidewalk:#5e737c}body[data-weather=rain] .road-reflection,body[data-weather=thunderstorm] .road-reflection{opacity:.35}body[data-weather=rain] .city-puddles,body[data-weather=thunderstorm] .city-puddles,body[data-weather=rain][data-intensity=light] .road-reflection{opacity:.18}body[data-weather=rain][data-intensity=heavy] .road-reflection{opacity:.5}body[data-weather=rain] .person-umbrella,body[data-weather=thunderstorm] .person-umbrella{opacity:1}body[data-weather=rain] .person-arm-front .person-arm-swing,body[data-weather=thunderstorm] .person-arm-front .person-arm-swing{animation:none;transform:none}body[data-weather=rain] .person-arm-front .person-arm-walking,body[data-weather=thunderstorm] .person-arm-front .person-arm-walking{display:none}body[data-weather=rain] .person-arm-holding,body[data-weather=thunderstorm] .person-arm-holding{display:inline}body[data-weather=snow] .city-scene{--city-far:#869aa6;--city-wall:#6b808e;--city-side:#596f7e;--city-sidewalk:#b1c2c7;--city-leaf:#577b78;--city-leaf-light:#6f9390}body[data-weather=snow] .tree-snow,body[data-weather=snow] .street-snow{opacity:.85}body[data-weather=snow] .building-roof{fill:#d9e6e9}body[data-weather=snow][data-intensity=light] .tree-snow,body[data-weather=snow][data-intensity=light] .street-snow{opacity:.35}body[data-weather=snow][data-intensity=moderate] .tree-snow,body[data-weather=snow][data-intensity=moderate] .street-snow{opacity:.6}body[data-weather=atmosphere] .city-scene{opacity:.5}body[data-period=night] .city-scene{--city-far:#39485d;--city-wall:#273d50;--city-side:#203345;--city-roof:#213446;--city-window:#78909e;--city-window-lit:#edc887;--city-ground:#293e3d;--city-sidewalk:#40535c;--city-road:#20323e;--city-leaf:#254840;--city-leaf-light:#315a4e}body[data-period=night] .window-lit{opacity:.85}body[data-period=night] .lamp-glow{opacity:.2}body[data-period=night] .lamp-light{opacity:1;fill:#ffe0a1}body[data-period=night] .headlight-beam{opacity:.09}body[data-period=night][data-weather=snow] .building-roof{fill:#91a9b9}.location,.current,.updated,.status{text-shadow:0 2px 12px var(--color-shadow);position:relative}footer{background:linear-gradient(#0000,#182c3d80)}@keyframes city-travel{0%{transform:translate(-100px)}to{transform:translate(1540px)}}@keyframes city-walk-bob{0%,50%,to{transform:translateY(0)}6.25%,56.25%{transform:translateY(-.19px)}12.5%,62.5%{transform:translateY(-.65px)}18.75%,68.75%{transform:translateY(-1.11px)}25%,75%{transform:translateY(-1.3px)}31.25%,81.25%{transform:translateY(-1.11px)}37.5%,87.5%{transform:translateY(-.65px)}43.75%,93.75%{transform:translateY(-.19px)}}@keyframes city-walk-thigh{0%,to{transform:rotate(-37.83deg)}6.25%{transform:rotate(-38.25deg)}12.5%{transform:rotate(-29.84deg)}18.75%{transform:rotate(-17.89deg)}25%{transform:rotate(-7.66deg)}31.25%{transform:rotate(-4.81deg)}37.5%{transform:rotate(-2.94deg)}43.75%{transform:rotate(2.89deg)}50%{transform:rotate(16.24deg)}56.25%{transform:rotate(3.83deg)}62.5%{transform:rotate(-7.09deg)}68.75%{transform:rotate(-23.47deg)}75%{transform:rotate(-42.18deg)}81.25%{transform:rotate(-55.33deg)}87.5%{transform:rotate(-58.66deg)}93.75%{transform:rotate(-53.5deg)}}@keyframes city-walk-shin{0%,to{transform:rotate(21.59deg)}6.25%{transform:rotate(35.36deg)}12.5%{transform:rotate(32.78deg)}18.75%{transform:rotate(22.7deg)}25%{transform:rotate(15.32deg)}31.25%{transform:rotate(22.7deg)}37.5%{transform:rotate(32.78deg)}43.75%{transform:rotate(35.36deg)}50%{transform:rotate(21.59deg)}56.25%{transform:rotate(49.67deg)}62.5%{transform:rotate(65.75deg)}68.75%{transform:rotate(78.79deg)}75%{transform:rotate(84.35deg)}81.25%{transform:rotate(78.79deg)}87.5%{transform:rotate(65.75deg)}93.75%{transform:rotate(49.67deg)}}@keyframes city-walk-foot{0%,to{transform:rotate(16.24deg)}6.25%{transform:rotate(2.89deg)}12.5%{transform:rotate(-2.94deg)}18.75%{transform:rotate(-4.81deg)}25%{transform:rotate(-7.66deg)}31.25%{transform:rotate(-17.89deg)}37.5%{transform:rotate(-29.84deg)}43.75%{transform:rotate(-38.25deg)}50%{transform:rotate(-37.83deg)}56.25%{transform:rotate(-49.55deg)}62.5%{transform:rotate(-51.36deg)}68.75%{transform:rotate(-45.8deg)}75%{transform:rotate(-31.86deg)}81.25%{transform:rotate(-13.94deg)}87.5%{transform:rotate(.2deg)}93.75%{transform:rotate(7.78deg)}}@keyframes city-walk-arm{0%,to{transform:rotate(22deg)}25%,75%{transform:rotate(0)}50%{transform:rotate(-22deg)}}@keyframes city-walk-shadow{0%,50%,to{opacity:.25;transform:scaleX(1)}25%,75%{opacity:.2;transform:scaleX(.9)}}@keyframes city-tree-sway{0%{transform:rotate(-1deg)}to{transform:rotate(1.5deg)}}@keyframes city-rain-fall{0%{opacity:0;transform:translate(var(--particle-x), var(--particle-top))}15%,82%{opacity:var(--particle-opacity)}to{opacity:0;transform:translate(calc(var(--particle-x) + var(--particle-drift)), calc(var(--particle-top) + var(--particle-fall)))}}@keyframes city-snow-fall{0%{opacity:0;transform:translate(var(--particle-x), var(--particle-top))}15%{opacity:var(--particle-opacity)}45%{transform:translate(calc(var(--particle-x) + var(--particle-drift)), calc(var(--particle-top) + var(--particle-fall) * .45))}75%{transform:translate(calc(var(--particle-x) - var(--particle-drift) * .3), calc(var(--particle-top) + var(--particle-fall) * .75))}88%{opacity:var(--particle-opacity)}to{opacity:0;transform:translate(calc(var(--particle-x) + var(--particle-drift) * .5), calc(var(--particle-top) + var(--particle-fall)))}}@keyframes city-rain-land{0%{opacity:0;transform:translate(var(--particle-x), var(--particle-top))}8%{opacity:var(--particle-opacity)}65%{opacity:var(--particle-opacity);transform:translate(calc(var(--particle-x) + var(--particle-drift)), calc(var(--particle-top) + var(--particle-fall)))}66%,to{opacity:0;transform:translate(calc(var(--particle-x) + var(--particle-drift)), calc(var(--particle-top) + var(--particle-fall)))}}@keyframes city-ripple{0%,65%{opacity:0;transform:scale(.2)}66%{opacity:.28;transform:scale(.35)}72%{opacity:.32;transform:scale(.65)}to{opacity:0;transform:scale(1.8)}}@media (max-width:40rem){.city-scene{opacity:.8;height:max(13rem,min(29vh,17rem));bottom:2.75rem}.city-panorama{width:52rem}}@media (max-height:42rem) and (orientation:landscape){.city-scene{opacity:.65;height:13rem}}@media (prefers-reduced-motion:reduce){.city-car,.city-person{transform:translateX(var(--park-x));animation:none!important}.tree-crown,.person-body,.person-thigh,.person-shin,.person-foot,.person-arm-swing,.person-walk-shadow{animation:none!important}.city-rain,.city-snow{display:none!important}}body{--sky-top:var(--color-clear-top);--sky-bottom:var(--color-clear-bottom);--sky-cloud-light:#fff;--sky-cloud-base:#d6e9f3;--sky-cloud-opacity:.88;--sky-veil-opacity:0;--color-text:#193f57;--color-overlay-top:transparent;--color-overlay-bottom:transparent;--color-shadow:#1c415327;--color-glass:#ffffff70;--color-glass-strong:#ffffffb0;--sky-readout-surface:#f2f9ffc4}body[data-sky=broken]{--sky-top:#a6c9dc;--sky-bottom:#e3eff5;--sky-veil-opacity:.06}body[data-sky=overcast]{--sky-top:#b3cbdc;--sky-bottom:#e1ebf2;--sky-cloud-light:#f1f6fa;--sky-cloud-base:#b5cbd9;--sky-veil-opacity:.18}body[data-sky=rain]{--sky-top:#426b82;--sky-bottom:#829fab;--sky-cloud-light:#bdcbd5;--sky-cloud-base:#6d8598;--sky-veil-opacity:.25;--color-text:var(--color-paper);--color-shadow:#11283978;--color-glass:#17394d70;--color-glass-strong:#17394da0;--sky-readout-surface:#17394db3}body[data-sky=snow]{--sky-top:#abc8d8;--sky-bottom:#e8f1f5;--sky-cloud-light:#f9fcff;--sky-cloud-base:#b5cbd8;--sky-veil-opacity:.15}body[data-sky=storm]{--sky-top:#34465e;--sky-bottom:#607a8c;--sky-cloud-light:#7d8fa4;--sky-cloud-base:#405167;--sky-veil-opacity:.4;--color-text:var(--color-paper);--color-shadow:#0e213d80;--color-glass:#17304c70;--color-glass-strong:#17304ca0;--sky-readout-surface:#17304cb3}body[data-sky=mist]{--sky-top:#abc0c8;--sky-bottom:#dce8eb;--sky-cloud-light:#e2eaed;--sky-cloud-base:#c0d0d8}body[data-period=night]{--sky-top:#17243d;--sky-bottom:#344863;--sky-cloud-light:#718099;--sky-cloud-base:#3d4b64;--sky-cloud-opacity:.58;--color-text:var(--color-paper);--color-shadow:#09192d80;--color-glass:#ffffff28;--color-glass-strong:#ffffff65;--color-overlay-bottom:#08142512;--sky-readout-surface:#14283db3}body[data-period=night][data-sky=storm]{--sky-top:#11192a;--sky-bottom:#27364c}body[data-period=night][data-sky=rain]{--sky-top:#17293e;--sky-bottom:#344958}body[data-period=night][data-sky=snow]{--sky-top:#25374b;--sky-bottom:#435971}body[data-period=night] .search-box,body[data-sky=rain] .search-box,body[data-sky=storm] .search-box{color:var(--color-paper);background:#15364d66}body[data-period=night] .search-box::placeholder,body[data-sky=rain] .search-box::placeholder,body[data-sky=storm] .search-box::placeholder{color:#e1edf5cc}body[data-period=night] .search-button,body[data-sky=rain] .search-button,body[data-sky=storm] .search-button{color:var(--color-paper)}body[data-period=night] .search-box:focus-visible{background:#20425e}body[data-sky=rain] .search-box:focus-visible{background:#20425e}body[data-sky=storm] .search-box:focus-visible{background:#20425e}body[data-period=night] .search-box:hover,body[data-sky=rain] .search-box:hover,body[data-sky=storm] .search-box:hover{background:#20425ecc}.sky-clouds{position:absolute;top:0;bottom:45%;left:0;right:0}.sky-cloud{left:var(--cloud-left);top:var(--cloud-top);width:clamp(7rem, var(--cloud-width), 40rem);opacity:var(--sky-cloud-opacity);animation:sky-cloud-drift var(--cloud-duration) linear infinite;animation-delay:var(--cloud-delay);position:absolute}.sky-cloud svg{width:100%;display:block;overflow:visible}.sky-veil{background:linear-gradient(var(--sky-cloud-base), transparent 80%);opacity:calc(var(--sky-cover,0) * var(--sky-veil-opacity));position:absolute;top:0;bottom:0;left:0;right:0}.sky-haze{opacity:0;background:linear-gradient(#0000 20%,#e7eff033 55%,#d6e4e13d);position:absolute;top:0;bottom:0;left:0;right:0}body[data-sky=mist] .sky-haze{opacity:1}.scene-orb{opacity:1;width:max(3.5rem,min(8vmin,6rem));height:max(3.5rem,min(8vmin,6rem));transition:opacity var(--dur-weather) var(--ease-in-out);background:#fff0a7;border-radius:50%;position:absolute;top:13%;right:13%;box-shadow:0 0 1.8rem #fff5ad70,0 0 4rem #fff8cb48}body[data-sky=broken] .scene-orb{opacity:.2}body[data-sky=overcast] .scene-orb,body[data-sky=rain] .scene-orb,body[data-sky=snow] .scene-orb,body[data-sky=storm] .scene-orb,body[data-sky=mist] .scene-orb{opacity:0}.moon-disc{width:100%;height:100%;display:block}.moon-dark{fill:currentColor;opacity:.055}.moon-light{fill:currentColor}.scene-orb .moon-disc{display:none}body[data-period=night] .scene-orb{color:#e8f0fa;box-shadow:none;background:0 0}body[data-period=night] .scene-orb .moon-disc{filter:drop-shadow(0 0 1.25rem #c6dfff38);display:block}body[data-period=day] .current .temp{text-shadow:0 2px #fff5}body[data-period=day] .location,body[data-period=day] .current,body[data-period=day] .updated,body[data-period=day] .status,body[data-period=day] .current .weather{text-shadow:none}.updated{background:var(--sky-readout-surface);border-radius:.65rem;padding:.15rem .55rem}main .updated{opacity:.95}body[data-period=day]:not([data-sky=rain]):not([data-sky=storm]) .github-button img{filter:brightness(0);opacity:.8}body[data-period=day]:not([data-sky=rain]):not([data-sky=storm]) footer{color:var(--color-paper);opacity:.95;background:#193f5780}body[data-weather=clouds][data-sky=overcast] .icon-clouds .sun,body[data-weather=clouds][data-sky=overcast] .icon-clouds .moon{opacity:0}body[data-period=day][data-sky=clear] .sun,body[data-period=day][data-sky=few] .sun,body[data-period=day][data-sky=scattered] .sun{background:#ffda77;box-shadow:0 0 0 .55rem #ffffff45}body[data-period=day][data-sky=clear] .city-scene,body[data-period=day][data-sky=few] .city-scene,body[data-period=day][data-sky=scattered] .city-scene{--city-far:#8db7cc;--city-wall:#759ba9;--city-side:#5f8595;--city-roof:#4d758a;--city-window:#d4edf8;--city-ground:#719674;--city-sidewalk:#afbfbd;--city-road:#6c808b;--city-leaf:#4f9169;--city-leaf-light:#77ad76;opacity:.96}@keyframes sky-cloud-drift{0%{opacity:0;transform:translate(-10vw)}12%,85%{opacity:var(--sky-cloud-opacity)}to{opacity:0;transform:translate(16vw)}}@media (prefers-reduced-motion:reduce){.sky-cloud{animation:none!important}}*{box-sizing:border-box;margin:0;padding:0}html,body{min-width:0;min-height:100%;overflow-x:clip}button,input{font:inherit}button{white-space:nowrap}body{min-height:100svh;color:var(--color-text);font-family:var(--font-body);background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom));transition:background var(--dur-weather) var(--ease-in-out)}.app-wrap{z-index:2;background:linear-gradient(to bottom, var(--color-overlay-top), var(--color-overlay-bottom));flex-direction:column;min-height:100svh;display:flex;position:relative}.toolbar{width:min(100%,52rem);padding:var(--space-2xl) var(--space-md) var(--space-md);justify-content:center;align-items:center;gap:var(--space-sm);margin-inline-start:auto;margin-inline-end:auto;display:flex}.search-form{width:min(100%,22rem);position:relative}.search-box{width:100%;min-height:3rem;padding:var(--space-sm) 3.25rem var(--space-sm) var(--space-md);border:1px solid #0000;border-bottom:var(--rule-thick) solid var(--color-accent);outline-offset:1px;background:var(--color-glass);border-radius:var(--radius-control);color:var(--color-ink);font-size:var(--text-lg);transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);outline:2px solid #0000;font-weight:400}.search-box::placeholder{color:var(--color-ink-soft)}.search-box:hover{background:var(--color-glass-strong)}.search-box:focus-visible{outline-color:var(--color-focus);background:var(--color-paper-soft)}.search-box:disabled{opacity:.55;cursor:not-allowed}.search-button{border-radius:var(--radius-control);outline-offset:1px;width:3rem;min-height:3rem;color:var(--color-accent-ink);cursor:pointer;background:0 0;border:0;outline:2px solid #0000;position:absolute;top:0;bottom:0;left:auto;right:0}.search-button span{border-radius:var(--radius-round);border:2px solid;width:.85rem;height:.85rem;margin:auto;display:block;position:relative}.search-button span:after{content:"";background:currentColor;width:.45rem;height:2px;position:absolute;bottom:-.16rem;right:-.35rem;transform:rotate(45deg)}.search-button:hover,.search-button:active{background:var(--color-glass)}.search-button:active{transform:translateY(1px)}.search-button:focus-visible{outline-color:var(--color-focus)}.control-button:focus-visible{outline-color:var(--color-focus)}.language-button:focus-visible{outline-color:var(--color-focus)}.language-menu button:focus-visible{outline-color:var(--color-focus)}.place-menu button:focus-visible{outline-color:var(--color-focus)}.place-menu{z-index:12;top:calc(100% + var(--space-xs));padding:var(--space-xs);border:1px solid var(--color-glass-strong);color:var(--color-ink);background:var(--color-paper-soft);box-shadow:0 .75rem 2rem var(--color-shadow);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:1.25rem;position:absolute;left:0;right:0;overflow:hidden}.place-options{max-height:calc(min(22rem, 55vh) - var(--space-md));margin-right:var(--space-xs);scrollbar-width:thin;scrollbar-color:var(--color-ink-soft) transparent;overflow-y:auto}.place-options::-webkit-scrollbar{width:.45rem}.place-options::-webkit-scrollbar-track{background:0 0;margin-block-start:.8rem;margin-block-end:.8rem}.place-options::-webkit-scrollbar-thumb{border-radius:var(--radius-round);background:var(--color-ink-soft);background-clip:padding-box;border:.12rem solid #0000}.place-options::-webkit-scrollbar-thumb:hover{background-color:var(--color-ink)}.place-menu[hidden]{display:none}.place-options button{width:100%;min-height:3rem;padding:var(--space-xs) var(--space-sm);outline-offset:-2px;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.85rem;outline:2px solid #0000}.place-options button+button{margin-top:var(--space-2xs)}.place-options button:hover{background:var(--color-glass-strong)}.place-name{font-weight:700;display:block}.place-region{color:var(--color-ink-soft);font-size:var(--text-xs);margin-top:.1rem;display:block}.controls{align-items:center;gap:var(--space-xs);display:flex}.control-button,.language-button{outline-offset:1px;background:var(--color-glass);min-height:3rem;color:var(--color-text);border-radius:var(--radius-round);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #0000;outline:2px solid #0000}.control-button{width:3rem}.github-button{color:var(--color-text);font-size:var(--text-xs);letter-spacing:-.04em;flex:none;place-items:center;font-weight:800;text-decoration:none;display:grid}.control-button:hover,.language-button:hover{background:var(--color-glass-strong)}.control-button:active{transform:translateY(1px)}.control-button:disabled,.language-button:disabled{opacity:.55;cursor:not-allowed}.language-control{position:relative}.language-button{min-width:7rem;padding:0 var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.select-chevron{width:.5rem;height:.5rem;transition:transform var(--dur-fast) var(--ease-out);border-bottom:2px solid;border-right:2px solid;transform:translateY(-.15rem)rotate(45deg)}.language-button[aria-expanded=true] .select-chevron{transform:translateY(.15rem)rotate(225deg)}.language-menu{z-index:10;top:calc(100% + var(--space-xs));min-width:9rem;padding:var(--space-xs);border:1px solid var(--color-glass-strong);color:var(--color-ink);background:var(--color-paper-soft);box-shadow:0 .75rem 2rem var(--color-shadow);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:1.25rem;position:absolute;right:0}.language-menu[hidden]{display:none}.language-menu button{width:100%;min-height:2.5rem;padding:0 var(--space-sm);outline-offset:-2px;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.85rem;outline:2px solid #0000}.language-menu button:hover,.language-menu button[aria-selected=true]{background:var(--color-glass-strong)}.language-menu button[aria-selected=true]{font-weight:700}.location-mark{border:2px solid;border-radius:50% 50% 50% 0;width:1rem;height:1rem;margin:auto;display:block;transform:rotate(-45deg)}.location-mark:after{content:"";background:currentColor;border-radius:50%;width:.25rem;height:.25rem;margin:.23rem;display:block}.sound-mark{justify-content:center;align-items:center;gap:3px;height:1rem;display:flex}.sound-mark i{width:2px;height:.35rem;animation:sound-wave .9s var(--ease-in-out) infinite alternate;background:currentColor;animation-play-state:paused}.sound-mark i:nth-child(2){height:.8rem;animation-delay:-300ms}.sound-mark i:nth-child(3){height:.55rem;animation-delay:-600ms}#sound-button[aria-pressed=true] .sound-mark i{animation-play-state:running}.fullscreen-mark{width:1rem;height:1rem;margin:auto;display:block;position:relative}.fullscreen-mark:before,.fullscreen-mark:after{content:"";border:2px solid;position:absolute;top:0;bottom:0;left:0;right:0}.fullscreen-mark:before{clip-path:polygon(0 0,42% 0,42% 15%,15% 15%,15% 42%,0 42%)}.fullscreen-mark:after{clip-path:polygon(58% 58%,100% 58%,100% 100%,58% 100%,58% 85%,85% 85%,85% 58%)}main{padding:var(--space-lg) var(--space-lg) var(--space-xl);text-align:center;flex-direction:column;flex:auto;align-items:center;display:flex}.location .city{margin-bottom:var(--space-xs);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-xl);overflow-wrap:anywhere;min-width:0;font-weight:600}.location .date{color:var(--color-text);font-size:var(--text-md)}.current{flex-direction:column;align-items:center;display:flex}.current .temp{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-display);margin:var(--space-sm) 0;text-shadow:2px 10px var(--color-shadow);overflow-wrap:anywhere;min-width:0;font-weight:900;line-height:.95}.current .temp span{vertical-align:top;font-size:.42em;font-weight:500;line-height:1.7}.current .weather{color:var(--color-text);font-size:var(--text-xl);margin-bottom:var(--space-sm);text-shadow:0 3px var(--color-shadow);font-weight:700}.details{margin-top:var(--space-lg);justify-content:center;gap:var(--space-xs);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.details span{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-round);background:var(--color-glass)}.details b{font-weight:600}.details i{font-style:normal}.status{min-height:1.5em;margin-top:var(--space-md);color:var(--color-text);font-size:var(--text-sm)}.location-feedback{max-width:36rem;margin:var(--space-sm) auto;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-glass);background:var(--color-glass);color:var(--color-text);text-align:left;font-size:var(--text-sm);overflow-wrap:anywhere;border-radius:.5rem;line-height:1.6}.location-feedback[hidden]{display:none}.location-feedback[data-warning=true]{border-color:var(--color-accent)}.location-feedback p{margin:0}.location-feedback details{margin-top:var(--space-2xs)}.location-feedback summary{cursor:pointer}.location-feedback pre{margin:var(--space-xs) 0 0;white-space:pre-wrap;font:inherit;font-size:var(--text-xs)}.updated{margin-top:var(--space-2xs);color:var(--color-text);font-size:var(--text-xs);opacity:.78}footer{padding:var(--space-sm) var(--space-md) var(--space-md);text-align:center;color:var(--color-text);font-size:var(--text-xs);opacity:.75}footer a{color:inherit;text-underline-offset:.18em;transition:color var(--dur-fast) var(--ease-out), text-decoration-color var(--dur-fast) var(--ease-out);border-radius:.2rem;font-weight:600;text-decoration-color:#0000}footer a:hover{color:var(--color-paper-soft);text-decoration-color:currentColor}footer a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.weather-icon{width:8rem;height:5.25rem;margin-top:var(--space-lg);position:relative}.sun,.moon,.cloud,.drops,.flakes,.bolt,.mist-lines{opacity:0;transition:opacity var(--dur-normal) var(--ease-in-out), transform var(--dur-normal) var(--ease-out);position:absolute}.sun{background:var(--color-accent);width:3.25rem;height:3.25rem;box-shadow:0 0 0 .6rem var(--color-glass);border-radius:50%;top:.55rem;left:2.4rem}.moon{background:var(--color-paper);width:3.25rem;height:3.25rem;box-shadow:.85rem -.3rem 0 0 var(--color-night-top);border-radius:50%;top:.45rem;left:2.4rem}.cloud{border-radius:var(--radius-round);background:var(--color-paper);width:4.5rem;height:1.6rem;box-shadow:0 .45rem .85rem var(--color-shadow);top:2rem}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:2.15rem;height:2.15rem;top:-1rem;left:.65rem}.cloud:after{width:2.75rem;height:2.75rem;top:-1.4rem;right:.45rem}.cloud-back{left:1.1rem;transform:translate(-.5rem)scale(.8)}.cloud-front{top:2.35rem;left:2rem}.drops,.flakes{width:3.5rem;height:1.3rem;top:3.85rem;left:2.35rem}.drops{background:0 0;overflow:visible}.drops:before,.drops:after{content:"";border-radius:var(--radius-round);background:var(--color-paper);width:.24rem;height:.65rem;box-shadow:1rem .1rem 0 var(--color-paper), 2rem -.08rem 0 var(--color-paper);will-change:transform, opacity;animation:.82s linear infinite icon-rain-fall;position:absolute;top:-.35rem;left:.15rem}.drops:after{opacity:.74;animation-delay:-410ms;top:-.55rem;left:.62rem}.flakes{background:radial-gradient(circle, var(--color-paper) 0 .13rem, transparent .15rem) 0 0 / 1.1rem 1rem;animation:1.8s linear infinite snow-fall}.bolt{background:var(--color-accent);clip-path:polygon(55% 0,100% 0,65% 42%,95% 42%,25% 100%,45% 55%,12% 55%);width:1.2rem;height:2.15rem;top:3.2rem;left:3.55rem}.mist-lines{background:repeating-linear-gradient(to bottom, transparent 0 .55rem, var(--color-paper) .58rem .72rem, transparent .75rem 1rem);width:5rem;height:3.4rem;top:1.2rem;left:1.5rem}.icon-clear .sun,body[data-period=night] .icon-clear .moon{opacity:1}body[data-period=night] .icon-clear .sun{opacity:0}.icon-clouds .sun,.icon-clouds .cloud,.icon-rain .cloud,.icon-drizzle .cloud,.icon-snow .cloud,.icon-thunderstorm .cloud{opacity:1}body[data-period=night] .icon-clouds .sun{opacity:0}body[data-period=night] .icon-clouds .moon,.icon-rain .drops,.icon-drizzle .drops,.icon-snow .flakes,.icon-thunderstorm .drops,.icon-thunderstorm .bolt,.icon-atmosphere .mist-lines{opacity:1}.icon-thunderstorm .bolt{animation:lightning 2.4s var(--ease-in) infinite}.icon-drizzle .drops{opacity:.6}.icon-drizzle .drops:before,.icon-drizzle .drops:after{animation-duration:1.05s}.icon-rain.intensity-light .drops,.icon-drizzle.intensity-light .drops{opacity:.48;width:2.2rem;left:3rem}.icon-rain.intensity-light .drops:before,.icon-rain.intensity-light .drops:after,.icon-drizzle.intensity-light .drops:before,.icon-drizzle.intensity-light .drops:after{animation-duration:.96s}.icon-rain.intensity-heavy .drops,.icon-drizzle.intensity-heavy .drops{opacity:1;width:4.5rem;height:1.65rem;left:1.75rem}.icon-rain.intensity-heavy .drops:before,.icon-rain.intensity-heavy .drops:after,.icon-drizzle.intensity-heavy .drops:before,.icon-drizzle.intensity-heavy .drops:after{animation-duration:.68s}.icon-snow.intensity-light .flakes{opacity:.55;background-size:1.8rem 1.45rem;width:2.5rem;animation-duration:2.6s;left:2.8rem}.icon-snow.intensity-heavy .flakes{opacity:1;background-size:.72rem .72rem;width:4.5rem;height:1.7rem;animation-duration:1.05s;left:1.75rem}.weather-scene{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}@keyframes snow-fall{0%{background-position:0 0}to{background-position:2rem 5rem}}@keyframes icon-rain-fall{0%{opacity:0;transform:translate(-.18rem,-.5rem)rotate(-12deg)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate(.18rem,1rem)rotate(-12deg)}}@keyframes lightning{0%,88%,to{opacity:.15}90%,94%{opacity:1}}@keyframes sound-wave{0%{transform:scaleY(.55)}to{transform:scaleY(1.2)}}@media (max-width:40rem){.toolbar{padding-top:var(--space-lg);flex-wrap:wrap}.search-form{width:100%}.controls{justify-content:center;gap:var(--space-2xs);width:100%}.control-button{width:2.75rem;min-height:2.75rem}.language-button{min-width:6rem;min-height:2.75rem}main{padding-inline:var(--space-md);padding-top:var(--space-md)}.weather-icon{margin-top:var(--space-md);transform-origin:bottom;transform:scale(.88)}.current .temp{margin-top:0}}@media (max-height:42rem) and (orientation:landscape){.toolbar{padding-top:var(--space-md)}.weather-icon{width:6rem;height:4rem;margin-top:0;transform:scale(.65)}.current .temp{font-size:4rem}.details{margin-top:var(--space-sm)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:50ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}