:root{--primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--success-gradient: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);--danger-gradient: linear-gradient(135deg, #ef4444 0%, #f43f5e 100%);--warning-gradient: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--bg-gradient: linear-gradient(135deg, #a8b5ff 0%, #c8aee8 100%);--text-color: #1e293b;--text-muted: #475569;--glass-bg: rgba(255, 255, 255, .45);--glass-border: rgba(255, 255, 255, .5);--backdrop-blur: blur(10px);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16)}[data-theme=dark]{--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--text-color: #f1f5f9;--text-muted: #94a3b8;--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(148, 163, 184, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease}.app-container{min-height:100vh;background:var(--bg-gradient);background-size:200% 200%;animation:bgAnimation 15s ease infinite;padding:2rem 1rem;color:var(--text-color);transition:all .3s ease}@keyframes bgAnimation{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.content-wrapper{max-width:1200px;margin:0 auto;opacity:0;animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow-md);transition:all .3s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.header{text-align:center;margin-bottom:2rem;animation:slideInDown .6s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.location-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fff 0%,rgba(255,255,255,.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}[data-theme=dark] .location-title{background:linear-gradient(135deg,#f1f5f9 0%,#cbd5e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.current-time{color:var(--text-muted);font-size:1rem;font-weight:500}.controls{position:fixed;top:1.5rem;right:1.5rem;display:flex;gap:.75rem;z-index:100}.control-btn{width:48px;height:48px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.control-btn:hover{transform:scale(1.1) rotate(10deg);box-shadow:var(--shadow-md)}.control-btn:active{transform:scale(.95)}.refresh-btn:hover{animation:spin .6s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.current-weather-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:2rem}.main-temp-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;animation-delay:.1s}.weather-icon{font-size:8rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.temperature{font-size:4rem;font-weight:800;color:var(--text-color)}.temperature .unit{font-size:2rem;font-weight:400;opacity:.7}.weather-description{font-size:1.5rem;color:var(--text-muted);margin-top:.5rem;font-weight:600}.weather-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem;font-weight:500}.detail-icon{width:32px;height:32px;border-radius:10px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.detail-value{font-size:1.8rem;font-weight:700;color:var(--text-color);margin-left:42px;white-space:nowrap}.wind-value{display:flex;flex-direction:column;gap:.25rem}.wind-speed{font-size:1.8rem;font-weight:700}.wind-strength{font-size:.9rem;font-weight:500;color:var(--text-muted);opacity:.8}.forecast-section{margin-top:2rem;animation-delay:.3s}.section-title{font-size:1.8rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem;padding-left:.5rem}.forecast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.forecast-card{cursor:pointer;padding:1.5rem 1rem;text-align:center;animation:fadeInUp .5s ease;animation-fill-mode:backwards}.forecast-card:hover{transform:translateY(-4px) scale(1.02)}.forecast-day{font-size:1.1rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem}.forecast-date{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.forecast-icon{font-size:3rem;margin:1rem 0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forecast-temp{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.temp-max{color:#ef4444}.temp-min{color:#3b82f6}.temp-divider{color:var(--text-muted);margin:0 .25rem}.forecast-rain{font-size:.85rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.modal-content{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:24px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--glass-border);background:var(--glass-bg)}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-color)}.modal-close{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--danger-gradient);color:#fff;transform:rotate(90deg)}.modal-body{padding:1.5rem;overflow-y:auto}.hourly-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.hourly-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1rem;text-align:center;transition:all .2s ease}.hourly-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hourly-time{font-size:1rem;font-weight:700;color:var(--text-color);margin-bottom:.75rem}.hourly-icon{font-size:2.5rem;margin:.75rem 0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hourly-temp{font-size:1.2rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.hourly-detail{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.loading-container,.error-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);animation:bgAnimation 15s ease infinite}.loading-content,.error-content{text-align:center;padding:2rem}.spinner{width:64px;height:64px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loading-text,.error-text{font-size:1.25rem;color:#fff;font-weight:600}.error-icon{font-size:4rem;color:#ef4444;margin-bottom:1rem}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-lg);z-index:1001;opacity:0;transform:translate(400px);transition:all .3s ease}.toast.show{opacity:1;transform:translate(0)}.toast-icon{font-size:1.25rem}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-message{color:var(--text-color);font-weight:500}@media (max-width: 768px){.app-container{padding:1rem .5rem}.location-title{font-size:2rem}.current-weather-grid{grid-template-columns:1fr}.weather-icon{font-size:6rem}.temperature{font-size:3rem}.weather-details{grid-template-columns:repeat(2,1fr);gap:1rem}.forecast-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.controls{top:1rem;right:1rem;gap:.5rem}.control-btn{width:42px;height:42px;font-size:1rem}.hourly-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.toast{bottom:1rem;right:1rem;left:1rem}}@media (max-width: 480px){.location-title{font-size:1.75rem}.current-time{font-size:.875rem}.weather-details{grid-template-columns:1fr}.detail-value{font-size:1.5rem;white-space:nowrap}.forecast-grid{grid-template-columns:repeat(2,1fr)}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */