.wx-app{gap:14px;display:grid}.wx-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wx-search{flex:280px;position:relative}.wx-results{z-index:20;border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-md);background:#121210f7;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.wx-results button{width:100%;color:var(--paper);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:2px;padding:8px 10px;display:grid}.wx-results button:hover{background:#ffffff12}.wx-results span{color:var(--faint);font-size:.74rem}.wx-favs{flex-wrap:wrap;gap:6px;display:flex}.wx-favs button{border:1px solid var(--line);border-radius:var(--r-pill);color:var(--muted);cursor:pointer;background:#ffffff0a;padding:6px 12px;font-size:.8rem}.wx-favs button[aria-pressed=true]{color:var(--paper);border-color:var(--orange);background:rgba(var(--accent-rgb),.12)}.wx-error{border-radius:var(--r-sm);color:#ff9a7c;background:#ff6a451f;margin:0;padding:10px 14px}.wx-loading{text-align:center;color:var(--faint);font-family:var(--font-mono);padding:60px 0;font-size:.8rem}.wx-hero{border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(90% 120% at 0 0,#ffc43d2e,#0000 60%),linear-gradient(160deg,#4cc3ff1f,#0000004d);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;padding:clamp(18px,3vw,30px);display:grid}.wx-hero.is-night{background:radial-gradient(90% 120% at 0 0,#7c5cff38,#0000 60%),linear-gradient(160deg,#141e4680,#00000059)}.wx-place h2{margin:0;font-size:clamp(1.6rem,3.4vw,2.4rem)}.wx-place>span{color:var(--muted);margin-top:4px;font-size:.84rem;display:block}.wx-star{border:1px solid var(--line);border-radius:var(--r-pill);color:var(--muted);cursor:pointer;background:0 0;margin-top:10px;padding:4px 10px;font-size:.74rem}.wx-star.is-on{color:var(--amber);border-color:#ffc43d80}.wx-now{align-items:center;gap:18px;margin-top:20px;display:flex}.wx-icon{filter:drop-shadow(0 8px 20px #00000059);font-size:clamp(3rem,7vw,4.6rem);line-height:1}.wx-now strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(3.4rem,8vw,5.4rem);line-height:.9}.wx-now>div{color:var(--muted);gap:3px;font-size:.86rem;display:grid}.wx-now b{color:var(--paper);font-size:1rem}.wx-stats{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:8px;margin:0;display:grid}.wx-stats div{border-radius:var(--r-sm);background:#00000040;gap:2px;padding:10px 12px;display:grid}.wx-stats dt{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.62rem}.wx-stats dd{align-items:center;gap:6px;margin:0;font-size:.98rem;font-weight:600;display:flex}.wx-stats small{color:var(--faint);font-size:.66rem;line-height:1.35}.wx-arrow{color:var(--orange);font-style:normal;display:inline-block}.wx-hourly{scrollbar-width:thin;padding-bottom:6px;overflow-x:auto}.wx-hourly svg{font-family:var(--font-mono);display:block}.wx-columns{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:start;gap:14px;display:grid}.wx-days{margin:0;padding:0;list-style:none;display:grid}.wx-days li{border-bottom:1px solid var(--line)}.wx-days li:last-child{border:0}.wx-days button{width:100%;color:var(--paper);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:70px 34px 58px 44px minmax(60px,1fr) 44px;align-items:center;gap:10px;padding:9px 4px;font-size:.86rem;display:grid}.wx-days button:hover{background:#ffffff08}.wx-day{text-transform:capitalize;display:grid}.wx-day small{color:var(--faint);font-size:.64rem}.wx-day-icon{font-size:1.3rem}.wx-rain{color:#7fd6ff;font-size:.72rem}.wx-low{color:var(--muted);text-align:right}.wx-high{font-weight:600}.wx-bar{background:#ffffff12;border-radius:3px;height:6px;position:relative}.wx-bar i{background:linear-gradient(90deg,#4cc3ff,#ffc43d,#ff6a45) 0 0/300% 100%;border-radius:3px;position:absolute;top:0;bottom:0}.wx-day-more{color:var(--muted);padding:0 8px 12px 84px;font-size:.8rem}.wx-day-more p{color:var(--paper);margin:0 0 8px}.wx-day-more dl{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;margin:0;display:grid}.wx-day-more dt{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:.62rem}.wx-day-more dd{margin:0}.wx-air{gap:12px;display:grid}.wx-aqi{border-radius:var(--r-md);border:2px solid;align-items:center;gap:14px;padding:12px 16px;display:flex}.wx-aqi strong{font-family:var(--font-display);font-size:2.4rem;line-height:1}.wx-aqi span{color:var(--muted);font-size:.84rem}.wx-pollutants{gap:8px;margin:0;display:grid}.wx-pollutants div{grid-template-columns:60px 1fr;padding-bottom:6px;font-size:.82rem;display:grid;position:relative}.wx-pollutants dt{color:var(--faint)}.wx-pollutants dd{text-align:right;font-family:var(--font-mono);margin:0;font-size:.78rem}.wx-pollutants i{background:linear-gradient(90deg,#3ecf8e,#ffc43d,#ff5a5a);border-radius:2px;height:3px;position:absolute;bottom:0;left:0}.wx-pollen{gap:8px;margin:0;padding:0;font-size:.84rem;list-style:none;display:grid}.wx-pollen li{grid-template-columns:80px auto 1fr;align-items:center;gap:12px;display:grid}.wx-pollen small{color:var(--faint)}.wx-pollen-dots{gap:4px;display:flex}.wx-pollen-dots i{background:#ffffff14;border-radius:50%;width:12px;height:12px}.wx-pollen-dots i.is-on.l1{background:#3ecf8e}.wx-pollen-dots i.is-on.l2{background:#ffc43d}.wx-pollen-dots i.is-on.l3{background:#ff8a3d}.wx-pollen-dots i.is-on.l4{background:#ff5a5a}@media (max-width:1080px){.wx-hero,.wx-columns{grid-template-columns:1fr}}@media (max-width:640px){.wx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wx-days button{grid-template-columns:56px 28px 40px 36px minmax(40px,1fr) 36px;gap:6px;font-size:.8rem}.wx-day-more{padding-left:8px}}