:root{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg:#f3f6fb;--bg-2:#e9eff7;--surface:#ffffffb8;--surface-solid:#fff;--surface-2:#ffffff8c;--border:#0f172a14;--border-strong:#0f172a24;--text:#0f172a;--text-dim:#64748b;--text-faint:#94a3b8;--accent:#6366f1;--accent-2:#0ea5e9;--accent-grad:linear-gradient(135deg, #6366f1 0%, #0ea5e9 100%);--accent-soft:#6366f11f;--danger:#e11d48;--radius:20px;--radius-sm:12px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow:0 10px 30px -12px #0f172a40;--shadow-lg:0 24px 60px -20px #0f172a59;--chart-grid:#64748b26;--chart-axis:#64748b40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1120;--bg-2:#0f1a2e;--surface:#1721369e;--surface-solid:#172136;--surface-2:#1e294280;--border:#94a3b81f;--border-strong:#94a3b838;--text:#e8eefb;--text-dim:#94a3b8;--text-faint:#64748b;--accent-soft:#6366f138;--shadow-sm:0 1px 2px #0006;--shadow:0 14px 40px -12px #0000008c;--shadow-lg:0 30px 70px -20px #000000b3;--chart-grid:#94a3b81f;--chart-axis:#94a3b833}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}.app{max-width:1080px;padding:clamp(1rem, 3vw, 2.5rem) clamp(1rem, 3vw, 2rem) calc(5.25rem + env(safe-area-inset-bottom));min-height:100vh;margin:0 auto;position:relative}.aurora{z-index:-1;background:var(--bg);position:fixed;inset:0;overflow:hidden}.aurora:before,.aurora:after{content:"";filter:blur(90px);opacity:.55;border-radius:50%;width:55vw;height:55vw;position:absolute}.aurora:before{background:radial-gradient(circle,#6366f1,#0000 70%);top:-15vw;right:-10vw}.aurora:after{background:radial-gradient(circle,#0ea5e9,#0000 70%);bottom:-20vw;left:-10vw}@media (prefers-color-scheme:dark){.aurora:before,.aurora:after{opacity:.32}}.app-header{margin-bottom:1.5rem}.toolbar__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.chip--action{color:var(--accent);border-color:var(--accent)}.chip:disabled{opacity:.4;cursor:not-allowed}.decade-nav{justify-content:center;align-items:center;gap:.9rem;margin:0 0 1.5rem;display:flex}.decade-nav__label{white-space:nowrap;font-size:1.05rem;font-weight:800}.brand{align-items:center;gap:.85rem;margin-bottom:1.25rem;display:flex}.brand__logo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:3rem;height:3rem;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);place-items:center;font-size:2rem;display:grid}.brand h1{letter-spacing:-.02em;background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:800}.brand__tag{color:var(--text-dim);margin:.1rem 0 0;font-size:.9rem}.context-bar{z-index:40;margin:0 0 1.25rem;position:sticky;top:.5rem}.context-bar__row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.45rem .6rem;display:flex}.context-bar__chip{font:inherit;color:var(--text);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;padding:.3rem .6rem;font-size:.9rem;font-weight:700;transition:background .15s,color .15s}.context-bar__chip:hover,.context-bar__chip[aria-expanded=true]{background:var(--accent-soft);color:var(--accent)}.context-bar__chip--date{color:var(--text-dim)}.context-bar__sep{color:var(--text-faint)}.context-bar__pop{z-index:60;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.9rem;position:absolute;top:calc(100% + .4rem);left:0;right:0}.date-editor{flex-direction:column;gap:.8rem;display:flex}.location-search{max-width:560px;position:relative}.location-search__field{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:.5rem;padding:.35rem .4rem .35rem .9rem;transition:border-color .18s,box-shadow .18s;display:flex}.location-search__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.location-search__icon{fill:none;width:18px;height:18px;stroke:var(--text-faint);stroke-width:2px;stroke-linecap:round;flex:none}.location-search input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:.45rem 0;font-size:1rem}.location-search input::placeholder{color:var(--text-faint)}.location-search__clear{background:var(--surface-2);width:1.6rem;height:1.6rem;color:var(--text-dim);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;font-size:1.1rem;line-height:1;transition:background .15s,color .15s;display:grid}.location-search__clear:hover{background:var(--border-strong);color:var(--text)}.location-search__geo{background:var(--accent-grad);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:2.4rem;height:2.4rem;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 4px 14px -4px #6366f199}.location-search__geo:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px #6366f1b3}.location-search__geo:active{transform:translateY(0)}.location-search__geo svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.location-results{z-index:20;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:360px;margin:.5rem 0 0;padding:.4rem;animation:.16s pop;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.location-results ul{margin:0;padding:0;list-style:none}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.location-results__status{color:var(--text-dim);padding:.7rem .8rem;font-size:.9rem}.location-results__head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:.3rem .5rem .15rem;font-size:.7rem;font-weight:700}.location-results li{align-items:center;display:flex}.location-results__item{text-align:left;cursor:pointer;min-width:0;color:var(--text);background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:.7rem;padding:.6rem .7rem;transition:background .12s;display:flex}.location-results__item:hover{background:var(--accent-soft)}.location-results__star{cursor:pointer;width:2rem;height:2rem;color:var(--text-faint);background:0 0;border:0;border-radius:8px;flex:none;font-size:1.1rem;line-height:1;transition:color .12s,background .12s}.location-results__star:hover{background:var(--accent-soft)}.location-results__star.is-fav{color:#f5b301}.location-results__pin{fill:none;width:18px;height:18px;stroke:var(--accent);stroke-width:1.8px;flex:none}.location-results__text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.location-results__text strong{font-weight:600}.location-results__text small{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.tabs{z-index:50;padding:.3rem .4rem calc(.3rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:.25rem;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -18px #0f172a80}.tabs button{cursor:pointer;min-width:0;font:inherit;color:var(--text-dim);border-radius:var(--radius-sm);background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.15rem;padding:.45rem .25rem;font-size:.7rem;font-weight:600;transition:color .2s,background .2s;display:flex}.tab__icon{font-size:1.3rem;line-height:1}.tab__label{white-space:nowrap}.tabs button[aria-selected=true]{color:var(--accent);background:var(--accent-soft)}@media (width>=760px){.tabs{border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:.25rem;max-width:620px;margin:0 0 1.75rem;padding:.3rem;position:static}.tabs button{border-radius:var(--radius-pill);white-space:nowrap;flex-direction:row;flex:auto;gap:.4rem;padding:.6rem 1rem;font-size:.95rem}.tab__icon{font-size:1rem}.tabs button[aria-selected=true]{color:#fff;background:var(--accent-grad);box-shadow:0 6px 18px -6px #6366f1b3}}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 1.5rem;margin-bottom:1.5rem;padding:1.1rem 1.25rem;display:flex}.field-group{flex-direction:column;gap:.4rem;display:flex}.field-row{align-items:flex-end;gap:.6rem;display:flex}.field-row__arrow{color:var(--text-faint);padding-bottom:.6rem}.field{flex-direction:column;gap:.35rem;display:flex}.field__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:.75rem;font-weight:700}.field input[type=date],.field select{font:inherit;color:var(--text);background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:.55rem .75rem;transition:border-color .15s,box-shadow .15s}.field input[type=date]:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.presets{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-solid);font:inherit;color:var(--text-dim);cursor:pointer;padding:.5rem .95rem;font-size:.85rem;font-weight:600;transition:all .15s}.chip:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.compare-row{max-width:420px;margin-bottom:1.25rem;position:relative}.compare-control{position:relative}.compare-input{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);outline:none;padding:.6rem .9rem;font-size:.92rem}.compare-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.compare-chip{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-pill);align-items:center;gap:.4rem;padding:.45rem .5rem .45rem .9rem;font-size:.9rem;display:inline-flex}.compare-chip strong{color:var(--text)}.compare-chip button{background:var(--surface-solid);color:var(--text-dim);cursor:pointer;border:0;border-radius:50%;width:1.5rem;height:1.5rem;font-size:1rem;line-height:1}.charts-grid{gap:1.25rem;display:grid}.chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1.25rem 1.25rem 1rem;animation:.4s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.chart__head{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.chart__icon{border-radius:10px;flex:none;place-items:center;width:2rem;height:2rem;font-size:1rem;display:grid}.chart__head h3{letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}.chart__unit{color:var(--text-faint);margin-left:auto;font-size:.8rem;font-weight:600}.chart__legend{color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.5rem;font-size:.8rem;display:flex}.chart__legend span{align-items:center;gap:.35rem;display:inline-flex}.chart__legend i{border-radius:2px;width:12px;height:3px}.chart-empty{color:var(--text-dim);text-align:center;padding:2rem}.chart--skeleton{height:360px;position:relative;overflow:hidden}.chart--skeleton:after,.stat--skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--surface-2), transparent);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.day-view__title{text-transform:capitalize;color:var(--text);margin:0 0 1rem;font-size:1.15rem;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin:0;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1.1rem 1.2rem;animation:.4s both rise;position:relative;overflow:hidden}.stat__icon{margin-bottom:.5rem;font-size:1.4rem;display:block}.stat dt{color:var(--text-dim);margin-bottom:.25rem;font-size:.8rem;font-weight:600}.stat dd{letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:800}.stat:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.stat--orange:before{background:#f97316}.stat--sky:before{background:#0ea5e9}.stat--indigo:before{background:#6366f1}.stat--cyan:before{background:#38bdf8}.stat--teal:before{background:#14b8a6}.stat--skeleton{height:130px}.stat__sub{color:var(--text-dim);text-transform:capitalize;margin:.35rem 0 0;font-size:.78rem}.years-view__hint{color:var(--text-dim);align-self:center;margin:0;font-size:.82rem}.empty-state{text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(2rem,6vw,4rem) 1.5rem}.empty-state--soft{border-style:solid;padding:2.5rem 1.5rem}.empty-state__icon{margin-bottom:.75rem;font-size:2.6rem}.empty-state h2{margin:0 0 .4rem;font-size:1.2rem;font-weight:700}.empty-state p{color:var(--text-dim);margin:0}.anomaly-banner{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:1.25rem;padding:.9rem 1.2rem;display:flex}.anomaly-banner strong{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.anomaly-banner span{color:var(--text-dim);font-size:.9rem}.anomaly-banner--warm strong{color:#ef4444}.anomaly-banner--cool strong{color:#3b82f6}.error{color:var(--danger);font-size:.9rem;font-weight:600}.error--banner{border-radius:var(--radius-sm);background:#e11d481a;border:1px solid #e11d4840;padding:.9rem 1.1rem}.spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chart-tooltip{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:160px;padding:.7rem .85rem}.chart-tooltip__date{color:var(--text);text-transform:capitalize;margin:0 0 .45rem;font-size:.78rem;font-weight:700}.chart-tooltip__row{align-items:center;gap:.45rem;margin:.2rem 0;font-size:.82rem;display:flex}.chart-tooltip__dot{border-radius:50%;flex:none;width:9px;height:9px}.chart-tooltip__name{color:var(--text-dim)}.chart-tooltip__value{color:var(--text);margin-left:auto;font-weight:700}.map-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.map-info{color:var(--text);font-size:.95rem;font-weight:700}.map-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1rem}.map-svg{width:100%;height:auto;max-height:70vh;display:block}.map-region{stroke:var(--surface-solid);stroke-width:.8px;cursor:pointer;transition:opacity .12s,stroke-width .12s}.map-region:hover,.map-region.is-hover{stroke:var(--text);stroke-width:1.6px;opacity:.9}.map-legend{color:var(--text-dim);align-items:center;gap:.6rem;margin-top:.75rem;font-size:.8rem;font-weight:600;display:flex}.map-legend__bar{border-radius:5px;flex:1;max-width:320px;height:10px}.day-view__subtitle{margin:1.75rem 0 .5rem;font-size:1rem;font-weight:700}.hourly__chart{margin-bottom:.25rem}.hourly__strip{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:.45rem;padding:.4rem .1rem .6rem;display:flex;overflow-x:auto}.hourly__cell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:3.5rem;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scroll-snap-align:start;flex-direction:column;flex:none;align-items:center;gap:.25rem;padding:.6rem .3rem;display:flex}.hourly__hour{color:var(--text-dim);font-size:.72rem;font-weight:600}.hourly__icon{font-size:1.5rem;line-height:1}.hourly__temp{font-size:.92rem;font-weight:700}.hourly__precip{color:var(--text-faint);white-space:nowrap;min-height:.85rem;font-size:.6rem}.hourly__precip.is-wet{color:var(--accent-2);font-weight:600}.app-footer{text-align:center;color:var(--text-faint);margin-top:2.5rem;font-size:.82rem}.app-footer a{color:var(--accent);font-weight:600;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (width>=760px){.app{padding-bottom:3rem}.charts-grid{grid-template-columns:1fr 1fr}.charts-grid .chart:first-child{grid-column:1/-1}.charts-grid--pair{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}