*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{width:100%;min-height:100vh}#app{width:100%;height:100vh;margin:0;padding:0}.location-btn[data-v-20b2a69d]{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 auto 20px}.location-btn[data-v-20b2a69d]:hover{background:#ffffff4d;transform:scale(1.05)}.location-btn[data-v-20b2a69d]:active{transform:scale(.95)}.location-btn .material-symbols-outlined[data-v-20b2a69d]{color:#fff;font-size:24px}.weather-info[data-v-d64d8932]{color:#fff;text-align:center}.location[data-v-d64d8932]{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 10px}.location h2[data-v-d64d8932]{font-size:28px;font-weight:600;margin:0}.location .material-symbols-outlined[data-v-d64d8932]{font-size:28px}.date[data-v-d64d8932]{font-size:14px;opacity:.8;margin-bottom:30px}.temperature[data-v-d64d8932]{margin:40px 0}.temperature h1[data-v-d64d8932]{font-size:96px;font-weight:300;margin:0;line-height:1}.temperature .unit[data-v-d64d8932]{font-size:48px;font-weight:400}.description[data-v-d64d8932]{font-size:24px;margin:10px 0 0;opacity:.9;font-weight:500}.feels-like[data-v-d64d8932]{font-size:16px;margin:10px 0 0;opacity:.7}.temp-range[data-v-d64d8932]{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;padding:15px;background:#ffffff1a;border-radius:15px;max-width:200px;margin-left:auto;margin-right:auto}.range-item[data-v-d64d8932]{display:flex;align-items:center;gap:5px;font-size:18px;font-weight:600}.range-item .material-symbols-outlined[data-v-d64d8932]{font-size:20px}.range-divider[data-v-d64d8932]{width:1px;height:30px;background:#ffffff4d}@media(max-width:768px){.location h2[data-v-d64d8932],.location .material-symbols-outlined[data-v-d64d8932]{font-size:24px}.temperature[data-v-d64d8932]{margin:30px 0}.temperature h1[data-v-d64d8932]{font-size:80px}.temperature .unit[data-v-d64d8932]{font-size:40px}.description[data-v-d64d8932]{font-size:20px}.temp-range[data-v-d64d8932]{max-width:180px;padding:12px}.range-item[data-v-d64d8932]{font-size:16px}}@media(max-width:480px){.location h2[data-v-d64d8932],.location .material-symbols-outlined[data-v-d64d8932]{font-size:20px}.date[data-v-d64d8932]{font-size:13px;margin-bottom:20px}.temperature[data-v-d64d8932]{margin:25px 0}.temperature h1[data-v-d64d8932]{font-size:64px}.temperature .unit[data-v-d64d8932]{font-size:32px}.description[data-v-d64d8932]{font-size:18px}.feels-like[data-v-d64d8932]{font-size:14px}.temp-range[data-v-d64d8932]{gap:15px;padding:10px;max-width:160px}.range-item[data-v-d64d8932]{font-size:15px}.range-item .material-symbols-outlined[data-v-d64d8932]{font-size:18px}}.weather-icon[data-v-01283551]{display:flex;justify-content:center;align-items:center;margin:20px 0}.weather-icon img[data-v-01283551]{width:180px;height:180px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.3));animation:float-01283551 3s ease-in-out infinite}@keyframes float-01283551{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:600px){.weather-icon img[data-v-01283551]{width:140px;height:140px}}.search-form[data-v-8fab76a4]{flex:1;max-width:300px;position:relative}.search-container[data-v-8fab76a4]{position:relative;display:flex;align-items:center;background:#fff3;border-radius:50px;padding:4px 4px 4px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.search-container[data-v-8fab76a4]:focus-within{background:#ffffff4d;box-shadow:0 4px 20px #0000001a}.search-icon[data-v-8fab76a4]{color:#ffffffb3;font-size:20px;margin-right:8px}.search-input[data-v-8fab76a4]{flex:1;border:none;background:transparent;color:#fff;font-size:15px;outline:none;padding:8px 8px 8px 0;font-family:inherit}.search-input[data-v-8fab76a4]::placeholder{color:#fff9}.search-btn[data-v-8fab76a4]{background:#ffffffe6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0}.search-btn[data-v-8fab76a4]:hover{background:#fff;transform:scale(1.05)}.search-btn[data-v-8fab76a4]:active{transform:scale(.95)}.search-btn .material-symbols-outlined[data-v-8fab76a4]{font-size:20px;color:#667eea}.suggestions-dropdown[data-v-8fab76a4]{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.4);overflow:hidden;z-index:1000;animation:slideDown-8fab76a4 .3s ease;max-height:300px;overflow-y:auto}@keyframes slideDown-8fab76a4{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestions-dropdown[data-v-8fab76a4]::-webkit-scrollbar{width:6px}.suggestions-dropdown[data-v-8fab76a4]::-webkit-scrollbar-track{background:#0000000d}.suggestions-dropdown[data-v-8fab76a4]::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.suggestion-item[data-v-8fab76a4]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;color:#333;gap:12px}.suggestion-item[data-v-8fab76a4]:hover{background:#667eea1a}.suggestion-item[data-v-8fab76a4]:not(:last-child){border-bottom:1px solid rgba(0,0,0,.05)}.suggestion-item.loading[data-v-8fab76a4]{justify-content:center;color:#667eea;cursor:default}.suggestion-item.loading[data-v-8fab76a4]:hover{background:transparent}.city-icon[data-v-8fab76a4]{font-size:20px;color:#667eea;flex-shrink:0}.city-info[data-v-8fab76a4]{flex:1;min-width:0}.city-name[data-v-8fab76a4]{font-weight:600;font-size:14px;color:#333;margin-bottom:2px}.city-details[data-v-8fab76a4]{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-spinner[data-v-8fab76a4]{width:16px;height:16px;border:2px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin-8fab76a4 .8s linear infinite;display:inline-block;margin-right:8px}@keyframes spin-8fab76a4{to{transform:rotate(360deg)}}@media(max-width:600px){.search-form[data-v-8fab76a4]{max-width:100%}.suggestions-dropdown[data-v-8fab76a4]{left:-10px;right:-10px}.search-container[data-v-8fab76a4]{padding:4px 4px 4px 12px}.search-input[data-v-8fab76a4]{font-size:14px}}@media(max-width:480px){.search-container[data-v-8fab76a4]{padding:3px 3px 3px 10px}.search-icon[data-v-8fab76a4]{font-size:18px;margin-right:6px}.search-input[data-v-8fab76a4]{font-size:13px;padding:6px 6px 6px 0}.search-btn[data-v-8fab76a4]{width:32px;height:32px}.search-btn .material-symbols-outlined[data-v-8fab76a4]{font-size:18px}.suggestion-item[data-v-8fab76a4]{padding:10px 12px}.city-icon[data-v-8fab76a4]{font-size:18px}.city-name[data-v-8fab76a4]{font-size:13px}.city-details[data-v-8fab76a4]{font-size:11px}}.weather-details[data-v-d251eccc]{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.2)}.section-title[data-v-d251eccc]{color:#fff;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center;opacity:.9}.details-grid[data-v-d251eccc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.detail-card[data-v-d251eccc]{background:#ffffff1a;border-radius:15px;padding:15px;display:flex;align-items:center;gap:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.detail-card[data-v-d251eccc]:hover{background:#ffffff26;transform:translateY(-2px)}.detail-icon[data-v-d251eccc]{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#fff3;border-radius:12px}.detail-icon .material-symbols-outlined[data-v-d251eccc]{font-size:28px;color:#fff}.detail-info[data-v-d251eccc]{flex:1}.detail-label[data-v-d251eccc]{font-size:12px;color:#ffffffb3;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.detail-value[data-v-d251eccc]{font-size:16px;font-weight:600;color:#fff;margin:0}@media(max-width:768px){.details-grid[data-v-d251eccc]{grid-template-columns:repeat(2,1fr);gap:12px}.detail-card[data-v-d251eccc]{padding:12px}.detail-icon[data-v-d251eccc]{width:40px;height:40px}.detail-icon .material-symbols-outlined[data-v-d251eccc]{font-size:24px}.detail-value[data-v-d251eccc]{font-size:15px}}@media(max-width:480px){.weather-details[data-v-d251eccc]{margin:25px 0}.details-title[data-v-d251eccc]{font-size:18px;margin-bottom:15px}.details-grid[data-v-d251eccc]{grid-template-columns:1fr;gap:10px}.detail-card[data-v-d251eccc]{padding:12px;flex-direction:row;text-align:left}.detail-icon[data-v-d251eccc]{width:38px;height:38px}.detail-icon .material-symbols-outlined[data-v-d251eccc]{font-size:22px}.detail-label[data-v-d251eccc]{font-size:11px}.detail-value[data-v-d251eccc]{font-size:14px}}.chart-container[data-v-5b80a74f]{height:100%;display:flex;flex-direction:column;color:#fff;overflow:hidden}.chart-title[data-v-5b80a74f]{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.2);flex-shrink:0}.chart-wrapper[data-v-5b80a74f]{flex:1;display:flex;flex-direction:column;gap:30px;overflow-y:auto;overflow-x:hidden;padding-right:10px;min-height:0}.chart-wrapper[data-v-5b80a74f]::-webkit-scrollbar{width:6px}.chart-wrapper[data-v-5b80a74f]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.chart-wrapper[data-v-5b80a74f]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.chart-canvas-wrapper[data-v-5b80a74f]{width:100%;height:400px;background:#ffffff0d;border-radius:15px;padding:20px;box-sizing:border-box;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:fadeIn-5b80a74f .6s ease}@keyframes fadeIn-5b80a74f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.temp-cards[data-v-5b80a74f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;padding-bottom:20px}.temp-card[data-v-5b80a74f]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);animation:slideIn-5b80a74f .5s ease-out backwards}.temp-card[data-v-5b80a74f]:hover{transform:translateY(-5px) scale(1.02);background:#ffffff26;box-shadow:0 8px 25px #0000004d;border-color:#fff6}@keyframes slideIn-5b80a74f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-time[data-v-5b80a74f]{font-size:16px;font-weight:700;margin-bottom:5px;color:#fffffff2}.card-date[data-v-5b80a74f]{font-size:12px;opacity:.7;margin-bottom:15px}.card-temp[data-v-5b80a74f]{font-size:32px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-feels[data-v-5b80a74f]{font-size:13px;opacity:.8;margin-bottom:10px}.card-weather[data-v-5b80a74f]{font-size:12px;opacity:.9;margin-bottom:8px;text-transform:capitalize;font-style:italic}.card-humidity[data-v-5b80a74f]{font-size:12px;opacity:.7;display:flex;align-items:center;justify-content:center;gap:5px}.no-data[data-v-5b80a74f]{flex:1;display:flex;align-items:center;justify-content:center;opacity:.6;font-size:16px}@media(max-width:1200px){.chart-canvas-wrapper[data-v-5b80a74f]{height:350px}.temp-cards[data-v-5b80a74f]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:768px){.chart-canvas-wrapper[data-v-5b80a74f]{height:300px;padding:15px}.temp-cards[data-v-5b80a74f]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.temp-card[data-v-5b80a74f]{padding:15px}.card-temp[data-v-5b80a74f]{font-size:28px}}.weather-app[data-v-d742d3c0]{min-height:100vh;display:flex;padding:0;transition:background .6s ease;background:linear-gradient(135deg,#667eea,#764ba2)}.weather-app.clear[data-v-d742d3c0]{background:linear-gradient(135deg,#f093fb,#f5576c)}.weather-app.clouds[data-v-d742d3c0]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.weather-app.rain[data-v-d742d3c0],.weather-app.drizzle[data-v-d742d3c0]{background:linear-gradient(135deg,#5f72bd,#9b23ea)}.weather-app.snow[data-v-d742d3c0]{background:linear-gradient(135deg,#e0eafc,#cfdef3)}.weather-app.thunderstorm[data-v-d742d3c0]{background:linear-gradient(135deg,#2d3561,#c05c7e)}.weather-app.mist[data-v-d742d3c0],.weather-app.fog[data-v-d742d3c0],.weather-app.haze[data-v-d742d3c0]{background:linear-gradient(135deg,#bdc3c7,#2c3e50)}.app-container[data-v-d742d3c0]{width:100%;height:100vh;display:grid;grid-template-columns:1fr 2px 2fr;gap:0}.left-panel[data-v-d742d3c0]{background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.15);overflow-y:auto;animation:slideInLeft-d742d3c0 .6s ease}.right-panel[data-v-d742d3c0]{background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow-y:auto;animation:slideInRight-d742d3c0 .6s ease}@keyframes slideInLeft-d742d3c0{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight-d742d3c0{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.divider[data-v-d742d3c0]{width:2px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3) 20%,rgba(255,255,255,.3) 80%,transparent);position:relative}.divider[data-v-d742d3c0]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#ffffff80;border-radius:50%;box-shadow:0 0 20px #ffffff80;animation:pulse-d742d3c0 2s ease-in-out infinite}@keyframes pulse-d742d3c0{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}.panel-content[data-v-d742d3c0]{padding:40px;min-height:100%;display:flex;flex-direction:column;box-sizing:border-box}.left-panel[data-v-d742d3c0]::-webkit-scrollbar,.right-panel[data-v-d742d3c0]::-webkit-scrollbar{width:8px}.left-panel[data-v-d742d3c0]::-webkit-scrollbar-track,.right-panel[data-v-d742d3c0]::-webkit-scrollbar-track{background:#ffffff0d}.left-panel[data-v-d742d3c0]::-webkit-scrollbar-thumb,.right-panel[data-v-d742d3c0]::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.left-panel[data-v-d742d3c0]::-webkit-scrollbar-thumb:hover,.right-panel[data-v-d742d3c0]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.logo-container[data-v-d742d3c0]{display:flex;justify-content:center;align-items:center;margin-bottom:30px;padding:10px 0;flex-shrink:0}.app-logo[data-v-d742d3c0]{width:80%;height:auto;max-height:100px;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0,0,0,.15));animation:logoFloat-d742d3c0 3s ease-in-out infinite,logoGlow-d742d3c0 2s ease-in-out infinite alternate;transition:transform .3s ease,filter .3s ease}.app-logo[data-v-d742d3c0]:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 8px 30px rgba(255,255,255,.4))}@keyframes logoFloat-d742d3c0{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes logoGlow-d742d3c0{0%{filter:drop-shadow(0 4px 20px rgba(0,0,0,.15))}to{filter:drop-shadow(0 4px 30px rgba(255,255,255,.3))}}.header[data-v-d742d3c0]{display:flex;justify-content:center;margin-bottom:30px}.temp-toggle[data-v-d742d3c0]{display:flex;gap:8px;background:#fff3;padding:4px;border-radius:50px}.temp-btn[data-v-d742d3c0]{padding:12px 24px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent;color:#ffffffb3}.temp-btn.active[data-v-d742d3c0]{background:#ffffffe6;color:#667eea;box-shadow:0 4px 15px #0000001a}.temp-btn[data-v-d742d3c0]:hover:not(.active){color:#fff}.loading[data-v-d742d3c0],.error[data-v-d742d3c0]{text-align:center;padding:40px 20px;color:#fff}.spinner[data-v-d742d3c0]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-d742d3c0 1s linear infinite;margin:0 auto 20px}@keyframes spin-d742d3c0{to{transform:rotate(360deg)}}.error[data-v-d742d3c0]{display:flex;flex-direction:column;align-items:center;gap:10px}.error .material-symbols-outlined[data-v-d742d3c0]{font-size:48px;color:#ff6b6b}.weather-content[data-v-d742d3c0]{animation:fadeIn-d742d3c0 .5s ease}@keyframes fadeIn-d742d3c0{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-section[data-v-d742d3c0]{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}@media(max-width:1400px){.app-container[data-v-d742d3c0]{grid-template-columns:1fr 2px 2fr}}@media(max-width:1024px){.app-container[data-v-d742d3c0]{grid-template-columns:1fr 2px 1.5fr}.panel-content[data-v-d742d3c0]{padding:30px}.app-logo[data-v-d742d3c0]{width:70%;max-height:80px}}@media(max-width:768px){.app-container[data-v-d742d3c0]{grid-template-columns:1fr;grid-template-rows:auto 2px 1fr;height:auto;min-height:100vh}.left-panel[data-v-d742d3c0]{max-height:60vh;min-height:400px}.right-panel[data-v-d742d3c0]{min-height:500px}.divider[data-v-d742d3c0]{height:2px;width:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3) 20%,rgba(255,255,255,.3) 80%,transparent)}.divider[data-v-d742d3c0]:before{top:50%;left:50%}.panel-content[data-v-d742d3c0]{padding:25px 20px}.app-logo[data-v-d742d3c0]{width:60%;max-height:70px}.header[data-v-d742d3c0]{margin-bottom:20px}.temp-toggle[data-v-d742d3c0]{width:100%;justify-content:center}.temp-btn[data-v-d742d3c0]{padding:10px 20px;font-size:14px}}@media(max-width:480px){.panel-content[data-v-d742d3c0]{padding:20px 15px}.left-panel[data-v-d742d3c0]{min-height:350px}.app-logo[data-v-d742d3c0]{width:50%;max-height:60px}.logo-container[data-v-d742d3c0]{margin-bottom:20px;padding:10px 0}.temp-btn[data-v-d742d3c0]{padding:8px 16px;font-size:13px}.chart-section[data-v-d742d3c0]{padding:0}}@media(max-width:360px){.panel-content[data-v-d742d3c0]{padding:15px 10px}.temp-btn[data-v-d742d3c0]{padding:6px 12px;font-size:12px}}