@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.aqi-gauge{flex-direction:column;align-items:center;width:100%;max-width:300px;margin:0 auto;display:flex;position:relative}.aqi-gauge svg{width:100%;overflow:visible}.aqi-gauge__segment{fill:none;stroke-width:16px;stroke-linecap:round;transition:opacity .4s}.aqi-gauge__marker{stroke:var(--surface-solid);stroke-width:4px;filter:drop-shadow(0 2px 4px #0000004d);transition:fill .4s}.aqi-gauge__reading{flex-direction:column;align-items:center;display:flex;position:absolute;top:38%}.aqi-gauge__value{letter-spacing:-.04em;font-size:3.25rem;font-weight:700;line-height:1}.aqi-gauge__unit{letter-spacing:.06em;color:var(--text-muted);margin-top:.15rem;font-size:.75rem;font-weight:600}.aqi-gauge__level{text-align:center;margin-top:.25rem;font-size:1.0625rem;font-weight:700}.icon{vertical-align:middle;flex-shrink:0;display:inline-block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(28px)saturate(150%);flex-direction:column;gap:1rem;min-width:0;padding:1.25rem;display:flex}.card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;display:flex}.card__title{white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.pollutants{flex-direction:column;gap:.75rem;display:flex}.pollutants__list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.pollutants__head{align-items:baseline;gap:.5rem;margin-bottom:.35rem;display:flex}.pollutants__symbol{font-weight:700}.pollutants__name{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;overflow:hidden}.pollutants__value{font-weight:650}.pollutants__value small{color:var(--text-muted);font-size:.6875rem;font-weight:500}.pollutants__track{background:var(--track);border-radius:999px;height:6px;position:relative}.pollutants__fill{border-radius:inherit;height:100%;transition:width .8s var(--ease)}.pollutants__fill--ok{background:var(--color-aqi-good)}.pollutants__fill--warn{background:var(--color-aqi-sensitive)}.pollutants__fill--bad{background:var(--color-aqi-unhealthy)}.pollutants__marker{background:var(--text);opacity:.55;border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px;left:33.333%}.pollutants__note{color:var(--text-muted);font-size:.75rem}.segmented{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.segmented__option{white-space:nowrap;min-width:2.25rem;height:2rem;color:var(--text-muted);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 .7rem;font-size:.8125rem;font-weight:600;transition:color .2s,background .2s,box-shadow .2s;display:inline-flex}.segmented__option:hover{color:var(--text)}.segmented__option[aria-checked=true]{color:var(--text);background:var(--surface-solid);box-shadow:0 1px 3px #0f23462e}.air-card__advice{background:var(--surface-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:4px solid;padding:.75rem 1rem;font-size:.875rem}.air-card__empty{text-align:center;color:var(--text-muted);padding:2rem 0}.line-chart{touch-action:pan-y;width:100%;position:relative}.line-chart svg{display:block;overflow:visible}.line-chart__line{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.line-chart__baseline{stroke:var(--track);stroke-width:1px}.line-chart__tick{fill:var(--text-muted);text-anchor:middle;font-size:11px}.line-chart__extreme{fill:var(--text);text-anchor:middle;font-size:12px;font-weight:700}.line-chart__dot{fill:var(--surface-solid);stroke:currentColor;stroke-width:2px}.line-chart__cursor{stroke:currentColor;stroke-opacity:.35;stroke-dasharray:3 4}.line-chart__active-dot{fill:currentColor;stroke:var(--surface-solid);stroke-width:3px}.line-chart__tooltip{color:var(--text);white-space:nowrap;pointer-events:none;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);flex-direction:column;align-items:center;padding:.25rem .65rem;font-size:.75rem;line-height:1.3;display:flex;position:absolute;transform:translate(-50%)}.line-chart__tooltip strong{font-size:.875rem}.line-chart__tooltip span{color:var(--text-muted)}.aqi-trend{overflow:hidden}.weather-icon{filter:drop-shadow(0 3px 6px #14285a47);flex-shrink:0;overflow:visible}.weather-icon--animated .weather-icon__rays{transform-origin:32px 32px;animation:28s linear infinite weather-icon-spin}.weather-icon--animated .weather-icon__cloud{animation:5s ease-in-out infinite alternate weather-icon-drift}.weather-icon--animated .weather-icon__drop{animation:1.1s linear infinite weather-icon-fall}.weather-icon--animated .weather-icon__flake{animation:2.2s linear infinite weather-icon-snow}@keyframes weather-icon-spin{to{transform:rotate(360deg)}}@keyframes weather-icon-drift{to{transform:translate(3px)}}@keyframes weather-icon-fall{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}to{opacity:0;transform:translateY(8px)}}@keyframes weather-icon-snow{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}to{opacity:0;transform:translateY(9px)}}.compare-row{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.25rem;transition:background .2s;display:flex}.compare-row:hover{background:var(--primary-soft)}.compare-row--active{border-color:var(--primary)}.compare-row__main{text-align:left;border-radius:var(--radius-md);background:0 0;border:0;flex:1;grid-template-columns:minmax(0,1.4fr) minmax(0,1.3fr) 3.5rem 4.5rem 6rem 3rem;align-items:center;gap:.75rem;min-width:0;padding:.6rem .9rem;display:grid}.compare-row__city{flex-direction:column;min-width:0;display:flex}.compare-row__name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.compare-row__region{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.compare-row__condition{align-items:center;gap:.5rem;min-width:0;display:flex}.compare-row__label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.compare-row__temp{font-size:1.25rem;font-weight:650}.compare-row__metric{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.3rem;font-size:.8125rem;display:inline-flex}.compare-row__aqi{color:#fff;background:var(--track);border-radius:999px;place-items:center;min-width:2.5rem;height:1.75rem;padding:0 .5rem;font-size:.8125rem;font-weight:700;display:grid}.compare-row__remove{width:2rem;height:2rem;color:var(--text-muted);background:0 0;border:0;border-radius:50%;place-items:center;margin-right:.5rem;display:grid}.compare-row__remove:hover{color:var(--text);background:var(--surface-muted)}@media (width<=720px){.compare-row__main{grid-template-columns:minmax(0,1fr) 3.5rem 3rem}.compare-row__condition,.compare-row__metric{display:none}}.compare__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.hero{color:var(--on-sky);text-align:center;text-shadow:0 1px 16px #00000047;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0 1rem;display:flex}.hero__top{flex-direction:column;align-items:center;gap:1rem;display:flex}.hero__city{letter-spacing:-.02em;justify-content:center;align-items:center;gap:.4rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:500;display:flex}.hero__region{color:var(--on-sky-muted);margin-top:.1rem;font-size:.9375rem}.hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.hero__action{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff2e;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:2rem;height:2rem;transition:background .2s;display:grid}.hero__action:hover{background:#ffffff4d}.hero__action[aria-pressed=true]{color:#ff6b81;background:#ffffffe6}.hero__time{-webkit-backdrop-filter:blur(12px);background:#ffffff2e;border:1px solid #ffffff38;border-radius:999px;padding:.35rem .8rem;font-size:.8125rem;font-weight:500;display:inline-block}.hero__time:first-letter{text-transform:uppercase}.hero__temp{letter-spacing:-.06em;justify-content:center;align-items:flex-start;margin-top:.5rem;font-size:clamp(6rem,16vw,9.5rem);font-weight:200;line-height:1;display:flex}.hero__degree{letter-spacing:0;opacity:.85;margin-top:.9rem;margin-left:.2rem;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:300}.hero__condition{margin-top:.25rem;font-size:1.375rem;font-weight:600}.hero__meta{flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin-top:.35rem;font-size:1rem;font-weight:500;display:flex}.daily{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.daily__row{border-bottom:1px solid var(--divider);grid-template-columns:4.5rem 2rem 2.5rem 2.25rem minmax(3rem,1fr) 2.25rem;align-items:center;gap:.6rem;padding:.55rem 0;display:grid}.daily__row:last-child{border-bottom:0}.daily__day{white-space:nowrap;font-weight:600;display:inline-block}.daily__day:first-letter{text-transform:uppercase}.daily__rain{color:var(--color-rain);font-size:.75rem;font-weight:600}.daily__min{text-align:right;color:var(--text-muted)}.daily__max{font-weight:650}.daily__bar{background:var(--track);border-radius:999px;height:6px;position:relative}.daily__range{background:linear-gradient(90deg, var(--color-sky-400), var(--color-sun), #ff8a3d);border-radius:999px;min-width:8px;position:absolute;top:0;bottom:0}.footer{text-align:center;color:var(--on-sky-muted);padding:1rem 0 .5rem;font-size:.8125rem}.footer a{color:var(--on-sky);font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}.search-item{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.search-item--active{background:var(--surface-muted)}.search-item__name{color:var(--text);font-weight:600}.search-item__region{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8125rem;overflow:hidden}.search{width:100%;max-width:440px;position:relative}.search__field{height:2.75rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:.6rem;padding:0 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.search__field:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.search__input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.search__input::placeholder{color:var(--text-muted)}.search__input::-webkit-search-cancel-button{cursor:pointer}.search__panel{z-index:20;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-md);animation:search-pop .18s var(--ease);flex-direction:column;gap:.25rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0;right:0;box-shadow:0 24px 48px -16px #0a142d59}.search__locate{color:var(--primary);text-align:left;background:var(--primary-soft);border-radius:var(--radius-sm);border:0;align-items:center;gap:.6rem;padding:.65rem .75rem;font-size:.875rem;font-weight:600;display:flex}.search__locate:disabled{opacity:.6;cursor:progress}.search__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.4rem;padding:.5rem .75rem .1rem;font-size:.6875rem;font-weight:600;display:flex}.search__notice{color:var(--text-muted);padding:.6rem .75rem;font-size:.875rem}.search__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@keyframes search-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem 1.5rem;display:grid}.header__brand{align-items:center;gap:.75rem;display:flex}.header__logo{color:#fff;background:linear-gradient(135deg, var(--color-sky-500), #22c55e);width:2.5rem;height:2.5rem;box-shadow:0 8px 20px -8px var(--color-sky-500);border-radius:12px;place-items:center;display:grid}.header__name{color:var(--on-sky);text-shadow:0 1px 10px #00000040;letter-spacing:-.02em;font-size:1.125rem;font-weight:700;line-height:1.2}.header__tagline{color:var(--on-sky-muted);text-shadow:0 1px 10px #00000040;font-size:.75rem}.header__search{justify-content:center;display:flex}.header__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.header__refresh{width:2.5rem;height:2.5rem;color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border);border-radius:50%;place-items:center;transition:color .2s,background .2s;display:grid}.header__refresh--spinning .icon{animation:.9s linear infinite header-spin}@keyframes header-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.header{grid-template-columns:1fr auto}.header__search{grid-area:2/1/auto/-1;justify-content:stretch}.header__search .search{max-width:none}}@media (width<=640px){.header{grid-template-columns:1fr}.header__controls{justify-content:flex-start}}.header .segmented{-webkit-backdrop-filter:blur(12px);background:#ffffff2e;border-color:#ffffff40}.header .segmented__option{color:#ffffffd9}.header .segmented__option:hover{color:#fff}.header .segmented__option[aria-checked=true]{color:#0f1b2d;background:#fff}.header__refresh{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff2e;border-color:#ffffff40}.header__refresh:hover{color:#fff;background:#ffffff4d}.hourly__row{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--track) transparent;gap:.25rem;margin:0 -1.25rem;padding:0 1.25rem .5rem;scroll-padding-inline:1.25rem;list-style:none;display:flex;overflow-x:auto}.hourly__item{border-radius:var(--radius-md);scroll-snap-align:start;flex-direction:column;flex:none;align-items:center;gap:.5rem;min-width:4.25rem;padding:.75rem .25rem;transition:background .2s;display:flex}.hourly__item:hover{background:var(--surface-muted)}.hourly__item:first-child{background:var(--primary-soft)}.hourly__time{color:var(--text-muted);white-space:nowrap;font-size:.75rem;font-weight:600}.hourly__item:first-child .hourly__time{color:var(--primary)}.hourly__temp{letter-spacing:-.01em;font-size:1.0625rem;font-weight:650}.hourly__rain{min-height:1rem;color:var(--color-rain);font-size:.6875rem;font-weight:650;line-height:1rem}.error-state{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:220px;padding:1.5rem;display:flex}.error-state__icon{width:52px;height:52px;color:var(--color-aqi-unhealthy);background:color-mix(in srgb, var(--color-aqi-unhealthy) 14%, transparent);border-radius:50%;place-items:center;display:grid}.error-state__title{font-size:1rem;font-weight:600}.error-state__message{max-width:28ch;color:var(--text-muted);font-size:.875rem}.error-state__retry{color:#fff;background:var(--color-sky-600);transition:transform .2s var(--ease), background .2s;border:0;border-radius:999px;align-items:center;gap:.4rem;margin-top:.5rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.error-state__retry:hover{background:var(--color-sky-500);transform:translateY(-1px)}.skeleton{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(100deg, transparent 20%, var(--skeleton-shine) 50%, transparent 80%) 0 0 / 200% 100% no-repeat, var(--skeleton-base);width:100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.query-boundary{min-width:0;animation:query-boundary-rise .6s var(--ease) backwards;display:flex}.query-boundary>*{flex:1;min-width:0}@keyframes query-boundary-rise{0%{opacity:0;transform:translateY(12px)}}.sky{z-index:-1;pointer-events:none;--cloud:#ffffff80;position:fixed;inset:0;overflow:hidden}.sky__gradient,.sky__veil{position:absolute;inset:0}.sky__gradient{background:var(--sky-clear-day);transition:opacity .6s}.sky[data-sky=clear-night] .sky__gradient{background:var(--sky-clear-night)}.sky[data-sky=cloudy] .sky__gradient{background:var(--sky-cloudy)}.sky[data-sky=rain] .sky__gradient{background:var(--sky-rain)}.sky[data-sky=storm] .sky__gradient{background:var(--sky-storm)}.sky[data-sky=snow] .sky__gradient{background:var(--sky-snow)}.sky[data-sky=fog] .sky__gradient{background:var(--sky-fog)}.sky[data-sky=cloudy]{--cloud:#ffffff4d}.sky[data-sky=rain],.sky[data-sky=storm]{--cloud:#0e182c80}.sky[data-sky=fog]{--cloud:#fff6}.sky[data-night=true]:not([data-sky=clear-night]) .sky__veil{background:#03081a8c}.sky__veil{background:linear-gradient(#0000 55%,#0000002e 100%)}.sky__cloud{background:radial-gradient(ellipse at center, var(--cloud) 0%, transparent 70%);filter:blur(18px);border-radius:50%;animation:70s ease-in-out infinite alternate sky-drift;position:absolute}.sky__star{background:#fff;border-radius:50%;animation:4s ease-in-out infinite sky-twinkle;position:absolute}.sky__moon{background:radial-gradient(circle at 62% 28%,#96a0be8c 0 5px,#0000 6px),radial-gradient(circle at 30% 60%,#96a0be80 0 8px,#0000 9px),radial-gradient(circle at 68% 72%,#96a0be73 0 6px,#0000 7px),radial-gradient(circle at 35% 35%,#fff,#dfe4f4 55%,#aab4d2);border-radius:50%;width:64px;height:64px;position:absolute;top:150px;left:6%;box-shadow:0 0 24px 6px #dce4ff59,0 0 90px 24px #b4c3ff2e}.sky__sun{background:radial-gradient(circle,#fff4c8f2 0%,#ffdc788c 22%,#ffdc7800 65%);width:40vw;height:40vw;animation:8s ease-in-out infinite alternate sky-pulse;position:absolute;top:-12vw;right:-8vw}.sky__drop{background:linear-gradient(#0000,#c8e1ffe6);border-radius:2px;width:1.5px;animation:linear infinite sky-rain;position:absolute;top:-40px;transform:rotate(8deg)}.sky__flake{background:#fff;border-radius:50%;animation:linear infinite sky-snow;position:absolute;top:-12px}.sky__lightning{opacity:0;background:radial-gradient(at 70% 10%,#dcd7ffe6,#0000 60%);animation:9s infinite sky-flash;position:absolute;inset:0}@keyframes sky-drift{to{transform:translate(14vw)}}@keyframes sky-twinkle{50%{opacity:.25}}@keyframes sky-pulse{to{opacity:.85;transform:scale(1.08)}}@keyframes sky-rain{to{transform:translate(-12vh,112vh)rotate(8deg)}}@keyframes sky-snow{0%{transform:translate(0)}50%{transform:translate(24px,55vh)}to{transform:translate(-8px,110vh)}}@keyframes sky-flash{0%,92%,to{opacity:0}93%{opacity:.55}94%{opacity:.1}95%{opacity:.45}97%{opacity:0}}@media (prefers-reduced-motion:reduce){.sky__drop,.sky__flake,.sky__lightning{display:none}}.stat-card{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .25s var(--ease), background .25s;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.stat-card:hover{background:var(--primary-soft);transform:translateY(-2px)}.stat-card__label{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}.stat-card__value{letter-spacing:-.02em;font-size:1.375rem;font-weight:650;line-height:1.2}.stat-card__track{background:var(--track);border-radius:999px;height:5px;overflow:hidden}.stat-card__fill{border-radius:inherit;height:100%;transition:width .8s var(--ease)}.stat-card__detail{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.sun-arc{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:1rem 1rem .75rem;display:flex}.sun-arc__chart{width:100%;max-width:300px;margin:0 auto;overflow:visible}.sun-arc__track,.sun-arc__progress{fill:none;stroke-width:3px;stroke-linecap:round}.sun-arc__track{stroke:var(--track);stroke-dasharray:2 6}.sun-arc__progress{stroke:var(--color-sun)}.sun-arc__horizon{stroke:var(--track);stroke-width:1px}.sun-arc__glow{fill:var(--color-sun);opacity:.25}.sun-arc__sun{fill:var(--color-sun);stroke:var(--surface-solid);stroke-width:2px}.sun-arc__times{justify-content:space-between;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.sun-arc__time{white-space:nowrap;flex-shrink:0;align-items:center;gap:.5rem;display:inline-flex}.sun-arc__time:last-child{text-align:right;flex-direction:row-reverse}.sun-arc__text{flex-direction:column;line-height:1.25;display:flex}.sun-arc__caption{color:var(--text-muted);font-size:.6875rem}.sun-arc__value{font-weight:650}.sun-arc__length{text-align:center;min-width:0;color:var(--text-muted)}.weather-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.weather-details__arrow{color:var(--primary);display:inline-flex}@media (width<=720px){.weather-details{grid-template-columns:repeat(2,minmax(0,1fr))}}.app{color:var(--text);flex-direction:column;gap:1.5rem;max-width:1240px;margin:0 auto;padding:1.5rem 1rem 1rem;display:flex}.app__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"hero hero""hourly hourly""details air""daily air""trend trend""compare compare";gap:1.25rem;display:grid}.app__hero{grid-area:hero}.app__air{grid-area:air}.app__details{grid-area:details}.app__hourly{grid-area:hourly}.app__daily{grid-area:daily}.app__trend{grid-area:trend}.app__compare{grid-area:compare;min-width:0}.app__air,.app__details,.app__hourly,.app__daily,.app__trend{animation-delay:.1s}@media (width<=960px){.app__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""hourly""details""air""daily""trend""compare"}}@media (width>=640px){.app{padding:2rem 1.5rem 1rem}}:root{--color-sky-300:#8ec5fc;--color-sky-400:#5aa9f8;--color-sky-500:#3b8ef0;--color-sky-600:#2a74d6;--color-sky-700:#1f5fb8;--color-sun:#ffc93c;--color-rain:#4a90d9;--color-storm:#6c5ce7;--color-aqi-good:#22c55e;--color-aqi-moderate:#eab308;--color-aqi-sensitive:#f97316;--color-aqi-unhealthy:#ef4444;--color-aqi-very-unhealthy:#a855f7;--color-aqi-hazardous:#9f1239;--sky-clear-day:linear-gradient(180deg, #1b57b5 0%, #2f7fe0 50%, #5ea6ef 100%);--sky-clear-night:linear-gradient(180deg, #070b24 0%, #141c4d 55%, #2a3270 100%);--sky-cloudy:linear-gradient(180deg, #2b3a4d 0%, #3f5268 55%, #5b6f86 100%);--sky-rain:linear-gradient(180deg, #14202f 0%, #243a52 55%, #37506b 100%);--sky-storm:linear-gradient(180deg, #0f0c2a 0%, #241f55 55%, #3a3278 100%);--sky-snow:linear-gradient(180deg, #33506f 0%, #52748f 55%, #7d9ab4 100%);--sky-fog:linear-gradient(180deg, #2f3640 0%, #4a535e 55%, #6a7380 100%);--on-sky:#fff;--on-sky-muted:#ffffffc7;--bg:#080d1a;--surface:#0c18345c;--surface-solid:#151d33;--surface-muted:#ffffff12;--border:#ffffff1f;--divider:#ffffff1a;--text:#eef3fb;--text-muted:#a5b3cb;--primary:var(--color-sky-300);--primary-soft:#8ec5fc29;--track:#ffffff24;--shadow:0 12px 32px -16px #0000008c;--skeleton-base:#ffffff0d;--skeleton-shine:#ffffff1a;--font:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font);font-feature-settings:"tnum" 1;background:var(--bg);color:var(--text);background-attachment:fixed;margin:0;line-height:1.5;transition:background-color .3s,color .3s}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;padding:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}