.weather-icon[data-v-3fb11718]{width:100px;height:100px;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.last-updated[data-v-3fb11718]{margin-top:20px;font-size:.9em;color:var(--text-secondary)}.detail-info[data-v-c18e36db]{display:flex;flex-direction:column}.detail-label[data-v-c18e36db]{font-size:.9em;color:var(--text-secondary)}.detail-value[data-v-c18e36db]{font-size:1.2em;font-weight:600}.forecast-icon[data-v-42e692e8]{width:64px;height:64px;margin:10px 0}.forecast-temp-range[data-v-42e692e8]{display:flex;justify-content:center;gap:15px;margin:10px 0}.max-temp[data-v-42e692e8]{font-weight:700;color:var(--text-primary)}.min-temp[data-v-42e692e8]{color:var(--text-secondary)}.forecast-description[data-v-42e692e8]{font-size:.9em;color:var(--text-secondary);margin:5px 0;text-transform:capitalize}.forecast-details[data-v-42e692e8]{display:flex;justify-content:center;gap:15px;margin-top:10px;font-size:.9em;color:var(--text-secondary)}.forecast-details i[data-v-42e692e8]{font-size:1.1em;margin-right:4px}.is-today[data-v-42e692e8]{border:2px solid var(--primary-color);background:#2196f31a}.fade-enter-active[data-v-52ff4140],.fade-leave-active[data-v-52ff4140]{transition:all .3s ease}.fade-enter-from[data-v-52ff4140],.fade-leave-to[data-v-52ff4140]{opacity:0;transform:translateY(20px)}.app{width:100%;min-height:100vh;padding:20px}:root{--primary-color: #2196f3;--secondary-color: #64b5f6;--accent-color: #1976d2;--success-color: #4CAF50;--error-color: #f44336;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--card-bg: rgba(255, 255, 255, .1);--card-hover: rgba(255, 255, 255, .15)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298);min-height:100vh;color:var(--text-primary)}*{box-sizing:border-box;scroll-behavior:smooth}.weather-container{max-width:1200px;margin:0 auto;padding:20px;animation:fadeIn .5s ease-out}.navbar{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;border-radius:20px;margin-bottom:30px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.1)}.search-container{display:flex;gap:12px;max-width:600px;margin:0 auto}.search-container input{flex:1;padding:16px 24px;border:2px solid transparent;border-radius:30px;background:#ffffff26;color:var(--text-primary);font-size:16px;transition:all .3s ease}.search-container input:focus{outline:none;border-color:var(--primary-color);background:#fff3}.search-container input::placeholder{color:var(--text-secondary)}.search-container button{padding:16px 32px;border:none;border-radius:30px;background:var(--primary-color);color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:8px}.search-container button:hover{background:var(--accent-color);transform:translateY(-2px)}.search-container button:active{transform:translateY(0)}.main-content{display:grid;gap:30px;grid-template-columns:1fr;animation:slideUp .5s ease-out}@media (min-width: 768px){.main-content{grid-template-columns:repeat(2,1fr)}}.current-weather{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:40px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.current-weather:hover{transform:translateY(-5px);background:var(--card-hover)}.weather-main h1{margin:0;font-size:2.5em;color:var(--text-primary);font-weight:700}.temp-container{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0}.temperature{font-size:5em;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description{font-size:1.4em;text-transform:capitalize;margin:15px 0;color:var(--text-secondary)}.weather-details{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.detail-item{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff0d;border-radius:15px;transition:all .3s ease}.detail-item:hover{background:#ffffff1a;transform:translateY(-2px)}.detail-item i{font-size:28px;color:var(--primary-color)}.forecast-panel{grid-column:1 / -1;background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.forecast-panel h2{margin-top:0;margin-bottom:30px;text-align:center;font-size:2em;font-weight:700;color:var(--text-primary)}.forecast-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px}.forecast-item{background:#ffffff0d;border-radius:15px;padding:20px;text-align:center;transition:all .3s ease}.forecast-item:hover{transform:translateY(-5px);background:#ffffff1a}.forecast-date{font-size:1.1em;margin-bottom:15px;color:var(--text-secondary)}.forecast-temp{font-size:1.6em;font-weight:700;color:var(--primary-color)}.loading{opacity:.7;pointer-events:none;position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid var(--text-secondary);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:var(--error-color);color:#fff;padding:15px 25px;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;gap:10px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media (max-width: 480px){.weather-container{padding:10px}.temperature{font-size:3.5em}.weather-details,.forecast-items{grid-template-columns:1fr}}