*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit}:root{--ink:#fff;--ink-2:#ffffffc2;--ink-3:#ffffff85;--card:#ffffff12;--card-strong:#ffffff1c;--line:#ffffff24;--line-soft:#ffffff14;--radius:22px;--shadow:0 18px 50px -22px #000000bf;--pad:clamp(1.1rem, 3.2vw, 1.6rem);--ic-sun:#ffd05e;--ic-cloud:#e9f1fb;--ic-moon:#dbe4f7;--ic-rain:#86ccff;--ic-snow:#e6f4ff;--ic-bolt:#ffd05e;--sky-1:#0a1b33;--sky-2:#123055;--sky-3:#2a5c86;--glow-a:#78beff4d;--glow-b:#ffbe7829}[data-sky=clear-day]{--sky-1:#0b3c78;--sky-2:#1d6bb0;--sky-3:#6fb4dd;--glow-a:#ffd6826b;--glow-b:#8cdcff4d}[data-sky=clear-night]{--sky-1:#060b1e;--sky-2:#131c44;--sky-3:#2b2f66;--glow-a:#8296ff47;--glow-b:#be8cff33}[data-sky=cloudy-day]{--sky-1:#23384f;--sky-2:#3c5674;--sky-3:#6e8aa6;--glow-a:#d2e6ff3d;--glow-b:#ffdcb424}[data-sky=cloudy-night]{--sky-1:#0a1120;--sky-2:#1a2438;--sky-3:#333f57;--glow-a:#96b4e633;--glow-b:#788cc829}[data-sky=rain]{--sky-1:#071a26;--sky-2:#113143;--sky-3:#29596b;--glow-a:#78d2f03d;--glow-b:#5a8cc833}[data-sky=storm]{--sky-1:#08060f;--sky-2:#1a1330;--sky-3:#322a55;--glow-a:#b4a0ff3d;--glow-b:#ffc87829}[data-sky=snow]{--sky-1:#16233b;--sky-2:#2c405f;--sky-3:#61789a;--glow-a:#e1f0ff52;--glow-b:#aac8ff38}[data-sky=fog]{--sky-1:#1b2030;--sky-2:#333a4c;--sky-3:#5d6475;--glow-a:#dce1f038;--glow-b:#b4bed72e}body{min-height:100svh;color:var(--ink);background:var(--sky-1);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;position:relative;overflow-x:hidden}.sky{z-index:-3;background:radial-gradient(120% 80% at 78% 6%, var(--glow-a) 0%, transparent 58%), radial-gradient(90% 70% at 12% 92%, var(--glow-b) 0%, transparent 62%), linear-gradient(176deg, var(--sky-1) 0%, var(--sky-2) 48%, var(--sky-3) 100%);transition:background .9s;position:fixed;inset:0}.sky:after{content:"";background:radial-gradient(140% 100% at 50% 130%,#0000006b,#0000 60%);position:absolute;inset:0}.grain{z-index:-1;pointer-events:none;opacity:.32;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.5'/></svg>");position:fixed;inset:0}.precip{z-index:-2;pointer-events:none;opacity:0;transition:opacity .7s;position:fixed;inset:-10% 0 0}[data-sky=rain] .precip,[data-sky=storm] .precip{opacity:.34;background-image:repeating-linear-gradient(100deg,#0000 0 22px,#cdebff8c 22px 23px,#0000 23px 46px),repeating-linear-gradient(103deg,#0000 0 37px,#afd7fa4d 37px 38px,#0000 38px 71px);background-size:220px 280px,340px 420px;animation:.9s linear infinite rainfall}[data-sky=snow] .precip{opacity:.75;background-image:radial-gradient(2.4px 2.4px at 22px 18px,#ffffffe6,#0000),radial-gradient(1.8px 1.8px at 118px 74px,#ffffffbf,#0000),radial-gradient(2px 2px at 176px 32px,#fffc,#0000),radial-gradient(1.4px 1.4px at 64px 138px,#fff9,#0000);background-size:220px 220px;animation:11s linear infinite snowfall}@keyframes rainfall{to{background-position:-62px 280px,-96px 420px}}@keyframes snowfall{to{background-position:40px 220px}}.wrap{z-index:1;width:min(1120px,100%);margin-inline:auto;padding:clamp(1rem,4vw,2.5rem) clamp(1rem,4vw,2rem) clamp(9rem,22vw,13rem);position:relative}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(140%);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);height:1px;position:absolute;inset:0 0 auto}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:.72rem;font-weight:600}.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem 1rem;margin-bottom:clamp(1.2rem,4vw,2rem);display:flex}.brand{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.brand h1{letter-spacing:-.03em;font-size:clamp(1.5rem,5vw,2rem);font-weight:650}.brand span{color:var(--ink-3);letter-spacing:.02em;font-size:.9rem}.live{color:var(--ink-2);background:var(--card);border:1px solid var(--line-soft);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .8rem;font-size:.8rem;display:inline-flex}.dot{background:#6ee7a8;border-radius:50%;flex:none;width:7px;height:7px;animation:2.4s ease-out infinite pulse;box-shadow:0 0 #6ee7a899}.live[data-state=loading] .dot{background:#ffd05e}.live[data-state=error] .dot{background:#ff8b7a;animation:none}@keyframes pulse{70%{box-shadow:0 0 0 9px #6ee7a800}to{box-shadow:0 0 #6ee7a800}}.hero{grid-template-columns:1fr;align-items:center;gap:clamp(1.2rem,3vw,2rem);padding:clamp(1.4rem,4.5vw,2.6rem);display:grid}.hero-main{flex-wrap:wrap;align-items:center;gap:clamp(.6rem,3vw,1.6rem);display:flex}.hero .wx-icon{filter:drop-shadow(0 10px 22px #00000059);flex:none;width:clamp(88px,24vw,140px);height:clamp(88px,24vw,140px)}.hero-temp{align-items:flex-start;line-height:.86;display:flex}.hero-temp .num{letter-spacing:-.055em;font-size:clamp(4.6rem,21vw,8.4rem);font-weight:200}.panel{margin-top:clamp(.6rem,1.6vw,.9rem)}.hero-temp .deg{color:var(--ink-2);letter-spacing:0;margin-top:.45em;font-size:clamp(1.25rem,4vw,1.9rem);font-weight:400}.hero-copy{min-width:min(100%,15rem)}.hero-cond{letter-spacing:-.015em;font-size:clamp(1.15rem,4vw,1.5rem);font-weight:550}.hero-feels{color:var(--ink-2);margin-top:.15rem;font-size:.98rem}.hero-range{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.pill{color:var(--ink-2);background:var(--card-strong);border:1px solid var(--line-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.32rem .75rem;font-size:.85rem;display:inline-flex}.pill b{color:var(--ink);font-weight:600}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.6rem,1.6vw,.9rem);margin-top:clamp(.6rem,1.6vw,.9rem);display:grid}.stat{padding:var(--pad);flex-direction:column;gap:.35rem;min-height:118px;display:flex}.stat-value{letter-spacing:-.03em;margin-top:auto;font-size:clamp(1.5rem,5.5vw,1.85rem);font-weight:350}.stat-value small{color:var(--ink-3);margin-left:.15em;font-size:.52em;font-weight:500}.stat-note{color:var(--ink-3);font-size:.82rem}.stat--wind .eyebrow,.stat--wind .stat-value{padding-right:54px}.compass{top:calc(var(--pad) - 6px);right:calc(var(--pad) - 4px);border:1px solid var(--line);width:46px;height:46px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid;position:absolute}.compass svg{width:20px;height:20px;transition:rotate .6s cubic-bezier(.22,1,.36,1)}.meter{background:#ffffff29;border-radius:999px;height:5px;overflow:hidden}.meter i{background:linear-gradient(90deg,#7fd2ff,#ffd05e);border-radius:999px;height:100%;transition:width .7s cubic-bezier(.22,1,.36,1);display:block}.sun-card{padding:var(--pad);gap:.9rem;display:grid}.arc{width:100%;max-width:780px;margin-inline:auto;position:relative}.arc svg{width:100%;height:auto;overflow:visible}.arc-track{fill:none;stroke:#ffffff2e;stroke-width:2px;stroke-dasharray:2 6;stroke-linecap:round}.arc-done{fill:none;stroke:#ffd05e;stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 6px #ffd05e99);transition:stroke-dashoffset .9s}.arc-sun{fill:#ffd05e;filter:drop-shadow(0 0 10px #ffd05ed9);transition:cx .9s,cy .9s}.arc-ends{width:100%;max-width:780px;color:var(--ink-2);justify-content:space-between;margin-inline:auto;font-size:.85rem;display:flex}.arc-ends b{color:var(--ink);font-weight:600;display:block}.section-head{padding:var(--pad) var(--pad) .35rem;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-head p{color:var(--ink-3);font-size:.82rem}.hours{scroll-snap-type:x proximity;padding:.6rem var(--pad) var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.35rem;display:flex;overflow-x:auto;mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.hours::-webkit-scrollbar{display:none}.hour{scroll-snap-align:start;text-align:center;border-radius:16px;flex:none;justify-items:center;gap:.3rem;width:66px;padding:.6rem .25rem;transition:background .2s;display:grid}.hour[data-now=true]{background:var(--card-strong);box-shadow:inset 0 0 0 1px var(--line)}.hour-label{color:var(--ink-3);letter-spacing:.02em;white-space:nowrap;font-size:.74rem}.hour[data-now=true] .hour-label{color:var(--ink);font-weight:600}.hour .wx-icon{width:32px;height:32px}.hour-temp{font-size:1rem;font-weight:500}.hour-pop{color:var(--ic-rain);min-height:1em;font-size:.7rem}.days{padding:.4rem calc(var(--pad) - .4rem) calc(var(--pad) - .4rem)}.day{border-radius:14px;grid-template-columns:3.3rem 1.8rem 2rem 2.1rem minmax(56px,1fr) 2.4rem;align-items:center;gap:.4rem;padding:.55rem .4rem;display:grid}.day+.day{box-shadow:inset 0 1px 0 var(--line-soft)}.day-name{font-size:.92rem;font-weight:500}.day[data-today=true] .day-name{font-weight:700}.day .wx-icon{width:28px;height:28px}.day-pop{color:var(--ic-rain);text-align:right;font-variant-numeric:tabular-nums;font-size:.72rem}.day-lo,.day-hi{font-variant-numeric:tabular-nums;font-size:.95rem}.day-lo{color:var(--ink-3);text-align:right}.day-hi{text-align:right;font-weight:600}.day-bar{background:#ffffff24;border-radius:999px;min-width:44px;height:6px;position:relative}.day-bar i{background:linear-gradient(90deg, var(--c1), var(--c2));border-radius:999px;transition:left .7s cubic-bezier(.22,1,.36,1),width .7s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0}.foot{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin-top:clamp(1.2rem,4vw,2rem);font-size:.8rem;display:flex}.foot a{color:var(--ink-2);text-decoration-color:var(--line);text-underline-offset:3px}.foot a:hover{color:var(--ink)}.refresh{background:var(--card);border:1px solid var(--line-soft);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .85rem;transition:background .18s,transform .18s;display:inline-flex}.refresh:hover{background:var(--card-strong)}.refresh:active{transform:scale(.97)}.refresh svg{width:14px;height:14px}.refresh[data-busy=true] svg{animation:.9s linear infinite spin}@keyframes spin{to{rotate:360deg}}.skyline{z-index:0;pointer-events:none;line-height:0;position:absolute;bottom:0;left:0;right:0}.skyline svg{width:100%;height:max(118px,18.3vw);display:block}.skyline-fill{fill:#04070e;opacity:.52}.skyline-win{fill:#ffd8a0;opacity:.55;animation:6s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:.16}}.wx-icon .ic-cloud{fill:var(--ic-cloud)}.wx-icon .ic-sun{fill:var(--ic-sun)}.wx-icon .ic-sun-rays{stroke:var(--ic-sun);stroke-width:3.4px;stroke-linecap:round}.wx-icon .ic-moon{fill:var(--ic-moon)}.wx-icon .ic-star{fill:var(--ic-moon);opacity:.75}.wx-icon .ic-rain line{stroke:var(--ic-rain);stroke-width:3.2px;stroke-linecap:round}.wx-icon .ic-snow line{stroke:var(--ic-snow);stroke-width:2.2px;stroke-linecap:round}.wx-icon .ic-lines line{stroke:var(--ic-cloud);stroke-width:3px;stroke-linecap:round;opacity:.7}.wx-icon .ic-bolt{fill:var(--ic-bolt)}.ic-spin{transform-origin:32px 32px;animation:26s linear infinite spin}.ic-fall{animation:1.25s ease-in infinite fall;animation-delay:var(--d,0s)}@keyframes fall{0%{opacity:0;transform:translateY(-4px)}22%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateY(8px)}}.ic-drift{animation:3.2s ease-in-out infinite drift;animation-delay:var(--d,0s);transform-box:fill-box;transform-origin:50%}@keyframes drift{0%,to{transform:translateY(-2px)rotate(0)}50%{transform:translateY(3px)rotate(60deg)}}.ic-haze{animation:5s ease-in-out infinite haze}.ic-haze-b{animation:5s ease-in-out infinite reverse haze}@keyframes haze{0%,to{transform:translate(-2px)}50%{transform:translate(3px)}}.ic-flash{animation:2.6s step-end infinite flash}@keyframes flash{0%,8%,16%,to{opacity:1}4%,12%{opacity:.25}}.topbar-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.nav{background:var(--card);border:1px solid var(--line-soft);backdrop-filter:blur(10px);border-radius:999px;gap:.15rem;padding:.2rem;display:inline-flex}.nav-link{color:var(--ink-3);white-space:nowrap;border-radius:999px;padding:.28rem .8rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s;display:inline-block}.nav-link:hover{color:var(--ink)}.nav-link[aria-current=page]{background:var(--card-strong);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.facts{padding-bottom:var(--pad)}.fact-grid{padding:.6rem var(--pad) 0;counter-reset:fact;grid-template-columns:1fr;gap:clamp(.9rem,2.4vw,1.4rem);margin:0;list-style:none;display:grid}.fact{border-left:2px solid var(--line);padding-left:.9rem;position:relative}.fact-year{letter-spacing:.12em;text-transform:uppercase;color:var(--ic-sun);margin-bottom:.15rem;font-size:.72rem;font-weight:650;display:block}.fact-title{letter-spacing:-.015em;margin-bottom:.2rem;font-size:1.02rem;font-weight:600}.fact-body{color:var(--ink-2);text-wrap:pretty;font-size:.9rem;line-height:1.55}.intro{gap:.6rem;padding:clamp(.4rem,1.5vw,.9rem) .2rem clamp(.6rem,2vw,1rem);display:grid}.intro p{color:var(--ink-2);text-wrap:pretty;max-width:62ch;font-size:clamp(.95rem,2.4vw,1.05rem);line-height:1.6}.intro b{color:var(--ink);font-weight:600}.intro-note{color:var(--ink-3)!important;font-size:.88rem!important}.signs-layout{align-items:start;gap:clamp(.6rem,1.6vw,.9rem);margin-top:clamp(.6rem,1.6vw,.9rem);display:grid}.map-card{margin-top:0}.map{width:100%;padding:0 var(--pad) var(--pad);position:relative}.map-svg{border-radius:14px;width:100%;height:auto;display:block;overflow:hidden}.map-land{fill:#ffffff0d}.map-water{fill:#040c1a6b}.map-city{fill:#ffffff0f;stroke:#ffffff57;stroke-width:2px;stroke-linejoin:round}.map-river{fill:none;stroke:var(--ic-rain);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.map-leader line{stroke:#ffd05ea6;stroke-width:2px;stroke-dasharray:4 4}.map-leader circle{fill:#ffd05ee6}.map-credit{color:var(--ink-3);text-align:right;margin-top:.5rem;font-size:.72rem}.pin{cursor:pointer;z-index:1;background:0 0;border:0;align-items:center;gap:.4rem;padding:0;display:flex;position:absolute;translate:-50% -50%}.pin[data-active=true]{z-index:3}.pin-dot{background:var(--ic-sun);color:#22160a;width:20px;height:20px;box-shadow:0 0 0 2.5px var(--sky-1), 0 3px 10px #00000080;border-radius:50%;flex:none;place-items:center;font-size:.78rem;font-weight:700;transition:scale .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:grid}.pin:hover .pin-dot,.pin:focus-visible .pin-dot,.pin[data-active=true] .pin-dot{box-shadow:0 0 0 2.5px var(--sky-1), 0 0 18px #ffd05ed9;scale:1.22}.pin-label{white-space:nowrap;color:var(--ink);border:1px solid var(--line);opacity:0;pointer-events:none;backdrop-filter:blur(8px);background:#080e1cd1;border-radius:999px;padding:.2rem .6rem;font-size:.76rem;font-weight:600;transition:opacity .18s,translate .18s;position:absolute;left:calc(100% + .45rem);translate:-4px}.pin[data-side=left] .pin-label{left:auto;right:calc(100% + .45rem);translate:4px}.pin:hover .pin-label,.pin:focus-visible .pin-label,.pin[data-active=true] .pin-label{opacity:1;translate:0}.sign-list{gap:clamp(.6rem,1.6vw,.9rem);margin:0;padding:0;list-style:none;display:grid}.sign{padding:var(--pad);gap:.75rem;scroll-margin-top:1.5rem;transition:border-color .22s,background .22s;display:grid}.sign[data-active=true]{background:var(--card-strong);border-color:#ffd05e80}.sign-head{grid-template-columns:auto 1fr auto;align-items:start;gap:.7rem;display:grid}.sign-num{background:var(--ic-sun);color:#22160a;border-radius:50%;place-items:center;width:26px;height:26px;margin-top:.15rem;font-size:.8rem;font-weight:700;display:grid}.sign-name{letter-spacing:-.02em;font-size:clamp(1.1rem,3.2vw,1.3rem);font-weight:620;line-height:1.25}.sign-area{color:var(--ink-3);margin-top:.1rem;font-size:.84rem}.sign-year{align-self:start;font-size:.76rem}.sign-view{color:var(--ink-2);text-wrap:pretty;font-size:.94rem;line-height:1.6}.sign-meta{border-top:1px solid var(--line-soft);gap:.55rem;padding-top:.2rem;display:grid}.sign-meta div{grid-template-columns:4.6rem 1fr;align-items:baseline;gap:.6rem;display:grid}.sign-meta dt{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:.7rem;font-weight:600}.sign-meta dd{color:var(--ink-2);margin:0;font-size:.87rem}.sign-link{color:var(--ink);background:var(--card-strong);border:1px solid var(--line-soft);border-radius:999px;justify-self:start;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .18s;display:inline-flex}.sign-link:hover{background:#ffffff2e}.sign-link svg{width:13px;height:13px}@media (width>=640px){.day{grid-template-columns:4.4rem 2.4rem 2.8rem 2.8rem minmax(90px,1fr) 3rem;gap:.75rem}.hour{width:74px}.pin-dot{width:24px;height:24px}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.signs-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.map-col{position:sticky;top:clamp(1rem,3vw,2rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.precip{display:none}}