body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--accent:#38bdf8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a1e35;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;min-height:100vh}.particle-canvas{z-index:1}.lightning-flash,.particle-canvas{inset:0;pointer-events:none;position:fixed}.lightning-flash{background:#fff0;transition:background .05s;z-index:0}.weather-app{margin:0 auto;max-width:920px;padding:40px 28px 80px;position:relative;z-index:2}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.055);border:1px solid #ffffff17;border-radius:20px}.section-label{color:#ffffff47;font-size:9px;font-weight:600;letter-spacing:2.5px;margin:28px 0 10px 4px;text-transform:uppercase}.header{justify-content:space-between;margin-bottom:32px}.header,.logo{align-items:center;display:flex}.logo{color:#ffffffe6;cursor:pointer;font-size:20px;font-weight:600;gap:10px;transition:opacity .2s;-webkit-user-select:none;user-select:none}.logo:hover{opacity:.75}.logo-icon{font-size:24px}.unit-toggle{background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:background .2s}.unit-toggle:hover{background:#ffffff24}.search-form{align-items:flex-start;display:flex;gap:10px;margin-bottom:20px}.search-container{flex:1 1;min-width:0;position:relative}.search-input{background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;color:#fff;font-size:15px;outline:none;padding:14px 20px;transition:border-color .2s,background .2s;width:100%}.search-input::placeholder{color:#ffffff40}.search-input:focus{background:#ffffff1a;border-color:#ffffff40}.geo-btn{background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;color:#ffffffb3;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:14px 16px;transition:all .2s}.geo-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.geo-btn:disabled{cursor:not-allowed;opacity:.4}.search-btn{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;color:#fff;cursor:pointer;flex-shrink:0;font-size:15px;font-weight:600;letter-spacing:.3px;padding:14px 24px;transition:background .2s}.search-btn:hover{background:#ffffff2e}.suggestions-dropdown{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a1423eb;border:1px solid #ffffff1a;border-radius:0 0 14px 14px;border-top:none;left:0;margin-top:-14px;max-height:240px;overflow-y:auto;padding-top:14px;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{color:#fffc;cursor:pointer;font-size:14px;padding:12px 20px;transition:background .15s}.suggestion-item:hover{background:#ffffff12}.suggestion-item:last-child{border-radius:0 0 14px 14px}.favorites-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.fav-chip{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:6px;padding:6px 8px 6px 14px;transition:all .2s}.fav-chip:hover{background:#ffffff1c;border-color:#ffffff2e}.fav-chip span{color:#ffffffbf;cursor:pointer;font-size:13px}.fav-chip span:hover{color:#fff}.fav-remove{align-items:center;background:#ffffff12;border:none;border-radius:50%;color:#ffffff59;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;transition:all .2s;width:20px}.fav-remove:hover{background:#ef444440;color:#fca5a5}.loading{color:#fff6;font-size:15px;padding:40px 0}.error,.loading{text-align:center}.error{background:#ef444414;border:1px solid #ef444433;border-radius:14px;color:#fca5a5;font-size:14px;margin:8px 0;padding:16px 20px}.welcome-state{padding:100px 40px;text-align:center}.welcome-icon{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:24px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-state h2{color:#fffc;font-size:28px;font-weight:500;margin-bottom:12px}.welcome-state p{color:#ffffff59;font-size:15px}.hero{margin-bottom:20px;padding:8px 0}.hero-top{align-items:flex-start;display:flex;justify-content:space-between}.hero-city{color:#ffffff61;font-size:11px;font-weight:500;letter-spacing:3px;margin-bottom:4px;text-transform:uppercase}.hero-temp{color:#fffffff2;font-size:140px;font-weight:100;letter-spacing:-4px;line-height:1}.hero-condition-row{align-items:center;display:flex;gap:10px;margin-top:8px}.hero-emoji{font-size:26px}.hero-condition{color:#38bdf8;color:var(--accent);font-size:24px;font-weight:300;text-transform:capitalize;transition:color .8s ease}.hero-sub{color:#ffffff52;font-size:14px;letter-spacing:.2px;margin-top:10px}.fav-btn{background:none;border:none;color:#fff3;cursor:pointer;font-size:28px;line-height:1;margin-top:4px;padding:4px;transition:all .2s}.fav-btn:hover{color:#fbbf24;transform:scale(1.15)}.fav-btn--active{color:#fbbf24}.details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin-bottom:4px}.detail-card{border-radius:16px;padding:20px 12px;text-align:center}.detail-label{color:#ffffff47;font-size:9px;letter-spacing:1.2px;margin-bottom:12px;text-transform:uppercase}.detail-value{color:#ffffffe0;font-size:18px;font-weight:500}.aqi-card{align-items:center;display:flex;gap:36px;padding:24px 28px}.aqi-index-label{color:#ffffff47;font-size:9px;letter-spacing:1.2px;margin-bottom:14px;text-transform:uppercase}.aqi-scale{display:flex;gap:4px;margin-bottom:8px}.aqi-seg{border-radius:3px;height:5px;opacity:.28;transition:opacity .3s;width:48px}.aqi-seg.active{opacity:1}.aqi-scale-labels{color:#ffffff38;display:flex;font-size:9px;justify-content:space-between;letter-spacing:.3px;width:272px}.aqi-pollutants{display:flex;gap:24px}.aqi-poll-label{color:#ffffff47;font-size:9px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.aqi-poll-val{color:#ffffffd9;font-size:18px;font-weight:500}.aqi-number-block{margin-left:auto;text-align:right}.aqi-big-num{font-size:56px;font-weight:100;line-height:1;transition:color .5s}.aqi-big-label{font-size:13px;letter-spacing:.3px;margin-top:4px}.hourly-card{padding:20px 20px 16px}.hourly-scroll{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.hourly-scroll::-webkit-scrollbar{display:none}.h-item{border-radius:14px;cursor:default;flex:0 0 84px;padding:14px 8px;text-align:center;transition:background .2s}.h-item:hover{background:#ffffff0d}.h-item.now{background:#ffffff17;border:1px solid #ffffff1a}.h-time{color:#ffffff52;font-size:11px;margin-bottom:8px}.h-icon-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));height:40px;width:40px}.h-temp{color:#ffffffe6;font-size:16px;font-weight:500;margin-top:6px}.h-pop{color:#93c5fd;font-size:10px;margin-top:5px;min-height:14px}.temp-chart{padding:28px 20px 16px}.chart-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1423e6;border:1px solid #ffffff1a;border-radius:10px;padding:10px 14px}.chart-tooltip-label{color:#fff6;font-size:10px;letter-spacing:.8px;margin-bottom:4px;text-transform:uppercase}.chart-tooltip-value{color:#38bdf8;color:var(--accent);font-size:20px;font-weight:500}.forecast-rows{padding:8px 24px}.f-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:16px;padding:14px 0}.f-row:last-child{border-bottom:none}.f-day{color:#ffffffbf;flex-shrink:0;font-size:14px;font-weight:500;width:40px}.f-icon-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));flex-shrink:0;height:36px;width:36px}.f-desc{color:#ffffff52;flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.f-bar-wrap{align-items:center;display:flex;flex-shrink:0;gap:10px}.f-low{color:#ffffff4d;text-align:right}.f-high,.f-low{font-size:13px;width:30px}.f-high{color:#fffc;font-weight:500}.f-bar-track{background:#ffffff14;border-radius:2px;height:3px;overflow:hidden;width:80px}.f-bar-fill{background:#38bdf8;background:var(--accent);border-radius:2px;height:100%;min-width:4px;transition:background .8s ease}@media (max-width:768px){.weather-app{padding:28px 16px 80px}.hero-temp{font-size:96px;letter-spacing:-2px}.hero-condition{font-size:20px}.details{gap:8px;grid-template-columns:repeat(3,1fr)}.aqi-card{align-items:flex-start;flex-direction:column;gap:20px}.aqi-scale-labels{width:100%}.aqi-seg{flex:1 1;width:auto}.aqi-number-block{margin-left:0;text-align:left}.f-desc{display:none}.f-bar-track{width:60px}}@media (max-width:480px){.details{grid-template-columns:repeat(2,1fr)}.hero-temp{font-size:80px}}
/*# sourceMappingURL=main.2f7a308a.css.map*/