:root{--ink:#f7fbff;--muted:#e8f2ffad;--line:#ffffff24;--accent:#91d8ff;--bg:#07111f;--danger:#ff5c6c;--good:#73e2b8;--warning:#ffd38a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 25% 10%,#143a61 0,#0000 34%),linear-gradient(145deg,#07111f 0%,#0b2038 52%,#07111f 100%);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.sky{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(4px);opacity:.38;border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle at 35% 35%,#a8e4ff,#3b76e8 50%,#0000 72%);width:34rem;height:34rem;top:7rem;right:-13rem}.orb-two{background:radial-gradient(circle,#54d6c4,#0000 70%);width:20rem;height:20rem;bottom:5rem;left:-8rem}.nav{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:24px 28px;display:flex}.brand{color:#fff;letter-spacing:-.03em;align-items:center;gap:11px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#07111f;background:linear-gradient(145deg,#dff6ff,#69c7ff);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 25px #56beff3d}button,input{font:inherit}.ghost-button{border:1px solid var(--line);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border-radius:999px;padding:11px 17px}main{max-width:1200px;margin:auto;padding:0 28px}.hero{max-width:880px;padding:100px 0 68px}.eyebrow{letter-spacing:.24em;color:var(--accent);margin:0 0 24px;font-size:.75rem;font-weight:700}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(3.5rem,9vw,7.6rem);font-weight:600;line-height:.92}.hero-copy{color:var(--muted);margin:30px 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6}.search{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff1a;border-radius:19px;gap:10px;max-width:650px;padding:7px;display:flex;box-shadow:0 18px 60px #0003}.search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:13px 15px}.search input::placeholder{color:#ffffff80}.search button{color:#07111f;cursor:pointer;background:#fff;border:0;border-radius:13px;padding:13px 19px;font-weight:700}.status{min-height:24px;color:var(--muted);margin:13px 5px}.hidden{display:none!important}.weather-panel{margin:10px 0 90px}.glass{border:1px solid var(--line);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#ffffff24,#ffffff0e);box-shadow:0 30px 100px #00000038}.alert-banner{background:#84101feb;border:1px solid #ffffff40;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:16px 18px;display:flex;box-shadow:0 12px 35px #0000003d}.alert-banner div{flex-direction:column;gap:4px;display:flex}.alert-banner span{color:#ffffffd1;font-size:.9rem;line-height:1.45}.alert-banner a{color:#fff;white-space:nowrap;font-size:.82rem;font-weight:700}.current{border-radius:34px;grid-template-columns:1fr auto;gap:34px;padding:40px;display:grid}.place{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,4vw,3.4rem);font-weight:600}.condition{color:var(--muted);margin:8px 0 0;font-size:1.05rem}.temperature-wrap{align-items:flex-start;line-height:.8;display:flex}.weather-icon{margin-right:18px;font-size:3.2rem}.temperature{letter-spacing:-.09em;font-size:clamp(5rem,12vw,9rem);font-weight:500}.degree{margin:3px 0 0 8px;font-size:2rem}.metrics{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:25px;display:grid}.metrics div{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.metrics strong{color:#fff}.cue-card{border:1px solid var(--line);background:linear-gradient(135deg,#73e2b821,#ffffff0d);border-radius:28px;margin-top:18px;padding:28px 30px}.cue-card[data-tone=danger]{background:linear-gradient(135deg,#ff5c6c2e,#ffffff0d)}.cue-card[data-tone=heat]{background:linear-gradient(135deg,#ffb3592b,#ffffff0d)}.cue-card[data-tone=wind],.cue-card[data-tone=rain]{background:linear-gradient(135deg,#55a3ff29,#ffffff0d)}.cue-kicker{letter-spacing:.2em;color:var(--good);margin-bottom:16px;font-size:.72rem;font-weight:700}.cue-card[data-tone=danger] .cue-kicker{color:#ff9aa5}.cue-card[data-tone=heat] .cue-kicker{color:var(--warning)}.cue-layout{grid-template-columns:1.35fr 1fr;align-items:start;gap:30px;display:grid}.cue-layout h2{letter-spacing:-.045em;margin:0 0 8px;font-size:clamp(1.8rem,4vw,3rem)}.cue-layout p{color:var(--muted);margin:0;line-height:1.55}.cue-layout ul{color:#f7fbffdb;margin:0;padding-left:20px;line-height:1.65}.work-window{border:1px solid var(--line);background:#ffffff0b;border-radius:22px;align-items:flex-start;gap:28px;margin-top:14px;padding:20px 24px;display:flex}.work-window>span{letter-spacing:.18em;color:var(--accent);white-space:nowrap;padding-top:5px;font-size:.7rem;font-weight:700}.work-window h2{margin:0 0 5px;font-size:1.05rem}.work-window p{color:var(--muted);margin:0;line-height:1.5}.forecast-section,.radar-section{margin-top:38px}.section-heading{justify-content:space-between;align-items:end;margin:0 3px 14px;display:flex}.section-heading p{margin:0;font-size:1.15rem;font-weight:600}.section-heading span{color:var(--muted);font-size:.78rem}.hourly-grid{grid-template-columns:repeat(12,104px);gap:10px;padding-bottom:10px;display:grid;overflow-x:auto}.hour{border:1px solid var(--line);text-align:center;background:#ffffff0e;border-radius:20px;padding:18px 12px}.hour-name,.hour-rain{color:var(--muted);font-size:.76rem}.hour-icon{margin:13px 0 8px;font-size:1.55rem}.hour-temp{margin-bottom:6px;font-weight:700}.forecast-grid{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.day{border:1px solid var(--line);text-align:center;background:#ffffff0e;border-radius:22px;padding:22px 14px}.day-name{color:var(--muted);font-size:.8rem}.day-icon{margin:17px 0;font-size:1.65rem}.day-temp{font-weight:600}.day-low{color:var(--muted);margin-left:6px}.day-rain{color:var(--muted);margin-top:8px;font-size:.72rem}.radar-map{border:1px solid var(--line);background:#07111f;border-radius:28px;height:430px;overflow:hidden}.radar-map .leaflet-control-attribution{font-size:10px}.radar-foot{color:var(--muted);justify-content:space-between;gap:18px;margin:10px 4px 0;font-size:.78rem;display:flex}.radar-foot a{color:var(--accent)}.city-context{border:1px solid var(--line);background:#ffffff0b;border-radius:28px;margin:0 0 80px;padding:34px}.city-context h2{letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(2rem,4vw,3.2rem)}.city-context>p:not(.eyebrow){max-width:850px;color:var(--muted);font-size:1.02rem;line-height:1.75}.nearby-cities{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.nearby-cities strong{font-size:.82rem}.nearby-cities div{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.nearby-cities a{color:#fff;border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:9px 13px;text-decoration:none}.features{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:36px;padding:35px 0 110px;display:grid}.features article span{color:var(--accent);font-size:.75rem}.features h2{letter-spacing:-.035em;margin:13px 0 9px;font-size:1.4rem}.features p{color:var(--muted);margin:0;line-height:1.65}footer{border-top:1px solid var(--line);max-width:1200px;color:var(--muted);justify-content:space-between;margin:auto;padding:26px 28px 38px;font-size:.78rem;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){.nav{padding:19px}.ghost-button{font-size:.78rem}.hero{padding:72px 0 50px}.hero h1{font-size:clamp(3.35rem,17vw,5rem)}main{padding:0 18px}.search{border-radius:21px;flex-direction:column}.search button{width:100%}.alert-banner{flex-direction:column;align-items:flex-start}.current{grid-template-columns:1fr;padding:27px 23px}.temperature-wrap{justify-content:flex-start}.metrics{grid-template-columns:1fr}.cue-card{padding:24px 22px}.cue-layout{grid-template-columns:1fr}.work-window{flex-direction:column;gap:10px}.forecast-grid{grid-template-columns:repeat(7,125px);padding-bottom:10px;overflow-x:auto}.radar-map{border-radius:22px;height:360px}.radar-foot{flex-direction:column}.city-context{padding:24px 20px}.features{grid-template-columns:1fr;gap:34px}footer{flex-direction:column;gap:10px;margin:0 18px;padding-left:0;padding-right:0}}.city-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0;display:grid}.city-guide article{border:1px solid var(--line);background:#ffffff0b;border-radius:20px;padding:20px}.city-guide h3{margin:0 0 8px;font-size:1rem;line-height:1.35}.city-guide p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}@media (max-width:760px){.city-guide{grid-template-columns:1fr}}
.brand-logo{border-radius:10px;flex:none;width:38px;height:38px;display:block;box-shadow:0 8px 24px #4ea1ff2e}.brand-wordmark{letter-spacing:-.04em;color:#fff;align-items:baseline;font-size:1.02rem;font-weight:700;display:inline-flex}.brand-wordmark>span{color:#5aa9ff}@media (max-width:520px){.brand-logo{width:34px;height:34px}.brand-wordmark{font-size:.94rem}}
a,button,input{transition:opacity .18s,transform .18s,border-color .18s,background .18s}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #91d8ff}.ghost-button:hover,.search button:hover,.nearby-cities a:hover{transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.62}footer nav{align-items:center;gap:16px;display:flex}footer a{color:inherit;text-decoration:none}footer a:hover{color:#fff}.data-credit{text-align:right}.content-page{max-width:860px;margin:0 auto;padding:78px 28px 110px}.content-page .eyebrow{margin-bottom:18px}.content-page h1{letter-spacing:-.065em;margin:0 0 30px;font-size:clamp(3rem,8vw,6rem);line-height:.95}.content-page h2{letter-spacing:-.035em;margin:42px 0 12px;font-size:1.5rem}.content-page p,.content-page li{color:var(--muted);line-height:1.8}.content-page strong{color:#fff}.content-page a{color:var(--accent)}.content-page .lede{color:#f7fbffdb;font-size:1.2rem}.content-card{border:1px solid var(--line);background:#ffffff0d;border-radius:24px;margin-top:30px;padding:26px}@media (max-width:720px){footer nav{flex-wrap:wrap}.data-credit{text-align:left}.content-page{padding:56px 18px 80px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}