@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";:root{--brand: #4fa6e8;--gold: #fbc65a;--good: #4ade80;--fair: #a3e635;--moderate: #fbbf24;--poor: #fb7185;--severe: #c084fc;--r-sm: 10px;--r: 16px;--r-lg: 24px;--r-pill: 999px;--rail: 76px;--bar: 64px;--shell: 1180px;--ease: cubic-bezier(.22, .68, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--fast: .18s var(--ease);--slow: .42s var(--ease);--display: "Instrument Serif", ui-serif, Georgia, serif;--sans: ui-sans-serif, -apple-system, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}[data-chrome=dark]{--ink: #f4f7fc;--ink-2: rgba(244, 247, 252, .74);--ink-3: rgba(244, 247, 252, .52);--glass: rgba(10, 16, 30, .42);--glass-2: rgba(10, 16, 30, .58);--edge: rgba(255, 255, 255, .14);--edge-2: rgba(255, 255, 255, .26);--well: rgba(255, 255, 255, .07);--shadow: 0 20px 60px -28px rgba(0, 0, 0, .9);--on-accent: #04121f;color-scheme:dark}[data-chrome=light]{--ink: #0d1420;--ink-2: rgba(13, 20, 32, .72);--ink-3: rgba(13, 20, 32, .5);--glass: rgba(255, 255, 255, .68);--glass-2: rgba(255, 255, 255, .82);--edge: rgba(13, 20, 32, .1);--edge-2: rgba(13, 20, 32, .2);--well: rgba(13, 20, 32, .05);--shadow: 0 20px 50px -30px rgba(6, 16, 34, .5);--on-accent: #ffffff;color-scheme:light}[data-chrome=light]{--brand: #0f6bb8;--gold: #d99414}.topbar__tools{display:flex;align-items:center;gap:.45rem}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{padding:clamp(1rem,5vh,3rem) 0 .5rem;text-align:center}.hero__place{font-family:var(--display);font-size:clamp(2rem,6vw,3.4rem);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}.hero__date{font-size:.86rem;margin-top:.35rem}.hero__reading{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,1.4rem);margin:clamp(.6rem,2vh,1.4rem) 0 .2rem}.hero__reading .icon--weather{color:var(--ink);opacity:.92}.hero__temp{display:flex;align-items:flex-start;font-size:clamp(4.5rem,17vw,9rem);font-weight:200;line-height:.86;letter-spacing:-.05em;gap:.075em}.hero__temp span{font-size:.26em;font-weight:500;margin-top:.5em;color:var(--ink-3);letter-spacing:.01em}.hero--rise>*{animation:horizon .64s var(--ease-out) both}.hero--rise>:nth-child(2){animation-delay:60ms}.hero--rise>:nth-child(3){animation-delay:.12s}.hero--rise>:nth-child(n+4){animation-delay:.19s}@keyframes horizon{0%{transform:translateY(125%);clip-path:inset(-20% -12% 100% -12%)}to{transform:translateY(0);clip-path:inset(-20% -12% -25% -12%)}}.hero__temp--swap{animation:settle .24s var(--ease-out) both}@keyframes settle{0%{opacity:0;filter:blur(6px)}}.hero__condition{font-size:1.15rem;font-weight:600;letter-spacing:-.02em}.hero__sub{font-size:.92rem;margin-top:.2rem}.hero__stamp{margin-top:.6rem;font-size:.76rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.section-head .h-section{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.section-head__aside{font-size:.8rem}.metrics{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.metric{padding:.75rem .85rem;border-radius:var(--r);background:var(--well);border:1px solid var(--edge)}.metric__top{display:flex;align-items:center;gap:.38rem;color:var(--brand)}.metric__value{display:block;font-size:1.5rem;font-weight:300;letter-spacing:-.03em;margin-top:.3rem}.metric__value i{font-style:normal;font-size:.52em;font-weight:500;color:var(--ink-3);margin-left:.15em;letter-spacing:normal}.metric__hint{display:block;font-size:.76rem;color:var(--ink-3);margin-top:.1rem}.strip{list-style:none;padding:0 0 .4rem;margin:0;display:flex;gap:.45rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-x:contain}.strip::-webkit-scrollbar{height:6px}.strip::-webkit-scrollbar-thumb{background:var(--edge-2);border-radius:99px}.strip__item{flex:0 0 auto;width:80px;scroll-snap-align:start;display:grid;justify-items:center;gap:.32rem;padding:.7rem .4rem;border-radius:var(--r);background:var(--well);border:1px solid var(--edge)}.strip__item[data-now=true]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 16%,transparent)}.strip__time{font-size:.74rem;font-weight:600;color:var(--ink-3)}.strip__item[data-now=true] .strip__time{color:var(--brand)}.strip__temp{font-size:1.05rem;font-weight:500}.strip__pop{font-size:.7rem;color:var(--brand);min-height:1em}.rows{list-style:none;padding:0;margin:0}.row{display:grid;grid-template-columns:4.5rem auto 1fr 5.5rem 4.5rem 3.2rem;align-items:center;gap:.8rem;padding:.7rem clamp(.85rem,2vw,1.3rem);border-bottom:1px solid var(--edge);transition:background var(--fast)}.row:last-child{border-bottom:0}.row:hover{background:var(--well)}.row[data-now=true]{background:color-mix(in srgb,var(--brand) 12%,transparent)}.row__name{font-weight:600;font-size:.9rem}.row__sub{display:block;font-size:.72rem;color:var(--ink-3)}.row__desc{font-size:.86rem;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__pop{font-size:.8rem;color:var(--ink-2);display:grid;gap:.25rem}.row__wind{font-size:.8rem;color:var(--ink-2);text-align:right}.row__wind i{font-style:normal;font-size:.82em;color:var(--ink-3)}.row__temp{font-size:1.05rem;font-weight:500;text-align:right}@media (max-width: 719px){.row{grid-template-columns:3.6rem auto 1fr 3rem}.row__pop,.row__wind{display:none}}.meter{display:block;height:4px;border-radius:99px;background:var(--edge);overflow:hidden}.meter i{display:block;height:100%;width:100%;border-radius:99px;transform-origin:left center;transition:transform var(--slow)}.days{list-style:none;padding:0;display:grid;gap:.4rem}.day{display:grid;grid-template-columns:7.5rem auto 1fr minmax(150px,230px);align-items:center;gap:.9rem;padding:.8rem .6rem;border-radius:var(--r);border:1px solid transparent;transition:background var(--fast),border-color var(--fast)}.day:hover{background:var(--well);border-color:var(--edge)}.day__name{font-weight:600;font-size:.95rem}.day__date{display:block;font-size:.75rem}.day__desc{font-size:.9rem;min-width:0}.day__extra{display:block;font-size:.75rem}.day__range{display:grid;grid-template-columns:2.4rem 1fr 2.4rem;align-items:center;gap:.5rem;font-size:.92rem;font-weight:500}.day__lo{color:var(--ink-3);text-align:right}.day__hi{text-align:right}.day__bar{position:relative;height:5px;border-radius:99px;background:var(--edge)}.day__bar i{position:absolute;inset-block:0;border-radius:99px;background:linear-gradient(90deg,var(--brand),var(--gold))}@media (max-width: 719px){.day{grid-template-columns:1fr auto;grid-template-areas:"head icon" "desc desc" "range range";gap:.4rem}.day__head{grid-area:head}.day__desc{grid-area:desc}.day__range{grid-area:range}}.aqi{display:grid;gap:.75rem}.aqi__head{display:flex;align-items:baseline;gap:.55rem;color:var(--tone)}.aqi__value{font-size:2.6rem;font-weight:200;letter-spacing:-.04em;line-height:1}.aqi__label{font-size:1.05rem;font-weight:600}.aqi__scale{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.aqi__scale span{height:6px;border-radius:99px;background:var(--edge);transition:background var(--slow)}.aqi__scale span[data-active=true]{background:var(--tone)}.pollutants{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.55rem}.pollutants li{padding:.55rem .65rem;border-radius:var(--r-sm);background:var(--well);border:1px solid var(--edge);display:grid;gap:.3rem}.pollutants__value{font-size:.98rem;font-weight:500}.pollutants__value i{font-style:normal;font-size:.68em;color:var(--ink-3);letter-spacing:normal}.sun{display:grid;gap:.6rem}.sun__arc{width:100%;max-width:300px;margin-inline:auto;overflow:visible}.sun__track{fill:none;stroke:var(--edge-2);stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round}.sun__lit{fill:none;stroke:var(--gold);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .9s var(--ease)}.sun__dot{fill:var(--gold)}.sun__body{transform-box:view-box;transform-origin:80px 66px;transition:transform .9s var(--ease)}.sun--trace .sun__lit{animation:sun-draw 1.15s var(--ease-out) .14s both}.sun--trace .sun__body{animation:sun-travel 1.15s var(--ease-out) .14s both}@keyframes sun-draw{0%{stroke-dashoffset:188.5px}}@keyframes sun-travel{0%{transform:rotate(0)}}.sun__ground{stroke:var(--edge);stroke-width:1.5;stroke-linecap:round}.sun__times{display:flex;justify-content:space-between;gap:1rem}.sun__times .label{display:block}.sun__time{font-size:1.15rem;font-weight:500}.curve__wrap{overflow-x:auto;max-width:100%}.curve{width:100%;min-width:620px;height:190px}.curve__temp{fill:var(--ink);font-size:12px;font-weight:600}.curve__hour{fill:var(--ink-3);font-size:11px}.state{max-width:44rem;margin-inline:auto;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.85rem;padding:2rem 1rem;animation:fade-in .22s var(--ease-out) both}.state .brand-mark{color:var(--ink)}.state__body{max-width:44ch;color:var(--ink-2)}.state__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.state__form{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:min(100%,30rem)}.state__form .input{flex:1 1 14rem}.state__art{display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:var(--well);border:1px solid var(--edge)}.state__art--warn{color:var(--poor);border-color:color-mix(in srgb,var(--poor) 40%,transparent)}.state code{font-family:var(--mono);font-size:.86em;background:var(--well);padding:.1em .35em;border-radius:5px}.orbit{position:relative;width:54px;height:54px}.orbit i{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--brand);animation:spin 1.1s linear infinite}.orbit i:nth-child(2){inset:8px;border-top-color:var(--gold);animation-duration:1.6s;animation-direction:reverse}.orbit i:nth-child(3){inset:16px;border-top-color:var(--ink-3);animation-duration:2.1s}.setting{display:flex;align-items:center;justify-content:space-between;gap:1rem}.setting__name{display:block;font-weight:600;font-size:.92rem}.setting__hint{display:block;font-size:.78rem;margin-top:.15rem;max-width:34ch}.options{list-style:none;padding:0;display:grid;gap:.4rem}.option{width:100%;text-align:left;padding:.7rem .85rem;border-radius:var(--r);border:1px solid var(--edge);background:var(--well);transition:border-color var(--fast),background var(--fast)}.option:hover{border-color:var(--edge-2)}.option[aria-pressed=true]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,transparent)}.option__name{display:block;font-weight:600;font-size:.9rem}.option__hint{display:block;font-size:.78rem;margin-top:.1rem}@media (max-width: 719px){.topbar{grid-template-columns:1fr auto;row-gap:.6rem}.brand em{display:none}.field{grid-column:1 / -1;grid-row:2;max-width:none}}.moon{display:grid;gap:.95rem}.moon__head{display:flex;align-items:center;gap:1rem}.moon-face{flex:none;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--gold) 32%,transparent))}.moon-face__dark{fill:var(--ink);opacity:.12}.moon__name{font-size:1.15rem;font-weight:600;letter-spacing:-.02em}.moon__lit{font-size:.9rem;margin-top:.1rem}.moon__age{font-size:.78rem;margin-top:.15rem}.moon__cycle{display:grid;gap:.35rem}.moon__track{position:relative;height:5px;border-radius:99px;background:var(--edge)}.moon__fill{position:absolute;inset:0;border-radius:99px;transform-origin:left center;background:linear-gradient(90deg,var(--brand),var(--gold));transition:transform var(--slow)}.moon__rail{position:absolute;inset:0;pointer-events:none;transition:transform var(--slow)}.moon__marker{position:absolute;left:-5.5px;top:50%;width:11px;height:11px;border-radius:50%;background:var(--gold);border:2px solid var(--glass-2);translate:0 -50%}.moon--trace .moon__fill{animation:moon-fill 1s var(--ease-out) .22s both}.moon--trace .moon__rail{animation:moon-rail 1s var(--ease-out) .22s both}@keyframes moon-fill{0%{transform:scaleX(0)}}@keyframes moon-rail{0%{transform:translate(0)}}.moon__ticks{display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.05em}.moon__next{font-size:.8rem}@media (max-width: 480px){.moon__head{gap:.75rem}.moon-face{width:72px;height:72px}}*,*:before,*:after{box-sizing:border-box}*{margin:0}[hidden]{display:none!important}html,body,#root{height:100%}body{background:#05080f;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}svg{display:block}a{color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tnum{font-variant-numeric:tabular-nums}.sky{position:fixed;inset:0;z-index:0;width:100%;height:100%}.shell{position:relative;z-index:1;height:100dvh;display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.scroll{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--edge-2) transparent;padding:0 clamp(1rem,4vw,2rem) calc(var(--bar) + 2.5rem)}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:var(--edge-2);border-radius:99px}.page{max-width:var(--shell);margin-inline:auto;padding-block:1.25rem 2rem;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(.85rem,2vw,1.15rem)}.page>*{min-width:0}.view--enter .page{animation:view-in .26s var(--ease-out) both}@keyframes view-in{0%{opacity:0;transform:translate(calc(var(--dir, 0) * 22px))}}@keyframes fade-in{0%{opacity:0}}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem clamp(1rem,4vw,2rem)}.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--display);font-size:1.35rem;letter-spacing:.01em}.brand-mark{color:var(--ink)}.brand-mark .ic-sun{fill:var(--gold)}.brand em{font-style:normal;color:var(--ink-3);font-family:var(--sans);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase}.tabbar{position:fixed;z-index:3;left:50%;bottom:max(.9rem,env(safe-area-inset-bottom));translate:-50% 0;padding:.3rem;border-radius:var(--r-pill);background:var(--glass-2);border:1px solid var(--edge);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:var(--r-pill);color:var(--ink-3);font-size:.82rem;font-weight:600;transition:color var(--fast);white-space:nowrap}.tab:hover{color:var(--ink)}.tab span{display:none}@media (min-width: 620px){.tab span{display:inline}}.panel{position:relative;padding:clamp(1rem,2.4vw,1.4rem);border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--edge);box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.panel--flush{padding:0;overflow:hidden}.label{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.h-display{font-family:var(--display);font-weight:400;line-height:.95;letter-spacing:-.015em;font-size:clamp(2.6rem,7vw,4.6rem)}.h-section{font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.grid{display:grid;gap:clamp(.85rem,2vw,1.15rem);grid-template-columns:minmax(0,1fr)}.grid>*{min-width:0}@media (min-width: 780px){.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--hero{grid-template-columns:1.35fr 1fr;align-items:stretch}}.field{position:relative;display:flex;align-items:center;max-width:30rem;margin-inline:auto;width:100%}.field>.icon{position:absolute;left:.85rem;color:var(--ink-3);pointer-events:none}.input{width:100%;padding:.62rem .9rem .62rem 2.5rem;border-radius:var(--r-pill);border:1px solid var(--edge);background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink);transition:border-color var(--fast),background var(--fast)}.input::placeholder{color:var(--ink-3)}.input:hover{border-color:var(--edge-2)}.input:focus{outline:none;border-color:var(--brand);background:var(--glass-2)}.input--plain{padding-left:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;padding:.55rem .95rem;border-radius:var(--r-pill);border:1px solid var(--edge);background:var(--glass);color:var(--ink-2);font-size:.86rem;font-weight:600;white-space:nowrap;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:color var(--fast),border-color var(--fast),background var(--fast),transform .12s var(--ease-out)}.btn:hover{color:var(--ink);border-color:var(--edge-2)}.btn:active{transform:scale(.96)}.btn--primary{background:var(--brand);border-color:transparent;color:var(--on-accent)}.btn--primary:hover{color:var(--on-accent);filter:brightness(1.08)}.btn--icon{padding:.5rem;width:36px;height:36px}.seg{display:inline-flex;padding:3px;border-radius:var(--r-pill);background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.seg__item{display:inline-flex;align-items:center;padding:.3rem .72rem;border-radius:var(--r-pill);font-size:.8rem;font-weight:600;color:var(--ink-3);transition:color var(--fast)}.seg__item:hover{color:var(--ink)}.lens-group{position:relative;display:flex}.tabbar .lens-group{gap:.15rem}.lens{position:absolute;inset:0;display:flex;gap:inherit;pointer-events:none;background:var(--brand);clip-path:inset(50% 50% 50% 50% round 999px)}.lens>*{color:var(--on-accent)}.lens-group[data-ready] .lens{transition:clip-path .34s var(--ease-out)}.lens-group:not([data-measured])>[aria-current=page],.lens-group:not([data-measured])>[aria-pressed=true]{background:var(--brand);color:var(--on-accent)}.chips{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0}.chip{padding:.3rem .75rem;border-radius:var(--r-pill);border:1px solid var(--edge);background:var(--well);color:var(--ink-2);font-size:.8rem;transition:color var(--fast),border-color var(--fast),background var(--fast),transform .12s var(--ease-out)}.chip:hover{color:var(--ink);border-color:var(--edge-2)}.chip:active{transform:scale(.96)}.chip[aria-current=true]{color:var(--on-accent);background:var(--brand);border-color:transparent}.progress{position:fixed;inset:0 0 auto;height:2px;z-index:5;overflow:hidden}.progress i{display:block;width:38%;height:100%;background:var(--brand);animation:sweep 1.1s var(--ease) infinite}@keyframes sweep{0%{transform:translate(-105%)}to{transform:translate(360%)}}@media (prefers-reduced-motion: reduce){.view--enter .page,.hero--rise>*,.hero__temp--swap,.state{animation:fade-in .16s linear both}.sun--trace .sun__lit,.sun--trace .sun__body,.moon--trace .moon__fill,.moon--trace .moon__rail{animation:none}.lens-group[data-ready] .lens,.sun__lit,.sun__body,.moon__fill,.moon__rail,.meter i{transition:none}.btn:active,.chip:active{transform:none}.spin,.orbit i{animation:pulse 1.4s ease-in-out infinite}.progress i{width:100%;animation:pulse 1.4s ease-in-out infinite}}@keyframes pulse{50%{opacity:.35}}@supports not (backdrop-filter: blur(1px)){.panel,.tabbar,.input,.btn,.seg{background:var(--glass-2)}}