body{background:#f7f5f1;color:#112440}body:before{content:'';position:absolute;inset:0 0 auto;height:670px;background:linear-gradient(180deg,#1164ad36,#004f7810 65%,#f7f5f1),url('coast.png') center 42%/cover no-repeat,#398cce;z-index:-1}.topbar{background:transparent;border:0;color:white;padding:20px 32px;gap:18px}.brand small{display:none}.location{background:#2878c578;color:white;border-radius:30px}.header-actions{margin-inline-start:auto;display:flex;gap:18px}#search-toggle{background:#fffffff0;color:#577592;width:280px;text-align:right}.units{display:flex;direction:ltr;border-radius:12px;overflow:hidden}.units button{border-radius:0;background:white;min-width:54px}.units button[aria-pressed=true]{background:#087cff;color:white}button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:10px 16px;color:#18334f;background:#edf5ff}main{max-width:1600px;padding:12px 30px 24px}.weather-stage{display:grid;grid-template-columns:250px minmax(0,1fr) 170px;gap:22px;direction:ltr;min-height:442px}.weather-stage>*{direction:rtl}.panel{background:#fffffff0;border-radius:22px;padding:22px;box-shadow:0 8px 28px #193c5a09}.saved-cities{grid-row:1 / span 2;align-self:start;margin-top:14px;padding:16px}.saved-cities h2{font-size:14px;color:#56728d;margin:0 8px 10px}.saved-city{width:100%;display:flex;gap:12px;align-items:center;background:transparent;border-radius:12px;text-align:right;padding:16px 12px;border-bottom:1px solid #e7edf4}.saved-city span{font-size:24px}.saved-city strong{font-size:15px}.saved-city.active{color:white;background:#559bff}.saved-city b{margin-inline-start:auto;direction:ltr}.saved-cities #add-city{margin-top:12px;background:transparent;width:100%;text-align:right}.saved-cities .back-projects{display:block;font-size:12px;text-align:center;color:#496a86;margin:8px 0 0;padding:0}.current-weather{color:#fff;text-shadow:0 2px 14px #183b5e35;padding:8px 14px}.current-weather h2{font-size:clamp(40px,4.6vw,72px);line-height:1.2;margin:2px 0 8px;color:white}.current-weather .section-heading{align-items:start;margin:0}.current-weather .eyebrow,.current-weather #updated{color:#fff}.current-weather #updated{font-size:12px}.hero-temperature{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:none;border:0;padding:0}.hero-temperature>span{width:100%;font-size:18px}.hero-temperature #temperature-label{display:none}.hero-temperature #weather-icon{font-size:90px;color:#ffca16}.hero-temperature strong{font-size:clamp(68px,7.7vw,112px);line-height:1.2;direction:ltr}.hero-temperature small{font-size:25px;color:white;display:block;width:100%}.current-weather #message{color:white;font-size:13px}.sky-note{font-size:32px;color:white;line-height:1.5;font-style:italic;transform:rotate(-10deg);text-align:center;align-self:center}.metrics{grid-column:2 / span 2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:22px 12px;gap:6px;align-self:end;direction:rtl;background:#fffffff0;border-radius:22px;margin:0}.metrics article{padding:0 6px;text-align:center;border:0;border-inline-end:1px solid #dce6f0;background:none;border-radius:0}.metrics article:last-child{border:0}.metrics article>span{display:block;font-size:13px;color:#5a7597}.metrics strong{font-size:22px;display:block;direction:ltr;margin:3px}.metrics small{font-size:10px;color:#59718e}.dashboard{background:#fffffff0;border-radius:22px;margin-top:24px;padding:18px 22px}.week-heading{margin:0 0 12px}.week-heading .eyebrow,.week-heading>.muted{display:none}.week-heading h2{font-size:22px}.forecast-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.forecast-day{border:1px solid #e5edf5;background:#fbfcfe;padding:12px;text-align:center;min-width:0;border-radius:15px}.forecast-day.selected{border-color:#6ca5ec;background:#eef6ff}.forecast-day h3{font-size:16px;margin:0}.forecast-symbol{font-size:35px;margin:4px}.forecast-condition,.forecast-rain,.forecast-date{font-size:11px}.forecast-range{font-size:21px;display:flex;gap:15px;justify-content:center;direction:ltr}.lower-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;margin-top:16px;direction:ltr}.lower-grid>*{direction:rtl}.lower-grid .panel{padding:20px}.panel h2{font-size:22px;margin:0 0 12px}#hourly-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.hour-card{border:1px solid #e5edf5;border-radius:14px;text-align:center;padding:12px 3px;font-size:12px;display:grid;gap:12px}.hour-card span{font-size:25px}.hour-card strong{font-size:20px;direction:ltr}#city-map{width:100%;height:142px;border:0;border-radius:14px;background:#e6f2ff}.map-panel{position:relative}#map-link{position:absolute;bottom:28px;left:28px;background:white;text-decoration:none;padding:7px 12px;border-radius:12px;font-size:12px}.sun-times{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:14px 0 20px;border-bottom:1px solid #e5edf5}.sun-times>div{display:grid;text-align:center}.sun-times span{font-size:28px}.sun-times strong{font-size:23px;direction:ltr}.sun-times small,.sun-panel p{font-size:12px;color:#587397}.chart-details{margin-top:18px}.chart-details summary{cursor:pointer;font-size:13px}.chart-card{margin-top:12px}.chart-details .chart-card{box-shadow:none}footer{flex-wrap:wrap;gap:12px;font-size:11px;margin-top:18px}dialog{border:0;border-radius:24px;max-width:800px;width:calc(100% - 32px);padding:20px;color:#173550}dialog::backdrop{background:#12355970;backdrop-filter:blur(5px)}#close-search{float:left;font-size:24px}.city-picker{padding:16px;border:0;margin:0}.city-results{max-height:340px;overflow:auto}.city-form{margin-top:12px}
@media(max-width:1100px){.weather-stage{grid-template-columns:220px minmax(0,1fr)}.sky-note{display:none}.metrics{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}.lower-grid{grid-template-columns:1fr 1fr}.hourly-panel{grid-column:1 / span 2}.current-weather h2{font-size:44px}}
@media(max-width:700px){body:before{height:880px}.topbar{padding:16px;flex-wrap:wrap;gap:10px}.brand{font-size:19px}.header-actions{width:100%;gap:10px}#search-toggle{flex:1;width:auto}.location{margin-inline-start:auto}main{padding:8px 14px}.weather-stage{display:flex;flex-direction:column;gap:14px}.current-weather{order:0}.saved-cities{order:1;width:100%;margin:0}.metrics{order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.saved-cities h2{display:none}#saved-cities{display:flex;overflow:auto;gap:6px}.saved-city{flex:0 0 auto;width:auto;padding:8px;gap:6px}.saved-city span{font-size:17px}.saved-city strong,.saved-city b{font-size:12px}.saved-cities #add-city{width:auto;font-size:12px;margin:4px 0}.forecast-grid{grid-template-columns:repeat(5,130px);overflow:auto}.dashboard{padding:16px}.lower-grid{grid-template-columns:1fr}.hourly-panel{grid-column:auto}#hourly-cards{grid-template-columns:repeat(6,75px);overflow:auto}.hero-temperature strong{font-size:72px}.hero-temperature #weather-icon{font-size:62px}.current-weather h2{font-size:36px}.city-form{flex-wrap:wrap}.city-form label{min-width:160px}}
.topbar{max-width:1600px;height:84px}.topbar .brand{color:white;font-size:28px}.hero-temperature{display:grid;grid-template-columns:auto auto;justify-content:start;column-gap:22px}.hero-temperature>span{display:contents}.hero-temperature .metric-icon{width:auto;height:auto;background:none;display:block;border-radius:0}.hero-temperature small{grid-column:1 / span 2}.current-weather .section-heading{margin-bottom:12px}.metrics strong{text-align:center;font-weight:700}.forecast-range{margin:5px 0}.forecast-condition{min-height:18px}.forecast-day{padding:10px}.weather-stage{min-height:420px}.forecast-symbol{margin:4px}.forecast-panel{margin-top:16px}

html[lang=he] .weather-stage{direction:rtl}
html[lang=he] body::before{transform:scaleX(-1)}