:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ecf3fa;background:#0b1223;font-synthesis:none;--muted:#95a5b7;--line:rgba(206,226,241,.12);--mint:#a8e3d1;--card:#152238}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 79% 10%,rgba(42,73,105,.35),transparent 34%),radial-gradient(circle at 3% 78%,rgba(30,90,96,.16),transparent 35%),#0b1223}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #a8e3d1;outline-offset:3px}.page-shell{max-width:1350px;margin:auto;padding:0 48px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:#f5f8fb;text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:800;letter-spacing:-1.5px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#a8e3d1;color:#0b1223;font-size:25px;font-weight:400}.brand-period{color:var(--mint)}.header-right{display:flex;align-items:center;gap:26px}.header-caption{color:var(--muted);font-size:13px}.live-pill{display:inline-flex;gap:9px;align-items:center;border:1px solid rgba(168,227,209,.28);border-radius:999px;padding:9px 15px;color:#bfe8da;font-size:12px;font-weight:700;letter-spacing:.02em}.live-dot,.kicker-dot{display:inline-block;width:7px;height:7px;background:#a8e3d1;border-radius:50%;box-shadow:0 0 0 4px rgba(168,227,209,.1)}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-top:60px}.eyebrow,.section-kicker,.date-card-label{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--mint)}.intro h1{max-width:810px;margin:13px 0 10px;font-size:clamp(45px,5.2vw,73px);letter-spacing:-.062em;line-height:1.08}.intro h1 em{font-style:normal;color:var(--mint)}.intro-copy{margin:0;color:#a5b4c4;font-size:17px}.date-card{border-left:1px solid var(--line);padding:4px 0 4px 25px;min-width:165px;display:grid;gap:8px}.date-card strong{font-weight:600;font-size:16px}.search-area{display:flex;gap:12px;margin-top:42px;max-width:850px}.search-form{height:59px;display:flex;align-items:center;gap:14px;flex:1;background:#1a2940;border:1px solid #29415a;border-radius:14px;padding:6px 6px 6px 19px;box-shadow:0 14px 40px rgba(0,0,0,.13)}.search-icon{font-size:29px;color:#99acbd;line-height:1;transform:rotate(-20deg)}.search-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f3f8fc;font-size:15px}.search-form input::placeholder{color:#8394a7}.search-form input::-webkit-search-cancel-button{filter:invert(1)}.search-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:10px;padding:12px 21px;background:#a8e3d1;color:#112b33;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .2s,background .2s}.search-button:hover{background:#c3f1e3;transform:translateY(-2px)}.location-button{background:#1a2940;border:1px solid #29415a;border-radius:13px;color:#e9f0f7;padding:0 18px;white-space:nowrap;font-size:19px}.location-button span{font-size:13px;font-weight:700;margin-left:6px}.location-button:hover,.quick-locations button:hover,.refresh-button:hover{border-color:#a8e3d1;color:#a8e3d1}.quick-locations{display:flex;align-items:center;gap:8px;margin:14px 0 25px;color:#607587;font-size:10px;font-weight:800;letter-spacing:.12em}.quick-locations span{margin-right:3px}.quick-locations button{border:1px solid #2b3c50;background:transparent;color:#a9b8c8;border-radius:999px;padding:6px 12px;font-size:12px;transition:color .2s,border-color .2s}.status-message{min-height:25px;color:#a7b9ca;font-size:13px;margin-bottom:13px}.status-message.error{color:#ffc9a7}.dashboard{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:18px}.dashboard>article,.dashboard>section,.dashboard>aside{border:1px solid var(--line);border-radius:24px}.current-card{position:relative;overflow:hidden;min-height:365px;padding:27px 31px 0;background:linear-gradient(125deg,#234c63 0%,#1f4059 48%,#1b3550 100%)}.current-card:after{content:"";position:absolute;inset:auto -10% -55% 20%;height:320px;background:radial-gradient(circle,rgba(111,216,205,.18),transparent 65%);pointer-events:none}.current-topline,.card-heading-row{display:flex;align-items:start;justify-content:space-between}.current-topline .section-kicker{color:#d6efe8}.refresh-button{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#e5f2f8;border-radius:9px;width:34px;height:34px;font-size:24px;line-height:1}.current-main{position:relative;display:flex;justify-content:space-between;gap:18px;margin-top:30px;z-index:1}.current-main h2{font-size:28px;letter-spacing:-.035em;margin:0 0 3px}.location-detail{color:#c1d8de;font-size:13px;margin:0}.temperature-line{display:flex;align-items:start;margin-top:15px;font-size:91px;font-weight:650;letter-spacing:-.09em;line-height:1}.temperature-line span:last-child{font-size:30px;letter-spacing:-.03em;margin:9px 0 0 8px;color:#d1e9e7}.condition-label{font-size:18px;font-weight:700;margin:8px 0 0}.feels-like{font-size:13px;color:#c8dce0;margin:6px 0 0}.weather-art{position:relative;width:250px;height:205px;flex:none;margin:0 8px 0 0}.art-halo{position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.16);border-radius:50%;left:25px;top:0;box-shadow:0 0 0 25px rgba(255,255,255,.035),0 0 0 53px rgba(255,255,255,.02)}.art-sun{position:absolute;right:28px;top:18px;width:125px;height:125px;border-radius:50%;background:linear-gradient(140deg,#fff1bd,#ffc76c 65%,#f5aa55);box-shadow:0 0 55px rgba(255,199,108,.4)}.art-cloud{position:absolute;background:#d8edf1;box-shadow:0 14px 24px rgba(7,28,47,.15)}.art-cloud:before,.art-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud-front{left:8px;bottom:37px;width:187px;height:57px;border-radius:35px}.cloud-front:before{width:87px;height:87px;left:29px;bottom:20px}.cloud-front:after{width:67px;height:67px;left:95px;bottom:15px}.cloud-back{left:91px;bottom:65px;width:120px;height:37px;border-radius:30px;background:#b9dbe4;opacity:.7}.cloud-back:before{width:63px;height:63px;left:13px;bottom:10px}.cloud-back:after{width:49px;height:49px;left:62px;bottom:8px}.current-bottom{position:absolute;z-index:1;left:31px;right:31px;bottom:0;display:flex;border-top:1px solid rgba(255,255,255,.2);padding:16px 0 20px;gap:42px}.current-bottom div{display:grid;gap:6px}.current-bottom span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#bdd8db}.current-bottom strong{font-size:15px}.conditions-card,.forecast-card,.hourly-card{background:rgba(21,34,56,.87);padding:27px 28px}.section-kicker{margin:0 0 7px;color:#85d8c2}.card-heading-row h2{font-size:22px;letter-spacing:-.035em;margin:0}.mini-symbol{font-size:24px;color:#86cbbd}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:21px;border-top:1px solid var(--line)}.metric{min-height:91px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:10px;align-content:center;border-bottom:1px solid var(--line)}.metric:nth-child(odd){border-right:1px solid var(--line)}.metric:nth-child(even){padding-left:20px}.metric-icon{grid-row:1 / 3;display:grid;place-items:center;align-self:center;width:25px;height:25px;border-radius:8px;background:rgba(168,227,209,.1);color:#a8e3d1;font-size:18px}.metric-label{color:var(--muted);font-size:12px}.metric strong{font-size:19px;margin-top:2px}.unit-switch{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:#9cacc1;font-size:12px}.unit-switch div{display:flex;border:1px solid #31445a;border-radius:8px;padding:3px}.unit-switch button{border:0;background:transparent;color:#9aabba;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:700}.unit-switch button.active{background:#a8e3d1;color:#17313a}.forecast-card,.hourly-card{min-height:296px}.card-aside{font-size:12px;color:#6f8296}.daily-list{display:grid;margin-top:23px}.daily-row{display:grid;grid-template-columns:1.15fr .9fr 1.5fr .65fr;align-items:center;gap:12px;min-height:47px;border-top:1px solid var(--line);font-size:13px}.daily-day{font-weight:700}.daily-condition{display:flex;align-items:center;gap:7px;color:#acbac9}.weather-glyph{font-size:19px;line-height:1}.temp-range{justify-self:end;white-space:nowrap;color:#8192a6}.temp-range strong{color:#edf4f8;font-size:14px;margin-right:8px}.rain-value{justify-self:end;color:#a8e3d1;font-size:12px}.hourly-list{display:flex;gap:10px;overflow-x:auto;margin-top:25px;padding-bottom:8px;scrollbar-color:#3f5e70 transparent}.hour-card{display:grid;justify-items:center;gap:10px;min-width:75px;padding:14px 6px;background:#1b2c43;border:1px solid #2a3f55;border-radius:13px}.hour-card span:first-child{font-size:11px;color:#99abbe}.hour-card .weather-glyph{font-size:25px}.hour-card strong{font-size:16px}.hour-card small{color:#a8e3d1;font-size:11px}.site-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 35px;margin-top:42px;color:#7f92a5;font-size:12px}.site-footer a{color:#a8e3d1;text-decoration:none}.site-footer a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-page{min-height:100vh;display:grid;place-items:center}.error-panel{width:min(500px,calc(100% - 40px));background:#152238;border:1px solid var(--line);border-radius:24px;padding:40px}.error-panel .eyebrow{margin-top:55px}.error-panel h1{font-size:42px;letter-spacing:-.05em}.error-panel p:not(.eyebrow){color:#a5b4c4;line-height:1.6}.error-panel .search-button{margin-top:12px}
@media(max-width:980px){.page-shell{padding:0 26px}.dashboard{grid-template-columns:1fr}.current-card{min-height:360px}.forecast-card,.hourly-card{min-height:0}.header-caption{display:none}}
@media(max-width:620px){.page-shell{padding:0 17px}.site-header{height:73px}.brand{font-size:24px}.live-pill{padding:8px 11px;font-size:11px}.intro{display:block;padding-top:44px}.intro h1{font-size:46px}.intro-copy{font-size:15px;line-height:1.5}.date-card{border:0;padding:0;margin-top:23px}.date-card-label{display:none}.date-card strong{font-size:13px;color:#9eb3c3}.search-area{margin-top:25px;gap:8px}.search-form{height:55px;padding-left:12px;gap:7px}.search-button{padding:11px 13px;gap:5px}.location-button{padding:0;width:52px;flex:none}.location-button span{display:none}.quick-locations{flex-wrap:wrap}.dashboard{gap:14px}.current-card,.conditions-card,.forecast-card,.hourly-card{border-radius:19px}.current-card{min-height:350px;padding:22px 21px 0}.current-main h2{font-size:25px}.temperature-line{font-size:79px}.weather-art{width:145px;height:175px;margin:25px -6px 0 0;transform:scale(.66);transform-origin:top left}.current-bottom{left:21px;right:21px}.conditions-card,.forecast-card,.hourly-card{padding:23px 20px}.daily-row{grid-template-columns:1fr 1fr auto;gap:7px}.daily-condition{font-size:0}.daily-condition .weather-glyph{font-size:21px}.rain-value{display:none}.card-aside{display:none}.site-footer{gap:8px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.weather-art.is-night .art-sun{background:linear-gradient(140deg,#fff9df,#c3d4ed);box-shadow:0 0 55px rgba(215,225,255,.25)}
.dashboard>*{min-width:0}
.current-card{min-height:430px}
@media(max-width:980px){.dashboard{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.current-card{min-height:420px}}