.search-bar[data-v-028a4441]{display:flex;gap:12px;width:100%;max-width:500px}.input-wrapper[data-v-028a4441]{flex:1;position:relative;display:flex;align-items:center}.search-icon[data-v-028a4441]{position:absolute;left:16px;color:#888;pointer-events:none}.search-input[data-v-028a4441]{width:100%;padding:16px 48px;font-size:16px;border:2px solid #404050;border-radius:16px;outline:none;background:#2a2a3e;color:#fff;transition:all .25s ease}.search-input[data-v-028a4441]:focus{border-color:#5a9fe9;box-shadow:0 0 0 4px #5a9fe91a}.search-input[data-v-028a4441]::placeholder{color:#666}.clear-btn[data-v-028a4441]{position:absolute;right:12px;padding:4px;background:none;border:none;color:#888;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.clear-btn[data-v-028a4441]:hover{color:#fff}.search-button[data-v-028a4441]{padding:16px 20px;background:#5a9fe9;border:none;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .25s ease}.search-button[data-v-028a4441]:hover:not(:disabled){background:#6aafe9;transform:translateY(-1px)}.search-button[data-v-028a4441]:disabled{background:#404050;cursor:not-allowed}.weather-card[data-v-c10ffab7]{background:#2a2a3e;border-radius:24px;padding:32px;box-shadow:0 4px 24px #0000004d;width:100%;max-width:700px}.weather-header[data-v-c10ffab7]{margin-bottom:24px}.location h2[data-v-c10ffab7]{font-size:28px;font-weight:600;color:#fff;margin:0}.date[data-v-c10ffab7]{font-size:14px;color:#aaa;margin-top:4px}.weather-main[data-v-c10ffab7]{display:flex;gap:40px}.left-panel[data-v-c10ffab7]{flex:0 0 auto}.temp-block[data-v-c10ffab7]{display:flex;flex-direction:column;align-items:center}.main-icon[data-v-c10ffab7]{width:120px;height:120px}.temp-wrapper[data-v-c10ffab7]{display:flex;align-items:flex-start}.temp-value[data-v-c10ffab7]{font-family:Bungee,cursive;font-size:72px;color:#fff;line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.temp-unit[data-v-c10ffab7]{font-size:28px;color:#aaa;margin-top:12px}.description[data-v-c10ffab7]{font-size:18px;color:#ddd;text-transform:capitalize;margin:8px 0 4px}.feels-like[data-v-c10ffab7]{font-size:14px;color:#888}.right-panel[data-v-c10ffab7]{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px}.details-grid[data-v-c10ffab7]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item[data-v-c10ffab7]{display:flex;align-items:center;gap:12px;padding:12px;background:#3a3a50;border-radius:12px}.detail-item svg[data-v-c10ffab7]{color:#5a9fe9;flex-shrink:0}.detail-info[data-v-c10ffab7]{display:flex;flex-direction:column}.detail-value[data-v-c10ffab7]{font-size:16px;font-weight:500;color:#fff}.detail-label[data-v-c10ffab7]{font-size:12px;color:#888}.sun-times[data-v-c10ffab7]{display:flex;gap:16px;padding-top:20px;border-top:1px solid #404050}.sun-item[data-v-c10ffab7]{flex:1;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px}.sun-item.sunrise[data-v-c10ffab7]{background:linear-gradient(135deg,#3d2a1a,#2a2a3e);border:1px solid #5a4020}.sun-item.sunset[data-v-c10ffab7]{background:linear-gradient(135deg,#3d1a1a,#2a2a3e);border:1px solid #5a2020}.sun-item svg[data-v-c10ffab7]{flex-shrink:0}.sun-item.sunrise svg[data-v-c10ffab7]{color:#d97706}.sun-item.sunset svg[data-v-c10ffab7]{color:#ea580c}.sun-info[data-v-c10ffab7]{display:flex;flex-direction:column}.sun-value[data-v-c10ffab7]{font-size:16px;font-weight:600;color:#fff}.sun-label[data-v-c10ffab7]{font-size:12px;color:#888}@media(max-width:600px){.weather-main[data-v-c10ffab7]{flex-direction:column;gap:24px}.left-panel[data-v-c10ffab7]{text-align:center}}.forecast[data-v-066ac8c6]{background:#2a2a3e;border-radius:24px;padding:24px;box-shadow:0 4px 24px #0000004d;width:100%}.forecast-header[data-v-066ac8c6]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.forecast-header svg[data-v-066ac8c6]{color:#5a9fe9}.forecast-title[data-v-066ac8c6]{font-family:Bungee,cursive;font-size:18px;color:#fff;margin:0}.forecast-list[data-v-066ac8c6]{display:flex;flex-direction:column;gap:12px}.forecast-item[data-v-066ac8c6]{display:grid;grid-template-columns:80px 80px 1fr 60px 80px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #404050}.forecast-item[data-v-066ac8c6]:last-child{border-bottom:none;padding-bottom:0}.forecast-item[data-v-066ac8c6]:first-child{padding-top:0}.day-info[data-v-066ac8c6]{display:flex;flex-direction:column}.day-name[data-v-066ac8c6]{font-weight:600;color:#fff;font-size:14px}.date[data-v-066ac8c6]{color:#888;font-size:12px}.forecast-icon[data-v-066ac8c6]{width:64px;height:64px;object-fit:contain;justify-self:center}.temp-info[data-v-066ac8c6]{display:flex;flex-direction:column;align-items:flex-end}.temp-max[data-v-066ac8c6]{font-family:Bungee,cursive;font-size:16px;color:#fff}.temp-min[data-v-066ac8c6]{font-size:14px;color:#888}.temp-bar[data-v-066ac8c6]{height:4px;background:#404050;border-radius:2px;position:relative;overflow:hidden}.temp-fill[data-v-066ac8c6]{position:absolute;height:100%;background:linear-gradient(90deg,#5a9fe9,#7ab8f5);border-radius:2px;transition:width .3s ease}@media(max-width:500px){.forecast-item[data-v-066ac8c6]{grid-template-columns:60px 1fr 50px}.temp-bar[data-v-066ac8c6]{display:none}}.modal-overlay[data-v-54e954f3]{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal[data-v-54e954f3]{background:#2a2a3e;border-radius:24px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 60px #0006}.modal-header[data-v-54e954f3]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #404050}.modal-header h2[data-v-54e954f3]{font-size:20px;font-weight:600;color:#fff;margin:0}.close-btn[data-v-54e954f3]{background:none;border:none;color:#aaa;cursor:pointer;padding:4px;border-radius:8px;transition:all .2s}.close-btn[data-v-54e954f3]:hover{background:#404050;color:#fff}.modal-body[data-v-54e954f3]{padding:24px}.setting-group[data-v-54e954f3]{margin-bottom:28px}.setting-group[data-v-54e954f3]:last-child{margin-bottom:0}.setting-label-row[data-v-54e954f3]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.setting-label-row svg[data-v-54e954f3]{color:#5a9fe9}.setting-label[data-v-54e954f3]{font-size:14px;font-weight:500;color:#ddd}.toggle-group[data-v-54e954f3]{display:flex;gap:8px}.toggle-group.vertical[data-v-54e954f3]{flex-direction:column}.toggle-group button[data-v-54e954f3]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#3a3a50;border:2px solid transparent;border-radius:12px;font-size:14px;font-weight:500;color:#ddd;cursor:pointer;transition:all .2s ease}.toggle-group button[data-v-54e954f3]:hover{background:#404060}.toggle-group button.active[data-v-54e954f3]{background:#1a3a5c;border-color:#5a9fe9;color:#5a9fe9}.toggle-group.vertical button[data-v-54e954f3]{justify-content:flex-start}.btn-icon[data-v-54e954f3]{font-weight:600;font-size:16px}.modal-footer[data-v-54e954f3]{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #404050}.cancel-btn[data-v-54e954f3]{flex:1;padding:14px;background:#3a3a50;border:none;border-radius:12px;font-size:16px;font-weight:500;color:#aaa;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-54e954f3]:hover{background:#404060;color:#fff}.save-btn[data-v-54e954f3]{flex:2;padding:14px;background:#5a9fe9;border:none;border-radius:12px;font-size:16px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.save-btn[data-v-54e954f3]:hover{background:#6aafe9;transform:translateY(-1px)}.fade-enter-active[data-v-54e954f3],.fade-leave-active[data-v-54e954f3]{transition:opacity .2s ease}.fade-enter-from[data-v-54e954f3],.fade-leave-to[data-v-54e954f3]{opacity:0}.header[data-v-5ea6c530]{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:900px;padding:0 8px}.logo[data-v-5ea6c530]{font-family:Bungee,cursive;font-size:36px;letter-spacing:4px;color:#fff;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.actions[data-v-5ea6c530]{display:flex;gap:12px}.icon-btn[data-v-5ea6c530]{padding:12px;background:#2a2a3e;border:none;border-radius:14px;color:#aaa;cursor:pointer;box-shadow:0 2px 12px #0003;transition:all .25s ease}.icon-btn[data-v-5ea6c530]:hover:not(:disabled){color:#5a9fe9;transform:translateY(-2px);box-shadow:0 4px 16px #5a9fe933}.icon-btn[data-v-5ea6c530]:disabled{cursor:not-allowed;opacity:.6}.spinner-icon[data-v-5ea6c530]{animation:spin-5ea6c530 1s linear infinite}@keyframes spin-5ea6c530{to{transform:rotate(360deg)}}.app[data-v-a8b3b226]{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:900px;padding:20px;position:relative;z-index:1}.animated-bg[data-v-a8b3b226]{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.circle[data-v-a8b3b226]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float-a8b3b226 20s ease-in-out infinite}.circle-1[data-v-a8b3b226]{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:-100px;left:-100px;animation-delay:0s}.circle-2[data-v-a8b3b226]{width:500px;height:500px;background:linear-gradient(135deg,#f093fb,#f5576c);top:50%;right:-200px;animation-delay:-5s}.circle-3[data-v-a8b3b226]{width:300px;height:300px;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:-50px;left:30%;animation-delay:-10s}@keyframes float-a8b3b226{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.content[data-v-a8b3b226]{display:flex;flex-direction:column;gap:24px;width:100%}.sidebar-content[data-v-a8b3b226]{display:flex;flex-direction:column;gap:16px;width:100%}.loading[data-v-a8b3b226]{display:flex;flex-direction:column;align-items:center;gap:16px;color:#aaa;padding:40px;background:#2a2a3ee6;border-radius:24px;backdrop-filter:blur(10px)}.loading.small[data-v-a8b3b226]{padding:20px}.spinner[data-v-a8b3b226]{width:40px;height:40px;border:3px solid #404050;border-top-color:#5a9fe9;border-radius:50%;animation:spin-a8b3b226 1s linear infinite}@keyframes spin-a8b3b226{to{transform:rotate(360deg)}}.error[data-v-a8b3b226]{background:#4a2a2ae6;color:#ff6b6b;padding:24px;border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;backdrop-filter:blur(10px)}.retry-btn[data-v-a8b3b226]{padding:10px 20px;background:#c62828;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.retry-btn[data-v-a8b3b226]:hover{background:#b71c1c}@media(min-width:900px){.content[data-v-a8b3b226]{flex-direction:row;align-items:flex-start}.content[data-v-a8b3b226]>*:first-child{flex:1}.sidebar-content[data-v-a8b3b226]{width:320px;flex-shrink:0}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#1a1a2e;padding:0;overflow-x:hidden;color:#fff}#app{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}button{font-family:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}