:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--text-primary: #ffffff;--text-secondary: #b8b8b8;--accent-primary: #4f46e5;--accent-secondary: #7c3aed;--shadow-light: 8px 8px 16px rgba(0, 0, 0, .3);--shadow-dark: -8px -8px 16px rgba(255, 255, 255, .05);--neumorphism: var(--shadow-light), var(--shadow-dark);--neumorphism-inset: inset 4px 4px 8px rgba(0, 0, 0, .3), inset -4px -4px 8px rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}@media screen and (max-width: 768px){body,html,.container{background:var(--bg-primary)!important}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}html{background:var(--bg-primary);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px;background:var(--bg-primary);min-height:100vh}@media screen and (max-width: 768px){.container{padding:0 10px;max-width:100%}body{font-size:14px}h1{font-size:1.5rem!important}h2{font-size:1.2rem!important;margin-bottom:.5rem!important}.weather-app{padding:10px 0!important}.app-header{margin-bottom:10px!important}.weather-card{margin-bottom:15px!important;padding:15px!important}.forecast-grid{gap:10px!important}.forecast-card{padding:12px!important}}.neumorphism{background:var(--bg-secondary);border-radius:20px;box-shadow:var(--neumorphism);border:1px solid rgba(255,255,255,.1)}.neumorphism-inset{background:var(--bg-secondary);border-radius:20px;box-shadow:inset var(--shadow-light),inset var(--shadow-dark);border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in{animation:slideIn .4s ease-out}.animate-pulse{animation:pulse 2s infinite}*{transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.location-button-container[data-v-f849ff05]{margin-bottom:0;text-align:right;position:relative}.location-button[data-v-f849ff05]{background:var(--bg-secondary);border:none;border-radius:50px;padding:0;font-size:1rem;font-weight:600;color:var(--text-primary);cursor:pointer;box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff0d;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;height:44px;transition:all .3s ease}.location-button[data-v-f849ff05]:hover:not(:disabled){box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #ffffff1a;background:var(--bg-secondary)}.location-button[data-v-f849ff05]:active:not(:disabled){box-shadow:inset 4px 4px 8px #0000004d,inset -4px -4px 8px #ffffff1a;background:var(--bg-primary)}.location-button[data-v-f849ff05]:disabled{opacity:.7;cursor:not-allowed;transform:none}.location-button.loading[data-v-f849ff05]{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid rgba(79,70,229,.3)}.location-button.success[data-v-f849ff05]{background:linear-gradient(135deg,var(--bg-secondary),rgba(34,197,94,.1));border:1px solid rgba(34,197,94,.3)}.button-content[data-v-f849ff05]{display:flex;align-items:center;gap:8px;padding:12px 16px;position:relative;z-index:1}.button-icon[data-v-f849ff05]{font-size:1rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.success-icon[data-v-f849ff05]{color:#22c55e;font-weight:700;font-size:1.1rem}.loading-spinner[data-v-f849ff05]{width:20px;height:20px;border:2px solid rgba(79,70,229,.3);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin-f849ff05 1s linear infinite}@keyframes spin-f849ff05{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-text[data-v-f849ff05]{font-weight:500;font-size:.9rem;white-space:nowrap}.location-status[data-v-f849ff05]{position:fixed;top:20px;right:20px;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:500;box-shadow:var(--neumorphism);animation:slideIn-f849ff05 .3s ease;z-index:1000;max-width:200px}@keyframes slideIn-f849ff05{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.location-status.loading[data-v-f849ff05]{background:#4f46e51a;color:var(--accent-primary);border:1px solid rgba(79,70,229,.3)}.location-status.error[data-v-f849ff05]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@media (max-width: 768px){.location-button[data-v-f849ff05]{width:auto;min-width:140px;justify-content:center;height:40px}.button-content[data-v-f849ff05]{padding:8px 12px;gap:6px}.button-text[data-v-f849ff05]{font-size:.8rem}.button-icon[data-v-f849ff05]{font-size:.9rem;width:18px;height:18px}.location-status[data-v-f849ff05]{display:none}}@media (max-width: 480px){.location-button[data-v-f849ff05]{min-width:120px;height:36px}.button-content[data-v-f849ff05]{padding:6px 10px}.button-text[data-v-f849ff05]{font-size:.75rem}}.detail-card[data-v-541ba0fd]{background:var(--bg-tertiary);border-radius:10px;padding:12px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff0d;transition:all .3s ease}.detail-card[data-v-541ba0fd]:hover{box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #ffffff1a;background:var(--bg-secondary)}.detail-title[data-v-541ba0fd]{font-size:1rem;font-weight:600;color:var(--accent-primary);margin:0 0 10px;display:flex;align-items:center;gap:6px}.detail-icon[data-v-541ba0fd]{font-size:1.2rem}.detail-content[data-v-541ba0fd]{display:flex;flex-direction:column;gap:8px}.detail-content .detail-row[data-v-541ba0fd]{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.detail-content .detail-label[data-v-541ba0fd]{font-size:.8rem;color:var(--text-secondary);font-weight:500}.detail-content .detail-value[data-v-541ba0fd]{font-size:.9rem;font-weight:600;color:var(--text-primary)}.detail-item[data-v-017ab562]{display:flex;align-items:center;gap:8px;flex:1;padding:12px;background:var(--bg-tertiary);border-radius:12px;box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff0d;transition:all .3s ease}.detail-item[data-v-017ab562]:hover{box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #ffffff1a;background:var(--bg-secondary)}.detail-icon[data-v-017ab562]{font-size:1.4rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.detail-text[data-v-017ab562]{display:flex;flex-direction:column;gap:2px;min-width:0}.detail-value[data-v-017ab562]{font-size:1.1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-label[data-v-017ab562]{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.weather-card[data-v-5af284bf]{background:var(--bg-secondary);border-radius:20px;padding:20px;margin-bottom:15px;box-shadow:var(--neumorphism);position:relative;overflow:hidden}.weather-card[data-v-5af284bf]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4f46e54d,#7c3aed4d);border-radius:24px 24px 0 0}.weather-card[data-v-5af284bf]:hover{box-shadow:0 15px 30px #00000040,0 0 0 1px #ffffff14}.weather-main[data-v-5af284bf]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.weather-info[data-v-5af284bf]{flex:1;display:flex;flex-direction:column;gap:15px}.main-info-section[data-v-5af284bf]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.location-section[data-v-5af284bf]{display:flex;flex-direction:column;gap:8px;flex:1}.city-name[data-v-5af284bf]{font-size:1.6rem;font-weight:700;margin:0;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.weather-status[data-v-5af284bf]{display:flex;flex-direction:column;gap:4px}.condition[data-v-5af284bf]{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin:0}.feels-like[data-v-5af284bf]{font-size:.9rem;color:var(--text-secondary);margin:0}.temperature-section[data-v-5af284bf]{display:flex;align-items:center;flex-shrink:0}.temp-display[data-v-5af284bf]{display:flex;align-items:baseline;gap:8px}.temp-value[data-v-5af284bf]{font-size:3.5rem;font-weight:800;color:var(--text-primary);line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.temp-unit[data-v-5af284bf]{font-size:2rem;font-weight:600;color:var(--text-secondary)}.weather-visual[data-v-5af284bf]{display:flex;align-items:center;justify-content:center;min-width:120px}.weather-icon[data-v-5af284bf]{font-size:4rem;animation:float-5af284bf 6s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes float-5af284bf{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.weather-details[data-v-5af284bf]{border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.details-row[data-v-5af284bf]{display:flex;justify-content:space-between;gap:12px}.expand-section[data-v-5af284bf]{display:flex;justify-content:center}.expand-button[data-v-5af284bf]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;border-radius:6px}.expand-button[data-v-5af284bf]:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.1)}.expand-icon[data-v-5af284bf]{font-size:1.2rem;font-weight:600;transition:transform .3s cubic-bezier(.4,0,.2,1)}.expand-button:hover .expand-icon[data-v-5af284bf]{transform:scale(1.1)}.expanded-details[data-v-5af284bf]{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.expanded-details.expanded[data-v-5af284bf]{grid-template-rows:1fr}.details-grid[data-v-5af284bf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;min-height:0;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.expanded-details.expanded .details-grid[data-v-5af284bf]{opacity:1;transform:translateY(0)}.expanded-details.expanded[data-v-5af284bf] .detail-card{animation:cardSlideIn-5af284bf .4s ease forwards;animation-delay:calc(var(--card-index, 0) * .1s)}@keyframes cardSlideIn-5af284bf{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-row[data-v-5af284bf]{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.detail-label[data-v-5af284bf]{font-size:.8rem;color:var(--text-secondary);font-weight:500;text-transform:none;letter-spacing:normal}.detail-value[data-v-5af284bf]{font-size:.9rem;font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.weather-card[data-v-5af284bf]{padding:15px;margin-bottom:10px}.weather-main[data-v-5af284bf]{flex-direction:row;text-align:left;gap:15px}.weather-info[data-v-5af284bf]{gap:10px}.main-info-section[data-v-5af284bf]{flex-direction:row;align-items:center;gap:10px}.weather-visual[data-v-5af284bf]{min-width:80px}.weather-icon[data-v-5af284bf]{font-size:2.5rem}.city-name[data-v-5af284bf]{font-size:1.3rem}.temp-value[data-v-5af284bf]{font-size:2.5rem}.temp-unit[data-v-5af284bf]{font-size:1.2rem}.condition[data-v-5af284bf]{font-size:.9rem}.feels-like[data-v-5af284bf]{font-size:.8rem}.details-row[data-v-5af284bf]{flex-wrap:wrap;gap:8px}.detail-item[data-v-5af284bf]{flex:1 1 calc(50% - 4px);min-width:120px;padding:10px}}@media (max-width: 480px){.weather-card[data-v-5af284bf]{padding:20px}.city-name[data-v-5af284bf]{font-size:1.6rem}.temp-value[data-v-5af284bf]{font-size:3rem}.weather-icon[data-v-5af284bf]{font-size:3.5rem}.details-row[data-v-5af284bf]{flex-direction:column;gap:10px}.detail-item[data-v-5af284bf]{flex:none;padding:12px}.detail-icon[data-v-5af284bf]{font-size:1.2rem}.detail-value[data-v-5af284bf]{font-size:1rem}}.hourly-card[data-v-59e559ed]{flex-shrink:0;background:var(--bg-primary);border-radius:10px;padding:10px 6px;text-align:center;min-width:60px;box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff0d;transition:all .3s ease}.hourly-card[data-v-59e559ed]:hover{box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #ffffff1a;background:var(--bg-secondary)}.hour-time[data-v-59e559ed]{font-size:.7rem;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.hour-icon[data-v-59e559ed]{margin-bottom:4px}.weather-emoji[data-v-59e559ed]{font-size:20px;display:block}.hour-temp[data-v-59e559ed]{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.hour-rain[data-v-59e559ed]{font-size:.6rem;color:#60a5fa;font-weight:500;display:flex;align-items:center;justify-content:center;gap:2px}.rain-icon[data-v-59e559ed]{font-size:.7rem}.hourly-card.modal[data-v-59e559ed]{background:var(--bg-primary);border-radius:16px;padding:16px 12px;min-width:auto}.hourly-card.modal .hour-time[data-v-59e559ed]{font-size:.9rem;margin-bottom:8px}.hourly-card.modal .hour-icon[data-v-59e559ed]{margin-bottom:8px}.hourly-card.modal .weather-emoji[data-v-59e559ed]{font-size:32px}.hourly-card.modal .hour-temp[data-v-59e559ed]{font-size:1.2rem;margin-bottom:6px}.hourly-card.modal .hour-rain[data-v-59e559ed]{font-size:.7rem}.hourly-card.modal .rain-icon[data-v-59e559ed]{font-size:.8rem}@media (max-width: 768px){.hourly-card[data-v-59e559ed]{min-width:50px;padding:8px 4px}.weather-emoji[data-v-59e559ed]{font-size:16px}.hour-temp[data-v-59e559ed]{font-size:.8rem}.hour-time[data-v-59e559ed]{font-size:.6rem}}.modal-overlay[data-v-46e91883]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;animation:fadeIn-46e91883 .3s ease}.modal-content[data-v-46e91883]{background:var(--bg-secondary);border-radius:20px;width:100%;max-width:500px;height:90vh;max-height:600px;overflow:hidden;box-shadow:0 20px 40px #00000080;animation:slideUp-46e91883 .3s ease}.modal-header[data-v-46e91883]{padding:20px 20px 0;text-align:center;position:relative}.modal-title[data-v-46e91883]{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.modal-subtitle[data-v-46e91883]{font-size:.9rem;color:var(--text-secondary);opacity:.7;margin-bottom:16px}.modal-close[data-v-46e91883]{position:absolute;top:16px;right:16px;width:32px;height:32px;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close[data-v-46e91883]:hover{background:var(--accent-primary);transform:scale(1.1)}.close-icon[data-v-46e91883]{font-size:1.5rem;font-weight:600;line-height:1}.modal-body[data-v-46e91883]{padding:0 20px 20px;overflow-y:auto;max-height:calc(90vh - 120px);min-height:300px;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}.modal-body[data-v-46e91883]::-webkit-scrollbar{width:6px}.modal-body[data-v-46e91883]::-webkit-scrollbar-track{background:transparent}.modal-body[data-v-46e91883]::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.hourly-grid[data-v-46e91883]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}@keyframes fadeIn-46e91883{0%{opacity:0}to{opacity:1}}@keyframes slideUp-46e91883{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.modal-overlay[data-v-46e91883]{padding:5px}.modal-content[data-v-46e91883]{border-radius:16px;height:95vh;max-height:none}.modal-header[data-v-46e91883]{padding:20px 20px 0}.modal-title[data-v-46e91883]{font-size:1.3rem}.modal-subtitle[data-v-46e91883]{font-size:1rem}.modal-body[data-v-46e91883]{padding:0 20px 20px;max-height:calc(95vh - 140px);min-height:250px}.hourly-grid[data-v-46e91883]{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.hourly-item[data-v-46e91883]{padding:14px 10px;border-radius:14px}.weather-emoji[data-v-46e91883]{font-size:28px}.hour-temp[data-v-46e91883]{font-size:1.1rem}.hour-time[data-v-46e91883],.hour-rain[data-v-46e91883]{font-size:.8rem}.rain-icon[data-v-46e91883]{font-size:.9rem}}.forecast-section[data-v-44b3f7f6]{margin:20px 0}.section-header[data-v-44b3f7f6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title[data-v-44b3f7f6]{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forecast-summary[data-v-44b3f7f6]{background:var(--bg-tertiary);padding:8px 16px;border-radius:25px;box-shadow:var(--neumorphism);border:1px solid rgba(255,255,255,.1)}.summary-text[data-v-44b3f7f6]{font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.forecast-container[data-v-44b3f7f6]{position:relative}.forecast-loading[data-v-44b3f7f6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);gap:15px}.forecast-loading .loading-spinner[data-v-44b3f7f6]{width:30px;height:30px;border:3px solid rgba(79,70,229,.3);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin-44b3f7f6 1s linear infinite}@keyframes spin-44b3f7f6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.forecast-grid[data-v-44b3f7f6]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.forecast-card[data-v-44b3f7f6]{background:var(--bg-secondary);border-radius:16px;padding:16px;box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff0d;cursor:pointer;position:relative;overflow:hidden;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease}.forecast-card[data-v-44b3f7f6]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e54d,#7c3aed4d);opacity:0;transition:opacity .3s ease}.forecast-card[data-v-44b3f7f6]:hover{box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #ffffff1a;background:var(--bg-secondary)}.forecast-card[data-v-44b3f7f6]:hover:before{opacity:1}.forecast-card.today[data-v-44b3f7f6]{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid rgba(79,70,229,.3)}.forecast-card.today[data-v-44b3f7f6]:before{opacity:1}.forecast-header[data-v-44b3f7f6]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.forecast-date[data-v-44b3f7f6]{display:flex;flex-direction:column;gap:4px}.date-day[data-v-44b3f7f6]{font-size:.8rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.date-full[data-v-44b3f7f6]{font-size:.9rem;font-weight:600;color:var(--accent-primary)}.forecast-icon-section[data-v-44b3f7f6]{display:flex;align-items:center;gap:8px}.forecast-icon[data-v-44b3f7f6]{font-size:2.2rem;animation:float-44b3f7f6 6s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes float-44b3f7f6{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.05)}}.forecast-temps[data-v-44b3f7f6]{margin-bottom:10px;flex:1;display:flex;align-items:center;justify-content:center}.temp-range[data-v-44b3f7f6]{display:flex;justify-content:center;gap:15px;align-items:baseline}.temp-max[data-v-44b3f7f6]{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.temp-min[data-v-44b3f7f6]{font-size:1rem;font-weight:500;color:var(--text-secondary)}.forecast-condition[data-v-44b3f7f6]{font-size:.75rem;color:var(--text-secondary);line-height:1.3;text-align:center;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1400px){.forecast-grid[data-v-44b3f7f6]{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1200px){.forecast-grid[data-v-44b3f7f6]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.section-header[data-v-44b3f7f6]{flex-direction:row;align-items:center;gap:8px;margin-bottom:10px}.section-title[data-v-44b3f7f6]{font-size:1.2rem}.forecast-grid[data-v-44b3f7f6]{grid-template-columns:repeat(2,1fr);gap:8px}.forecast-card[data-v-44b3f7f6]{padding:12px;min-height:120px}.forecast-icon[data-v-44b3f7f6]{font-size:1.8rem}.temp-max[data-v-44b3f7f6]{font-size:1.1rem}.temp-min[data-v-44b3f7f6]{font-size:.9rem}.date-day[data-v-44b3f7f6]{font-size:.7rem}}.details-toggle[data-v-44b3f7f6]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;border-radius:4px}.details-toggle[data-v-44b3f7f6]:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.1)}.details-toggle.active[data-v-44b3f7f6]{background:var(--accent-primary);color:var(--text-primary);box-shadow:0 2px 8px #4f46e54d}.toggle-icon[data-v-44b3f7f6]{font-size:1rem;font-weight:600;transition:transform .3s ease}.selected-day-details[data-v-44b3f7f6]{margin-top:20px;animation:slideDown-44b3f7f6 .3s ease}@keyframes slideDown-44b3f7f6{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hourly-forecast[data-v-44b3f7f6]{background:var(--bg-secondary);border-radius:16px;padding:16px;box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff0d}.hourly-header[data-v-44b3f7f6]{text-align:center;margin-bottom:16px}.hourly-title[data-v-44b3f7f6]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.hourly-subtitle[data-v-44b3f7f6]{font-size:.8rem;color:var(--text-secondary);opacity:.7}.hourly-container[data-v-44b3f7f6]{display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}.hourly-container[data-v-44b3f7f6]::-webkit-scrollbar{height:4px}.hourly-container[data-v-44b3f7f6]::-webkit-scrollbar-track{background:transparent}.hourly-container[data-v-44b3f7f6]::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:2px}@media (max-width: 768px){.selected-day-details[data-v-44b3f7f6]{margin-top:12px}.hourly-forecast[data-v-44b3f7f6]{padding:8px}.hourly-header[data-v-44b3f7f6]{margin-bottom:8px}.hourly-title[data-v-44b3f7f6]{font-size:.9rem}.hourly-subtitle[data-v-44b3f7f6]{font-size:.7rem}.hourly-container[data-v-44b3f7f6]{gap:4px}.hour-rain[data-v-44b3f7f6]{font-size:.5rem}.rain-icon[data-v-44b3f7f6]{font-size:.6rem}}@media (max-width: 480px){.forecast-grid[data-v-44b3f7f6]{grid-template-columns:1fr;gap:12px}.forecast-card[data-v-44b3f7f6]{padding:18px;min-height:140px}.forecast-icon[data-v-44b3f7f6]{font-size:2rem}.temp-max[data-v-44b3f7f6]{font-size:1.3rem}.temp-min[data-v-44b3f7f6]{font-size:.9rem}.forecast-condition[data-v-44b3f7f6]{font-size:.8rem}.date-day[data-v-44b3f7f6]{font-size:.75rem}.date-full[data-v-44b3f7f6]{font-size:.8rem}.hourly-item[data-v-44b3f7f6]{min-width:40px;padding:4px 2px}.weather-emoji[data-v-44b3f7f6]{font-size:12px}.hour-temp[data-v-44b3f7f6]{font-size:.7rem}.hour-time[data-v-44b3f7f6]{font-size:.5rem}.hour-rain[data-v-44b3f7f6]{font-size:.45rem}.rain-icon[data-v-44b3f7f6]{font-size:.55rem}}.weather-background[data-v-b6f45b16]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}#root[data-v-b6f45b16]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#canvas[data-v-b6f45b16]{width:100%;height:100%;display:block;pointer-events:none;position:absolute;top:0;left:0}.weather-app[data-v-a7195fe3]{max-width:1200px;margin:0 auto;padding:15px;min-height:100vh;color:var(--text-primary);position:relative;z-index:1}.weather-app>*[style*="display: none"][data-v-a7195fe3]{opacity:0}.weather-app[data-v-a7195fe3]>*:not([style*="display: none"]){opacity:1}.loading-container[data-v-a7195fe3]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);gap:20px}.loading-container .loading-spinner[data-v-a7195fe3]{width:40px;height:40px;border:4px solid rgba(79,70,229,.3);border-top:4px solid var(--accent-primary);border-radius:50%;animation:spin-a7195fe3 1s linear infinite}@keyframes spin-a7195fe3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-controls[data-v-a7195fe3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);min-height:44px}.app-header[data-v-a7195fe3]{flex:1}.app-title[data-v-a7195fe3]{font-size:1.8rem;font-weight:600;margin:0;color:var(--text-secondary);opacity:.8;transition:opacity .3s ease;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;line-height:1}.app-title[data-v-a7195fe3]:hover{opacity:1}.title-icon[data-v-a7195fe3]{font-size:1.6rem;opacity:.7}.animate-fade-in[data-v-a7195fe3]{animation:fadeIn-a7195fe3 .8s ease-out}@keyframes fadeIn-a7195fe3{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.weather-app[data-v-a7195fe3]{padding:10px 5px;min-height:100vh}.app-controls[data-v-a7195fe3]{flex-direction:row;gap:8px;align-items:center;margin-bottom:10px;padding:5px 0;min-height:40px}.app-title[data-v-a7195fe3]{font-size:1.2rem;justify-content:flex-start;gap:6px}.title-icon[data-v-a7195fe3]{font-size:1.2rem}.loading-container[data-v-a7195fe3]{min-height:200px;gap:15px}.loading-container .loading-spinner[data-v-a7195fe3]{width:30px;height:30px;border-width:3px}}@media (max-width: 480px){.weather-app[data-v-a7195fe3]{padding:8px 3px}.app-controls[data-v-a7195fe3]{gap:6px;margin-bottom:8px;min-height:36px}.app-title[data-v-a7195fe3]{font-size:1.1rem;gap:4px}.title-icon[data-v-a7195fe3]{font-size:1rem}}