.weather-page{gap:16px;max-width:1200px;display:grid}.weather-location{justify-content:space-between;align-items:center;gap:16px;display:flex}.weather-location>span{grid-template-columns:auto auto;align-items:center;gap:1px 8px;display:grid}.weather-location>span>svg{color:var(--theme-accent,#d96c50);grid-row:1/3}.weather-location strong{font-size:16px}.weather-location small{color:#7b8782;font-size:12px}.weather-location button{color:var(--theme-side-soft,#4f8179);cursor:pointer;background:#fff;border:1px solid #d8d8d2;border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-weight:700;display:flex}.weather-current{background:linear-gradient(125deg,var(--theme-side,#203b38),var(--theme-side-soft,#34534f));color:#fff;border-radius:22px;grid-template-columns:minmax(320px,1.15fr) minmax(380px,1fr);align-items:center;gap:30px;padding:28px 34px;display:grid;box-shadow:0 18px 38px #203b3825}.weather-now{align-items:center;gap:24px;display:flex}.weather-now>i{width:120px;height:120px;color:var(--theme-highlight,#f3b95f);background:#ffffff16;border-radius:34px;place-items:center;display:grid}.weather-now>div{display:grid}.weather-now>div>strong{font:600 76px/1 Fraunces}.weather-now>div>span{margin-top:7px;font:600 23px Fraunces}.weather-now>div>small{color:#c5d4d0;margin-top:5px;font-size:14px}.weather-facts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.weather-facts>div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:13px;align-items:center;gap:10px;padding:13px;display:flex}.weather-facts>div>svg{color:var(--theme-highlight,#f3b95f);flex:none}.weather-facts span{display:grid}.weather-facts small{color:#bcd0ca;font-size:10px}.weather-facts strong{font-size:13px}.weather-chart-card{background:#fff;border:1px solid #e0ddd5;border-radius:18px;padding:20px 22px 14px;box-shadow:0 6px 20px #203b380b}.weather-tabs{border-bottom:1px solid #ebe8e0;gap:6px;display:flex}.weather-tabs button{color:#71807b;cursor:pointer;background:0 0;border:0;padding:9px 12px 12px;font-weight:700;position:relative}.weather-tabs button.active{color:var(--theme-side,#203b38)}.weather-tabs button.active:after{content:"";background:var(--theme-accent,#d96c50);border-radius:3px;height:3px;position:absolute;bottom:-1px;left:10px;right:10px}.weather-chart{width:100%;overflow:hidden}.weather-chart svg{width:100%;height:auto;min-height:210px;display:block}.weather-baseline{stroke:#e6e2d9;stroke-width:2px}.weather-value{fill:#3d4945;font-size:16px;font-weight:800}.weather-time{fill:#7b8782;font-size:15px}.weather-days{grid-template-columns:repeat(8,minmax(105px,1fr));gap:9px;padding-bottom:3px;display:grid;overflow-x:auto}.weather-days article{text-align:center;background:#fff;border:1px solid #e0ddd5;border-radius:15px;justify-items:center;gap:8px;min-width:105px;padding:13px 10px;display:grid}.weather-days article.today{border-color:var(--theme-accent,#d96c50);box-shadow:inset 0 0 0 1px var(--theme-accent,#d96c50);background:color-mix(in srgb,var(--theme-tint,#f8f6f1) 70%,white)}.weather-days article>span{font-size:13px;font-weight:800}.weather-days article>svg{color:#e4a93d}.weather-days article>strong{color:#687570;min-height:27px;font-size:10px}.weather-days article>div{align-items:baseline;gap:7px;display:flex}.weather-days article b{font-size:17px}.weather-days article small{color:#8b9692;font-size:13px}.weather-days article em{color:#4f8179;align-items:center;gap:3px;font-size:10px;font-style:normal;display:flex}.weather-day-details{background:#fff;border:1px solid #e0ddd5;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:12px;padding:17px 20px;display:grid}.weather-day-details>div{align-items:center;gap:10px;display:flex}.weather-day-details svg{color:var(--theme-accent,#d96c50)}.weather-day-details span{display:grid}.weather-day-details small{color:#82908b;font-size:10px}.weather-day-details strong{font-size:13px}.weather-empty{text-align:center;color:#71807b;background:#fff;border:1px solid #e0ddd5;border-radius:18px;max-width:700px;padding:50px}.weather-empty>svg{color:#e4a93d}.weather-empty h2{color:#283431;margin:12px 0 5px}.weather-empty p{margin:0 0 18px}.weather-empty button{background:var(--theme-side,#203b38);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;margin:auto;padding:11px 15px;font-weight:700;display:flex}@media (width<=900px){.weather-current{grid-template-columns:1fr}.weather-days{grid-template-columns:repeat(8,120px)}.weather-chart{overflow-x:auto}.weather-chart svg{min-width:760px}.weather-day-details{grid-template-columns:1fr 1fr 1fr}}@media (width<=600px){.weather-location{align-items:flex-start}.weather-location button{padding:0 12px;font-size:0}.weather-current{padding:22px 18px}.weather-now{gap:15px}.weather-now>i{border-radius:25px;width:92px;height:92px}.weather-now>i svg{width:70px;height:70px}.weather-now>div>strong{font-size:58px}.weather-now>div>span{font-size:19px}.weather-facts{grid-template-columns:1fr 1fr}.weather-chart-card{padding:15px 12px}.weather-tabs{overflow-x:auto}.weather-day-details{grid-template-columns:1fr}.weather-empty{padding:35px 20px}}.app.weather-view{height:100dvh;min-height:0;overflow:hidden}.weather-view>aside{gap:clamp(8px,1.4vh,16px);height:100dvh;min-height:0;padding-top:clamp(12px,2vh,22px);padding-bottom:clamp(12px,2vh,22px);overflow:hidden}.weather-view>aside .family{gap:clamp(4px,.8vh,9px);padding-top:clamp(8px,1.2vh,14px)}.weather-view>aside .today-card{padding:clamp(10px,1.4vh,15px)}.weather-view>main{flex-direction:column;height:100dvh;min-height:0;padding-top:clamp(12px,2vh,25px);padding-bottom:clamp(12px,2vh,25px);display:flex;overflow:hidden}.weather-view>main>header{flex:none;min-height:0;margin-bottom:clamp(7px,1.2vh,15px)}.weather-view .weather-page{flex:1;grid-template-rows:auto minmax(116px,.9fr) minmax(170px,1.25fr) minmax(105px,.8fr) auto;gap:clamp(6px,1vh,11px);width:100%;max-width:none;min-height:0;display:grid;overflow:hidden}.weather-view .weather-location{min-height:34px}.weather-view .weather-location button{min-height:clamp(34px,5vh,42px)}.weather-view .weather-current{border-radius:clamp(15px,2vh,20px);gap:clamp(14px,2vw,28px);min-height:0;padding:clamp(12px,2vh,20px) clamp(18px,2vw,28px);overflow:hidden}.weather-view .weather-now{gap:clamp(12px,1.8vw,22px)}.weather-view .weather-now>i{border-radius:clamp(20px,3vh,30px);width:clamp(72px,11vh,108px);height:clamp(72px,11vh,108px)}.weather-view .weather-now>i svg{width:clamp(58px,9vh,84px);height:clamp(58px,9vh,84px)}.weather-view .weather-now>div>strong{font-size:clamp(48px,8vh,70px)}.weather-view .weather-now>div>span{margin-top:2px;font-size:clamp(17px,2.5vh,22px)}.weather-view .weather-now>div>small{margin-top:2px;font-size:clamp(11px,1.7vh,14px)}.weather-view .weather-facts{gap:clamp(6px,1vh,10px)}.weather-view .weather-facts>div{min-height:0;padding:clamp(7px,1.1vh,12px)}.weather-view .weather-chart-card{flex-direction:column;min-height:0;padding:clamp(9px,1.4vh,16px) clamp(12px,1.5vw,20px) clamp(5px,.8vh,10px);display:flex;overflow:hidden}.weather-view .weather-tabs{flex:none}.weather-view .weather-tabs button{padding-top:clamp(5px,.8vh,9px);padding-bottom:clamp(7px,1vh,11px)}.weather-view .weather-chart{flex:1;min-height:0;overflow:hidden}.weather-view .weather-chart svg{width:100%;height:100%;min-height:0}.weather-view .weather-days{grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(5px,.7vw,9px);min-height:0;padding:0;overflow:hidden}.weather-view .weather-days article{align-content:center;gap:clamp(2px,.6vh,7px);min-width:0;height:100%;min-height:0;padding:clamp(6px,.9vh,11px) 5px;overflow:hidden}.weather-view .weather-days article>svg{width:clamp(25px,4.5vh,39px);height:clamp(25px,4.5vh,39px)}.weather-view .weather-days article>strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;min-height:0;font-size:clamp(8px,1.25vh,10px);overflow:hidden}.weather-view .weather-days article>span,.weather-view .weather-days article b{font-size:clamp(11px,1.7vh,15px)}.weather-view .weather-days article small{font-size:clamp(10px,1.45vh,13px)}.weather-view .weather-days article em{font-size:clamp(8px,1.2vh,10px)}.weather-view .weather-day-details{min-height:46px;padding:clamp(8px,1.2vh,13px) clamp(12px,1.5vw,18px)}@media (height<=760px) and (width>=701px){.weather-view>aside .family,.weather-view>aside .today-card{display:none}.weather-view .weather-page{grid-template-rows:auto minmax(105px,.85fr) minmax(145px,1.15fr) minmax(92px,.7fr) auto}.weather-view .weather-location small,.weather-view .weather-days article>strong{display:none}}@media (width<=900px){.app.weather-view{flex-direction:column;display:flex}.weather-view>aside{flex:none;width:100%;height:auto}.weather-view>main{flex:1;width:100%;height:auto;padding-top:clamp(8px,1.3vh,14px);padding-bottom:clamp(8px,1.3vh,14px)}.weather-view .weather-current{grid-template-columns:minmax(220px,.9fr) minmax(300px,1.1fr)}}@media (width<=650px){.weather-view>main>header{display:none}.weather-view .weather-page{grid-template-rows:auto minmax(108px,.9fr) minmax(145px,1.15fr) minmax(150px,1fr) auto}.weather-view .weather-current,.weather-view .weather-facts{grid-template-columns:1fr 1fr}.weather-view .weather-facts>div>svg{display:none}.weather-view .weather-days{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr)}.weather-view .weather-days article>strong,.weather-view .weather-days article em{display:none}.weather-view .weather-day-details{grid-template-columns:repeat(3,1fr)}}