@import url('../../../../shared/app-base.css');
:root{--app-accent:var(--accent-sky,#48b8f3)}.weather-live-app{background:radial-gradient(circle at 80% -5%,rgba(60,182,243,.24),transparent 25rem),radial-gradient(circle at 8% 4%,rgba(105,126,244,.15),transparent 20rem),var(--app-bg)}.weather-page{max-width:61rem}.weather-search{display:flex;align-items:center;gap:.45rem;padding:.44rem .5rem .44rem .74rem;margin:.1rem 0 .8rem;background:var(--app-surface);border:1px solid var(--app-line);border-radius:.85rem;box-shadow:var(--app-shadow)}.weather-search>i{color:var(--app-accent);font-size:1.1rem}.weather-search input{flex:1;min-width:0;padding:.4rem 0;color:var(--app-text);outline:0;background:transparent;border:0;font:inherit;font-size:.7rem}.weather-search button,.weather-filters button{min-height:2.04rem;padding:.4rem .65rem;color:#fff;background:var(--app-accent);border:1px solid var(--app-accent);border-radius:.58rem;font:inherit;font-size:.6rem;font-weight:800;cursor:pointer}.weather-current{position:relative;min-height:11rem;overflow:hidden;margin-bottom:.75rem;padding:1rem;color:#fff;background:linear-gradient(125deg,#213d76,#3d90cc 57%,#79d5f3);border-radius:1.05rem;box-shadow:var(--app-shadow);isolation:isolate}.weather-current:after{content:"";position:absolute;z-index:-1;width:13rem;height:13rem;right:-4rem;top:-5rem;border:1px solid rgba(255,255,255,.33);border-radius:50%;box-shadow:0 0 0 2.6rem rgba(255,255,255,.07),0 0 0 5.7rem rgba(255,255,255,.035)}.weather-loading{display:grid;place-items:center;height:8rem;color:rgba(255,255,255,.86);font-size:.7rem}.weather-now{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:end}.weather-now span{font-size:.54rem;font-weight:800;letter-spacing:.07rem}.weather-now h1{margin:.2rem 0;color:#fff;font-size:1.45rem}.weather-now p{margin:0;color:rgba(255,255,255,.75);font-size:.61rem}.weather-now__temp{display:flex;align-items:center;gap:.42rem}.weather-now__temp strong{font-size:3.4rem;line-height:.85;letter-spacing:-.14rem}.weather-now__temp i{font-size:2.35rem}.weather-current__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;margin-top:1rem}.weather-current__stats span{display:grid;gap:.12rem;padding:.42rem;color:rgba(255,255,255,.78);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.13);border-radius:.56rem;font-size:.5rem}.weather-current__stats b{color:#fff;font-size:.64rem}.weather-filters{display:flex;flex-wrap:wrap;gap:.42rem;padding:.68rem;margin-bottom:.9rem;background:var(--app-surface);border:1px solid var(--app-line);border-radius:.8rem}.weather-filters label{display:grid;flex:1 1 8rem;gap:.17rem}.weather-filters label span{color:var(--app-muted);font-size:.52rem;font-weight:800}.weather-filters input,.weather-filters select{min-height:2rem;padding:.35rem .5rem;color:var(--app-text);background:var(--app-surface-2);border:1px solid var(--app-line);border-radius:.5rem;font:inherit;font-size:.61rem}.weather-filters button{align-self:end;color:var(--app-accent);background:transparent;border-color:var(--app-line)}.weather-section{margin-top:1rem}.weather-section__title{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;margin-bottom:.53rem}.weather-section__title span{color:var(--app-muted);font-size:.5rem;font-weight:800;letter-spacing:.07rem}.weather-section__title h2{margin:.16rem 0 0;color:var(--app-text);font-size:.94rem}.weather-section__title p{margin:0;color:var(--app-muted);font-size:.54rem}.weather-days{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(6rem,1fr);gap:.4rem;overflow:auto;padding-bottom:.25rem;scrollbar-width:none}.weather-days::-webkit-scrollbar{display:none}.weather-day{display:grid;justify-items:center;gap:.28rem;min-width:6rem;padding:.65rem .4rem;color:var(--app-muted);text-align:center;background:var(--app-surface);border:1px solid var(--app-line);border-radius:.75rem;font:inherit;cursor:pointer;scroll-snap-align:start;transition:transform .16s var(--app-ease),background .16s}.weather-day:hover{transform:translateY(-.1rem)}.weather-day.is-active{color:#fff;background:var(--app-accent);border-color:var(--app-accent)}.weather-day small{font-size:.51rem}.weather-day i{font-size:1.35rem}.weather-day strong{color:inherit;font-size:.7rem}.weather-day span{font-size:.5rem}.weather-hours{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(4.3rem,1fr);gap:.36rem;overflow:auto;padding-bottom:.25rem;scrollbar-width:none}.weather-hours::-webkit-scrollbar{display:none}.weather-hour{display:grid;justify-items:center;gap:.27rem;padding:.6rem .3rem;color:var(--app-muted);background:var(--app-surface);border:1px solid var(--app-line);border-radius:.65rem}.weather-hour small{font-size:.5rem}.weather-hour i{color:var(--app-accent);font-size:1.05rem}.weather-hour strong{color:var(--app-text);font-size:.64rem}.weather-hour span{font-size:.48rem}@media(min-width:680px){.weather-days{grid-auto-flow:initial;grid-template-columns:repeat(7,1fr);overflow:visible}.weather-hours{grid-auto-flow:initial;grid-template-columns:repeat(8,1fr);overflow:visible}}@media(prefers-reduced-motion:reduce){.weather-day{transition:none}}