*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100vh}.app[data-v-4efee744]{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;color:#fff;position:relative}.page[data-v-4efee744]{width:100%;max-width:860px;position:relative;z-index:1}.particles-layer[data-v-4efee744]{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.particle[data-v-4efee744]{position:absolute;background:#ffffffa6}.rain .particle[data-v-4efee744],.drizzle .particle[data-v-4efee744],.showers .particle[data-v-4efee744],.storm .particle[data-v-4efee744]{animation:rain-fall-4efee744 linear infinite}@keyframes rain-fall-4efee744{0%{transform:translateY(0) translate(0) rotate(12deg)}to{transform:translateY(110vh) translate(-50px) rotate(12deg)}}.snow .particle[data-v-4efee744]{background:#ffffffd1;animation:snow-fall-4efee744 ease-in-out infinite}@keyframes snow-fall-4efee744{0%{transform:translateY(0) translate(0)}25%{transform:translateY(25vh) translate(28px)}50%{transform:translateY(50vh) translate(-8px)}75%{transform:translateY(75vh) translate(32px)}to{transform:translateY(110vh) translate(5px)}}.sunny .particle[data-v-4efee744],.partly_cloudy .particle[data-v-4efee744]{background:#ffe164a6;animation:sun-glow-4efee744 ease-in-out infinite alternate}@keyframes sun-glow-4efee744{0%{transform:scale(1) translateY(0);opacity:.08}to{transform:scale(1.5) translateY(-18px);opacity:.25}}.lightning-flash[data-v-4efee744]{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#fff;animation:lightning-4efee744 9s ease-in-out infinite}@keyframes lightning-4efee744{0%,17%,19%,21%,to{opacity:0}18%,20%{opacity:.14}}.header[data-v-4efee744]{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.title[data-v-4efee744]{font-size:1.6rem;font-weight:700;margin:0;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.25)}.search-row[data-v-4efee744]{display:flex;gap:.5rem;flex:1;min-width:200px}.search-wrap[data-v-4efee744]{position:relative;flex:1;min-width:200px}.search-input[data-v-4efee744]{width:100%;padding:.65rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#ffffff26;color:#fff;font-size:1rem;outline:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,background .2s;box-sizing:border-box}.search-input[data-v-4efee744]::placeholder{color:#ffffff80}.search-input[data-v-4efee744]:focus{border-color:#ffffff80;background:#fff3}.btn-glass[data-v-4efee744]{padding:.65rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#ffffff26;color:#fff;font-size:1.05rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s;line-height:1;white-space:nowrap}.btn-glass[data-v-4efee744]:hover:not(:disabled){background:#ffffff47}.btn-glass[data-v-4efee744]:disabled{opacity:.45;cursor:default}.suggestions[data-v-4efee744]{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#141c32f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.15);overflow:hidden;z-index:100;box-shadow:0 8px 32px #00000059}.sug-item[data-v-4efee744]{display:flex;flex-direction:column;width:100%;text-align:left;padding:.65rem 1rem;border:none;background:transparent;color:#fff;cursor:pointer;transition:background .15s;font-family:inherit}.sug-item+.sug-item[data-v-4efee744]{border-top:1px solid rgba(255,255,255,.07)}.sug-item[data-v-4efee744]:hover{background:#ffffff1a}.sug-name[data-v-4efee744]{font-size:.95rem;font-weight:600}.sug-region[data-v-4efee744]{font-size:.78rem;opacity:.55;margin-top:.1rem}.error[data-v-4efee744]{text-align:center;color:#ffb3b3;margin:0 0 .75rem;font-size:.9rem}.loader[data-v-4efee744]{display:flex;flex-direction:column;align-items:center;padding:4rem 0}.spinner[data-v-4efee744]{width:52px;height:52px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin-ring-4efee744 .75s linear infinite}.loader-text[data-v-4efee744]{margin:1rem 0 0;font-size:.95rem;opacity:.7}@keyframes spin-ring-4efee744{to{transform:rotate(360deg)}}.panel[data-v-4efee744]{background:#ffffff1f;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:24px;border:1px solid rgba(255,255,255,.2);overflow:hidden}.city-row[data-v-4efee744]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 0;gap:.75rem}.city-name[data-v-4efee744]{font-size:1.1rem;font-weight:600}.dim[data-v-4efee744]{opacity:.6;font-weight:400}.unit-btn[data-v-4efee744]{flex-shrink:0;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;padding:.3rem .7rem;font-size:.85rem;cursor:pointer;transition:background .2s;font-family:inherit}.unit-btn[data-v-4efee744]:hover{background:#ffffff47}.main-weather[data-v-4efee744]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 1.5rem 1rem;flex-wrap:wrap}.big-icon[data-v-4efee744]{font-size:5.5rem;line-height:1;display:inline-block;filter:drop-shadow(0 4px 16px rgba(0,0,0,.2))}.big-info[data-v-4efee744]{display:flex;flex-direction:column}.big-temp[data-v-4efee744]{font-size:5rem;font-weight:200;line-height:1}.big-desc[data-v-4efee744]{font-size:1.1rem;opacity:.8;margin-top:.2rem}.uv-badge[data-v-4efee744]{display:inline-flex;align-items:center;padding:.22rem .65rem;border-radius:20px;border:1px solid;font-size:.8rem;font-weight:500;margin-top:.5rem;color:#fff}.det-grid[data-v-4efee744]{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.25rem;margin-left:auto}.det[data-v-4efee744]{display:flex;flex-direction:column;gap:.1rem;font-size:.9rem}.det-label[data-v-4efee744]{font-size:.68rem;opacity:.55;text-transform:uppercase;letter-spacing:.05em}.wind-val[data-v-4efee744]{display:flex;align-items:center;gap:.4rem}.compass[data-v-4efee744]{background:#ffffff26;border-radius:4px;padding:.1rem .35rem;font-size:.72rem;letter-spacing:.03em}.other-info[data-v-4efee744]{margin-left:auto;display:flex;flex-direction:column;gap:.45rem}.day-range[data-v-4efee744]{font-size:1rem;opacity:.8}.other-det[data-v-4efee744]{font-size:.9rem;opacity:.7}.sun-row[data-v-4efee744]{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.55rem 1.5rem;background:#ffffff0d;font-size:.88rem;opacity:.82}.sun-sep[data-v-4efee744]{opacity:.35}.hourly-wrap[data-v-4efee744]{padding:0 1.5rem;position:relative}.hourly-wrap[data-v-4efee744]:after{content:"";position:absolute;top:0;right:1.5rem;width:40px;height:100%;background:linear-gradient(to right,transparent,rgba(0,0,0,.18));border-radius:0 14px 14px 0;pointer-events:none}.hourly-strip[data-v-4efee744]{display:flex;gap:0;background:#ffffff12;border-radius:14px;padding:.85rem .25rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.hourly-strip[data-v-4efee744]::-webkit-scrollbar{height:4px}.hourly-strip[data-v-4efee744]::-webkit-scrollbar-track{background:transparent}.hourly-strip[data-v-4efee744]::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:2px}.hour-col[data-v-4efee744]{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:62px;padding:0 .2rem}.hour-col+.hour-col[data-v-4efee744]{border-left:1px solid rgba(255,255,255,.1)}.h-time[data-v-4efee744]{font-size:.68rem;opacity:.6}.h-icon[data-v-4efee744]{font-size:1.25rem}.h-temp[data-v-4efee744]{font-size:.88rem;font-weight:600}.h-precip[data-v-4efee744]{font-size:.68rem;opacity:.7;color:#a8d8ff}.invisible[data-v-4efee744]{visibility:hidden}.day-tabs[data-v-4efee744]{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid rgba(255,255,255,.12);margin-top:.75rem}.day-tab[data-v-4efee744]{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.85rem .25rem;border:none;background:transparent;color:#fff;cursor:pointer;transition:background .2s;font-family:inherit;border-right:1px solid rgba(255,255,255,.08);opacity:.72}.day-tab[data-v-4efee744]:last-child{border-right:none}.day-tab[data-v-4efee744]:hover{background:#ffffff1a;opacity:1}.day-tab.active[data-v-4efee744]{background:#ffffff2e;opacity:1}.tab-name[data-v-4efee744]{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.tab-icon[data-v-4efee744]{font-size:1.4rem}.tab-hi[data-v-4efee744]{font-size:.9rem;font-weight:600}.tab-lo[data-v-4efee744]{font-size:.78rem;opacity:.45}.tab-precip[data-v-4efee744]{font-size:.68rem;opacity:.65;color:#a8d8ff}.fade-enter-active[data-v-4efee744]{transition:opacity .5s ease,transform .5s ease}.fade-enter-from[data-v-4efee744]{opacity:0;transform:translateY(16px)}.slide-enter-active[data-v-4efee744],.slide-leave-active[data-v-4efee744]{transition:opacity .22s ease,transform .22s ease}.slide-enter-from[data-v-4efee744]{opacity:0;transform:translate(12px)}.slide-leave-to[data-v-4efee744]{opacity:0;transform:translate(-12px)}.dropdown-enter-active[data-v-4efee744],.dropdown-leave-active[data-v-4efee744]{transition:opacity .15s ease,transform .15s ease}.dropdown-enter-from[data-v-4efee744],.dropdown-leave-to[data-v-4efee744]{opacity:0;transform:translateY(-6px)}.anim-spin[data-v-4efee744]{animation:spin-4efee744 8s linear infinite}.anim-float[data-v-4efee744]{animation:float-4efee744 3s ease-in-out infinite}.anim-drop[data-v-4efee744]{animation:drop-4efee744 1s ease-in-out infinite}.anim-sway[data-v-4efee744]{animation:sway-4efee744 2.5s ease-in-out infinite}.anim-shake[data-v-4efee744]{animation:shake-4efee744 .6s ease-in-out infinite}@keyframes spin-4efee744{to{transform:rotate(360deg)}}@keyframes float-4efee744{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes drop-4efee744{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes sway-4efee744{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes shake-4efee744{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (max-width: 600px){.tab-name[data-v-4efee744]{font-size:.6rem}.tab-icon[data-v-4efee744]{font-size:1.2rem}.big-icon[data-v-4efee744]{font-size:4rem}.big-temp[data-v-4efee744]{font-size:3.5rem}.det-grid[data-v-4efee744]{grid-template-columns:1fr}.other-info[data-v-4efee744]{margin-left:0}}