:root{--paper:#eef3ef;--ink:#17323a;--navy:#0c2b36;--muted:#607178;--lake:#278ba5;--lake-dark:#17677b;--mist:#e1f1f2;--line:#d9e2df;--focus:#e29638;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}#root{background:linear-gradient(180deg, #f9fbf8 0, var(--paper) 64%, #e8efeb 100%);max-width:1180px;min-height:100svh;margin:0 auto}main{min-height:100svh}.topbar{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:9px;font-size:15px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{background:var(--navy);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:18px;display:inline-flex}.location-pill{border:1px solid var(--line);color:var(--muted);background:#ffffffbf;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:650;display:inline-flex}.location-dot,.fresh-dot{background:var(--lake);border-radius:50%;width:7px;height:7px;display:inline-block}.intro{padding:58px 22px 118px;position:relative}.intro:after{content:"";pointer-events:none;background:radial-gradient(at 80% 20%,#21778f26,#0000 48%),linear-gradient(165deg,#0000 58%,#21778f12 59%);position:absolute;inset:0}.eyebrow,.card-label{color:var(--lake-dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:800}.intro h1{color:var(--navy);letter-spacing:-.045em;z-index:1;max-width:690px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,12vw,68px);font-weight:500;line-height:.98;position:relative}.intro-copy{color:var(--muted);z-index:1;max-width:430px;margin:22px 0 0;font-size:15px;line-height:1.55;position:relative}.weather-panel{z-index:2;max-width:760px;margin:-74px auto 0;padding:0 16px 56px;position:relative}.forecast-card,.context-card,.state-card{background:#fffffff0;border:1px solid #0e2d361a;border-radius:22px;box-shadow:0 24px 70px #0f343d1f}.forecast-card{padding:24px 20px 0;overflow:hidden}.forecast-heading{justify-content:space-between;align-items:flex-start;display:flex}.forecast-heading h2,.context-card h2,.state-card h2{color:var(--navy);letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:500;line-height:1.05}.wind-icon{background:var(--mist);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.wind-icon svg{fill:none;height:30px;stroke:var(--lake-dark);stroke-linecap:round;stroke-width:2.5px;width:30px}.coverage{color:var(--muted);margin:11px 0 24px;font-size:13px}.forecast-details{border-top:1px solid var(--line);margin:0}.forecast-details>div{padding:20px 0}.forecast-details>div+div{border-top:1px solid var(--line)}.forecast-details dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800}.forecast-details dd{color:var(--ink);margin:0;font-size:15px;line-height:1.55}.source-row{color:var(--muted);background:#f5f8f6;justify-content:space-between;align-items:center;margin:2px -20px 0;padding:13px 20px;font-size:11px;display:flex}.source-row div{align-items:center;gap:7px;font-weight:750;display:flex}.context-card{box-shadow:none;margin-top:14px;padding:22px 20px}.context-card h2{font-size:22px;line-height:1.12}.context-card>p:last-child{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.55}.provenance{color:var(--muted);text-align:center;margin:18px 8px 0;font-size:11px;line-height:1.5}.provenance a{color:var(--lake-dark)}.state-card{text-align:center;padding:44px 24px}.state-card p{color:var(--muted);max-width:360px;margin:10px auto 0;font-size:14px}.state-card button{background:var(--navy);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:999px;margin-top:22px;padding:11px 19px;font-size:13px;font-weight:750}.state-card button:focus-visible,.brand:focus-visible,.provenance a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.spinner{border:3px solid var(--mist);border-top-color:var(--lake);border-radius:50%;width:30px;height:30px;margin:0 auto 20px;animation:.8s linear infinite spin;display:block}.state-symbol{color:#a84022;background:#fff0e9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 18px;font-weight:850;display:flex}.stale-banner{color:#6b5713;background:#fff7d9;border:1px solid #ead78b;border-radius:14px;margin-bottom:12px;padding:12px 14px;font-size:12px;line-height:1.45}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=700px){.topbar{padding:22px 36px}.intro{padding:86px 42px 154px}.forecast-card{padding:30px 30px 0}.source-row{margin-inline:-30px;padding-inline:30px}.forecast-details{grid-template-columns:1fr 1fr;display:grid}.forecast-details>div{padding:24px 20px 24px 0}.forecast-details>div+div{border-left:1px solid var(--line);border-top:0;padding-left:24px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.pwa-notice{background:var(--navy);bottom:max(16px, env(safe-area-inset-bottom));color:#fff;z-index:10;border:1px solid #ffffff26;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;max-width:440px;padding:14px;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 18px 50px #05181e47}.pwa-notice p{flex:100%;margin:0 0 2px;font-size:13px}.pwa-notice button{color:var(--navy);cursor:pointer;font:inherit;background:#fff;border:0;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:750}.pwa-notice .quiet-button{color:#d7e7e8;background:0 0}.pwa-notice button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (width>=500px){.pwa-notice{left:auto}}.unavailable-field{color:var(--muted);font-style:italic}