:root{--color-accent:#0284c7;--color-accent-text:#0270a9;--color-accent-soft:#e0f2fe;--color-ink:#0f172a;--color-ink-soft:#64748b;--color-ground:#f8fafc;--color-surface:#fff;--color-line:#e2e8f0;--color-critical:#dc2626;--color-critical-soft:#fef2f2;--color-warn:#a35709;--color-warn-ink:#7c3f06;--color-warn-strong:#9a4f07;--color-warn-soft:#fffbeb;--color-warn-tint:#fde9c8;--color-warn-line:#f0c78a;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--radius:.375rem;--radius-lg:.75rem;--shadow-card:0 1px 2px #0f172a0a, 0 4px 10px -4px #0f172a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--color-ground);color:var(--color-ink);font-family:var(--font-sans);margin:0;line-height:1.5}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.site-header{gap:var(--space-sm) var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(100deg,#0b2942,#0f3a5c 55%,#0d3350);border-bottom:1px solid #08233a;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.site-header__brand{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.site-header__icon{color:#ffd166;flex:none;display:flex}.site-header__brand strong{letter-spacing:.02em;color:#fff;font-size:1rem}.site-header__divider{background:#ffffff40;width:1px;height:1rem}.site-header__tag{text-transform:uppercase;letter-spacing:.06em;color:#ffffffb3;font-size:.75rem}.site-header__meta{font-family:var(--font-mono);color:#ffffffd9;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.site-footer{justify-content:space-between;gap:var(--space-xs) var(--space-md);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-line);font-family:var(--font-mono);color:var(--color-ink-soft);flex-wrap:wrap;font-size:.75rem;display:flex}.app{max-width:1100px;padding:var(--space-lg) var(--space-md);margin:0 auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skeleton{gap:var(--space-lg);flex-direction:column;display:flex}.skeleton__bar,.skeleton__block,.skeleton__circle{background:var(--color-accent-soft);border-radius:var(--radius);max-width:100%;animation:1.4s ease-in-out infinite skeleton-pulse;display:block}.skeleton__bar--xs{width:4rem;height:.6rem}.skeleton__bar--sm{width:7rem;height:.75rem}.skeleton__bar--md{width:5.5rem;height:.9rem}.skeleton__bar--title{width:11rem;height:1.9rem}.skeleton__block{width:8rem;height:3rem}.skeleton__circle{border-radius:50%;width:2.2rem;height:2.2rem}.skeleton__stack,.skeleton__hero .today-hero__place{gap:var(--space-sm);flex-direction:column;display:flex}.skeleton__grid-head{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.skeleton__heading{margin:0;font-size:1.05rem}.skeleton__sync,.error-state__nodata{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-text);background:var(--color-accent-soft);border-radius:999px;align-items:center;gap:.4rem;margin-left:auto;padding:.25rem .6rem;font-size:.7rem;display:inline-flex}.error-state__nodata{color:var(--color-ink-soft);background:0 0}.skeleton__pulse{background:currentColor;border-radius:50%;width:.45rem;height:.45rem;animation:1.2s ease-in-out infinite skeleton-pulse}.skeleton__card{gap:var(--space-sm);align-items:center}.skeleton__temps{align-items:center;gap:.4rem;display:flex}.skeleton__foot{font-family:var(--font-mono);color:var(--color-ink-soft);justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:.8rem;display:flex}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.skeleton__bar,.skeleton__block,.skeleton__circle,.skeleton__pulse{animation:none}}.error-state{text-align:center;align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-xl) var(--space-md);flex-direction:column;display:flex}.error-state__icon{border-radius:var(--radius-lg);background:var(--color-critical-soft);width:3.5rem;height:3.5rem;color:var(--color-critical);place-items:center;display:grid}.error-state__title{margin:var(--space-xs) 0 0;max-width:24ch;font-size:1.6rem}.error-state__message{color:var(--color-ink-soft);max-width:52ch;margin:0}.error-state__retry{font:inherit;margin-top:var(--space-sm);background:var(--color-accent-text);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-weight:600;display:inline-flex}.error-state__retry:hover{filter:brightness(1.08)}.error-state__last{font-family:var(--font-mono);color:var(--color-ink-soft);align-items:center;gap:.4rem;margin:0;font-size:.75rem;display:flex}.stale-banner{align-items:center;gap:var(--space-md);border:1px solid var(--color-warn-line);background:var(--color-warn-soft);border-radius:var(--radius-lg);padding:var(--space-md);flex-wrap:wrap;display:flex}.stale-banner__icon{border-radius:var(--radius);background:var(--color-warn-tint);width:2.75rem;height:2.75rem;color:var(--color-warn);flex:none;place-items:center;display:grid}.stale-banner__text{flex:1;min-width:15rem}.stale-banner__head{color:var(--color-warn-ink);flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 .2rem;display:flex}.stale-banner__tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--color-warn);color:#fff;border-radius:var(--radius);padding:.2rem .5rem;font-size:.62rem}.stale-banner__clock{font-family:var(--font-mono);color:var(--color-warn);margin-left:auto;font-size:.75rem}.stale-banner__detail{color:var(--color-warn);margin:0;font-size:.9rem}.stale-banner__retry{font:inherit;background:var(--color-warn-strong);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;flex:none;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-weight:600;display:inline-flex}.stale-banner__retry:hover{filter:brightness(1.08)}.today-hero__stale{vertical-align:middle;margin-left:var(--space-sm);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-warn);background:var(--color-warn-tint);border-radius:var(--radius);align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.62rem;font-weight:500;display:inline-flex}.city-picker{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg);margin-bottom:var(--space-lg)}.city-picker__head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.city-picker__head h2{margin:0;font-size:1rem}.city-picker__count{color:var(--color-ink-soft);font-size:.75rem}.city-picker__body{gap:var(--space-lg);grid-template-columns:220px 1fr;align-items:start;display:grid}.country-map{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);aspect-ratio:1342.63/1488.9;overflow:hidden}.country-map__svg{width:100%;height:100%;display:block}.country-map__outline{fill:var(--color-ground);stroke:var(--color-line);stroke-width:2px}.country-map__dept{fill:var(--color-accent-soft);stroke:var(--color-surface);stroke-width:4px;cursor:pointer;transition:fill .12s}.country-map__dept:hover{fill:var(--color-accent-line,#93c9e8)}.country-map__dept:focus-visible{outline:3px solid var(--color-accent);outline-offset:-2px}.country-map__dept--active,.country-map__dept--active:hover{fill:var(--color-accent)}.country-map__label{font-size:42px;font-family:var(--font-sans);fill:#fff;paint-order:stroke;stroke:#0f172a8c;stroke-width:6px;stroke-linejoin:round;pointer-events:none;font-weight:700}.city-card{background:var(--color-surface);border:1px solid var(--color-accent-line,var(--color-accent));border-radius:var(--radius);padding:var(--space-md);position:relative}.city-card__eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-soft);margin-bottom:var(--space-sm);font-size:.7rem;display:block}.city-card__row{align-items:center;gap:var(--space-md);display:flex;position:relative}.city-card__avatar{border-radius:var(--radius);background:var(--color-accent);color:#fff;flex:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.85rem;font-weight:700;display:flex}.city-card__info{flex:1;min-width:0}.city-card__name{align-items:center;gap:var(--space-sm);margin:0;font-size:1.05rem;font-weight:700;display:flex}.city-card__active{text-transform:uppercase;letter-spacing:.04em;background:var(--color-accent-text);color:#fff;border-radius:999px;padding:.1rem .45rem;font-size:.6rem;font-weight:700}.city-card__caption{color:var(--color-ink-soft);overflow-wrap:break-word;margin:.15rem 0 0;font-size:.8rem}.city-card__elevation{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink-soft);white-space:nowrap;flex:none;font-size:.85rem}.city-card__select{opacity:0;cursor:pointer;appearance:none;border-radius:inherit;border:none;width:100%;height:100%;position:absolute;inset:0}.city-card:has(.city-card__select:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}@media (width<=700px){.city-picker__body{grid-template-columns:1fr}.country-map{max-width:280px;margin:0 auto var(--space-md)}}.today-hero{gap:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.today-hero__caption{margin:0 0 var(--space-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-soft);align-items:center;gap:.3rem;font-size:.8rem;display:flex}.today-hero__caption svg{color:var(--color-accent);flex:none}.today-hero__city{margin:0;font-size:2rem;font-weight:700}.today-hero__condition{margin:var(--space-sm) 0 0;align-items:center;gap:.4rem;font-size:1rem;display:flex}.today-hero__condition svg{color:var(--color-accent);flex:none}.today-hero__reading{align-items:flex-end;gap:var(--space-lg);display:flex}.today-hero__temp-block{flex-direction:column;display:flex}.today-hero__temp-label{letter-spacing:.05em;color:var(--color-ink-soft);font-size:.6rem}.today-hero__temp{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:600;line-height:1}.today-hero__details{gap:var(--space-xs);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink-soft);flex-direction:column;font-size:.85rem;display:flex}.today-hero__wind{white-space:nowrap;align-items:center;gap:.25rem;display:inline-flex}.today-hero__wind svg{color:var(--color-ink-faint,var(--color-ink-soft))}.forecast-grid{gap:var(--space-sm);grid-template-columns:repeat(7,1fr);display:grid}.forecast-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);min-width:0;padding:var(--space-md);background:var(--color-surface);box-shadow:var(--shadow-card);text-align:center}.forecast-card--empty{box-shadow:none;color:var(--color-ink-soft);background:0 0;border-style:dashed}.forecast-card--empty .forecast-card__max,.forecast-card--empty .forecast-card__min,.forecast-card--empty .forecast-card__condition{color:var(--color-ink-soft)}.forecast-card--today{border-color:var(--color-accent);border-width:2px}.forecast-card__date{justify-content:center;align-items:center;gap:var(--space-xs);flex-wrap:wrap;font-size:.85rem;font-weight:600;display:flex}.forecast-card__badge{background:var(--color-accent-text);color:#fff;letter-spacing:.03em;border-radius:999px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.forecast-card__condition{margin:var(--space-sm) 0}.forecast-card__icon{color:var(--color-accent);justify-content:center;display:flex}.forecast-card__condition-label{color:var(--color-ink-soft);margin-top:var(--space-xs);overflow-wrap:break-word;font-size:.78rem;display:block}.forecast-card__temps{font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-content:center;gap:var(--space-md);margin:var(--space-sm) 0;display:flex}.forecast-card__temp-group{flex-direction:column;align-items:center;gap:.1rem;display:flex}.forecast-card__temp-label{letter-spacing:.05em;color:var(--color-ink-soft);font-size:.6rem}.forecast-card__max{color:var(--color-ink);font-size:1.25rem;font-weight:700}.forecast-card__min{color:var(--color-ink-soft);font-size:1.05rem;font-weight:500}.forecast-card__feels{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink-soft);background:var(--color-ground);border-radius:999px;margin:.25rem 0 .15rem;padding:.1rem .55rem;font-size:.7rem;display:inline-block}.forecast-card__wind{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink-soft);justify-content:center;align-items:center;gap:.2rem;margin:.15rem 0;font-size:.72rem;display:flex}@media (width<=700px){.city-card__elevation{display:none}.today-hero{flex-direction:column;align-items:flex-start}.today-hero__reading{justify-content:space-between;align-self:stretch}.forecast-grid{grid-template-columns:1fr}.forecast-card{align-items:center;column-gap:var(--space-md);text-align:left;padding:var(--space-sm) var(--space-md);grid-template-columns:auto 1fr auto;display:grid}.forecast-card__date{white-space:nowrap;justify-content:flex-start}.forecast-card__condition{align-items:center;gap:var(--space-xs);margin:0;display:flex}.forecast-card__icon svg{width:18px;height:18px}.forecast-card__condition-label{margin:0}.forecast-card__temps{gap:var(--space-sm);margin:0}.forecast-card__temp-label{font-size:.65rem}.forecast-card__feels,.forecast-card__wind{display:none}.skeleton__card{row-gap:0;column-gap:var(--space-md);grid-template-columns:auto 1fr auto}.skeleton__card .skeleton__circle{grid-area:1/1/span 2;width:1.75rem;height:1.75rem}.skeleton__card .skeleton__bar--sm:first-of-type{grid-area:1/2;width:4.5rem}.skeleton__card .skeleton__bar--md{grid-area:2/2;width:3.5rem}.skeleton__temps{grid-area:1/3/span 2;align-self:center}.skeleton__card>.skeleton__bar--sm:last-child{display:none}.skeleton__bar--title{width:8rem;height:1.5rem}.skeleton__block{width:5.5rem;height:2.4rem}.skeleton__hero .today-hero__reading{justify-content:space-between;align-self:stretch}.forecast-card--empty{grid-template-columns:auto 1fr auto;row-gap:0}.forecast-card--empty .forecast-card__icon{grid-area:1/1/span 2}.forecast-card--empty .forecast-card__date{grid-area:1/2}.forecast-card--empty .forecast-card__condition{grid-area:2/2;margin:0}.forecast-card--empty .forecast-card__temps{grid-area:1/3/span 2;align-self:center}.error-state{padding:var(--space-xl) var(--space-md)}.error-state__title{font-size:1.25rem}.error-state__retry{justify-content:center;width:100%}.stale-banner{align-items:stretch;gap:var(--space-sm);flex-direction:column}.stale-banner__clock{margin-left:auto}.stale-banner__retry{justify-content:center;width:100%}.today-hero__stale{margin-left:0;margin-top:var(--space-xs)}}