.weather-card[data-v-b2f42536]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-radius:16px;box-shadow:var(--shadow-lg);color:#fff;padding:2rem}.demo-notice[data-v-b2f42536]{background-color:#ffc107e6;border-radius:8px;color:#333;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:center}.error[data-v-b2f42536],.loading[data-v-b2f42536]{padding:2rem;text-align:center}.error[data-v-b2f42536]{background-color:#ffffff1a;border-radius:8px;color:#ffcdd2}.weather-header[data-v-b2f42536]{margin-bottom:1.5rem;text-align:center}.city-name[data-v-b2f42536]{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.weather-date[data-v-b2f42536]{opacity:.8;text-transform:capitalize}.weather-main[data-v-b2f42536]{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.temperature-section[data-v-b2f42536]{align-items:center;display:flex;gap:1rem}.weather-icon[data-v-b2f42536]{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:80px;width:80px}.temperature[data-v-b2f42536]{align-items:baseline;display:flex}.temp-value[data-v-b2f42536]{font-size:3rem;font-weight:300}.temp-unit[data-v-b2f42536]{font-size:1.5rem;margin-left:.25rem}.weather-description[data-v-b2f42536]{text-align:right}.description[data-v-b2f42536]{font-size:1.2rem;font-weight:500;margin-bottom:.5rem;text-transform:capitalize}.feels-like[data-v-b2f42536]{opacity:.8}.weather-details[data-v-b2f42536]{background-color:#ffffff1a;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;padding:1rem}.detail-item[data-v-b2f42536]{align-items:center;display:flex;justify-content:space-between}.detail-label[data-v-b2f42536]{opacity:.8}.detail-value[data-v-b2f42536]{font-weight:600}.sun-times[data-v-b2f42536]{background-color:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.sun-time[data-v-b2f42536]{align-items:center;display:flex;flex-direction:column;gap:.5rem}.sun-label[data-v-b2f42536]{font-size:.9rem;opacity:.8}.sun-value[data-v-b2f42536]{font-weight:600}@media (max-width:768px){.weather-main[data-v-b2f42536]{flex-direction:column;gap:1rem}.weather-description[data-v-b2f42536],.weather-main[data-v-b2f42536]{text-align:center}.weather-details[data-v-b2f42536]{grid-template-columns:1fr}.sun-times[data-v-b2f42536]{flex-direction:column;gap:1rem}}.weather-search[data-v-3ebd2185]{margin-bottom:2rem}.search-container[data-v-3ebd2185]{display:flex;gap:1rem;margin-bottom:1rem}.search-input-group[data-v-3ebd2185]{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1;overflow:hidden}.search-input[data-v-3ebd2185]{flex:1;outline:none}.search-button[data-v-3ebd2185],.search-input[data-v-3ebd2185]{border:none;font-size:1rem;padding:.75rem 1rem}.search-button[data-v-3ebd2185]{background-color:#06c;color:#fff;cursor:pointer;transition:background-color .3s ease}.search-button[data-v-3ebd2185]:hover:not(:disabled){background-color:#0052a3}.search-button[data-v-3ebd2185]:disabled{cursor:not-allowed;opacity:.6}.location-button[data-v-3ebd2185]{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:background-color .3s ease;white-space:nowrap}.location-button[data-v-3ebd2185]:hover:not(:disabled){background-color:#218838}.location-button[data-v-3ebd2185]:disabled{cursor:not-allowed;opacity:.6}.suggestions[data-v-3ebd2185]{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-item[data-v-3ebd2185]{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.suggestion-item[data-v-3ebd2185]:hover{background-color:#e9ecef;border-color:#06c}@media (max-width:768px){.search-container[data-v-3ebd2185]{flex-direction:column}.location-button[data-v-3ebd2185]{white-space:normal}}.weather-intro[data-v-bbd87209]{color:#666;margin:0 auto 2rem;max-width:600px;text-align:center}.weather-content[data-v-bbd87209]{margin:0 auto;max-width:800px}.additional-info[data-v-bbd87209]{margin:2rem 0;text-align:center}.forecast-section[data-v-bbd87209]{margin-top:3rem}.forecast-section h2[data-v-bbd87209]{color:#333;margin-bottom:2rem;text-align:center}.forecast-grid[data-v-bbd87209]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.forecast-item[data-v-bbd87209]{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s ease}.forecast-item[data-v-bbd87209]:hover{transform:translateY(-5px)}.forecast-date[data-v-bbd87209]{color:#333;font-weight:600;margin-bottom:.5rem;text-transform:capitalize}.forecast-icon[data-v-bbd87209]{height:50px;margin:.5rem 0;width:50px}.forecast-temps[data-v-bbd87209]{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.temp-max[data-v-bbd87209]{color:#333;font-weight:600}.temp-min[data-v-bbd87209]{color:#666}.forecast-desc[data-v-bbd87209]{color:#666;font-size:.9rem;text-transform:capitalize}@media (max-width:768px){.forecast-grid[data-v-bbd87209]{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.forecast-grid[data-v-bbd87209]{grid-template-columns:1fr}}