.wx-search-row{display:flex;gap:.6rem;align-items:center;position:relative}.wx-search-wrap{flex:1;position:relative}.wx-search-wrap input{width:100%;padding:.65rem 1rem .65rem 2.4rem;background:var(--surface2);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:.95rem;font-family:inherit}.wx-search-wrap input:focus{outline:none;border-color:var(--accent)}.wx-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}.wx-search-btn{white-space:nowrap}.wx-loc-btn{padding:.65rem .85rem;font-size:1.1rem}.wx-detecting{font-size:.82rem;color:var(--muted);margin-top:.6rem;text-align:center}.wx-suggestions{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000040;z-index:50;overflow:hidden}.wx-suggestion-item{padding:.6rem 1rem;font-size:.88rem;color:var(--text);cursor:pointer;border-bottom:1px solid var(--border)}.wx-suggestion-item:last-child{border-bottom:none}.wx-suggestion-item:hover{background:var(--surface2);color:var(--accent)}.wx-current{padding:1.5rem}.wx-current-top{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}.wx-location-name h2{font-size:1.4rem;font-weight:800;margin:0}.wx-country{font-size:.85rem;color:var(--muted)}.wx-current-main{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.wx-big-icon{font-size:4rem;line-height:1}.wx-temp{font-size:3rem;font-weight:900;line-height:1;color:var(--text)}.wx-feels{font-size:.85rem;color:var(--muted);margin-top:.2rem}.wx-desc{font-size:.95rem;font-weight:600;color:var(--text);margin-top:.15rem}.wx-unit-toggle{display:flex;gap:.3rem}.unit-btn{background:var(--surface2);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:.3rem .7rem;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}.unit-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.wx-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(min-width:500px){.wx-stats-grid{grid-template-columns:repeat(6,1fr)}}.wx-stat{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:.75rem .5rem;text-align:center}.wx-stat-val{font-size:1.05rem;font-weight:800;color:var(--accent)}.wx-stat-lbl{font-size:.68rem;color:var(--muted);margin-top:.2rem;text-transform:uppercase;letter-spacing:.05em}.wx-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:.85rem}.wx-hourly-strip{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.wx-hourly-strip::-webkit-scrollbar{height:4px}.wx-hourly-strip::-webkit-scrollbar-track{background:var(--surface2);border-radius:2px}.wx-hourly-strip::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.wx-hour{flex-shrink:0;width:60px;text-align:center;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:.6rem .3rem;display:flex;flex-direction:column;gap:.2rem;align-items:center}.wx-hour-time{font-size:.68rem;color:var(--muted);font-weight:600}.wx-hour-icon{font-size:1.4rem;line-height:1}.wx-hour-temp{font-size:.8rem;font-weight:700;color:var(--text)}.wx-hour-rain{font-size:.68rem;color:#38bdf8}.wx-forecast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem}.wx-day{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:.75rem .5rem;text-align:center;display:flex;flex-direction:column;gap:.25rem;align-items:center}.wx-day-name{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.wx-day-icon{font-size:1.8rem;line-height:1;margin:.2rem 0}.wx-day-desc{font-size:.68rem;color:var(--muted);line-height:1.3}.wx-day-temps{display:flex;gap:.4rem;align-items:baseline}.wx-day-hi{font-size:.95rem;font-weight:800;color:var(--text)}.wx-day-lo{font-size:.8rem;color:var(--muted)}.wx-day-rain{font-size:.72rem;color:#38bdf8}.wx-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;text-align:center;color:var(--muted)}.wx-error span{font-size:2rem}@media(max-width:480px){.wx-search-row{flex-wrap:wrap}.wx-search-wrap{width:100%}.wx-big-icon{font-size:3rem}.wx-temp{font-size:2.4rem}.wx-forecast-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}