@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:Fira Code,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark{--webkit-scrollbar-thumb-bg:#64748b;--webkit-scrollbar-thumb-hover-bg:#475569}.dark::-webkit-scrollbar-thumb{background:#64748b}.dark::-webkit-scrollbar-thumb:hover{background:#475569}:root{--bg-primary:#f8f9fb;--bg-secondary:#fff;--bg-tertiary:#f3f5f9;--text-primary:#1a1a1a;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--accent-primary:#6366f1;--accent-secondary:#c7d2fe;--accent-light:#f0f4ff;--border-color:#e5e7eb;--border-light:#f0f1f3;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--accent-primary:#818cf8;--accent-secondary:#4c1d95;--accent-light:#312e81;--border-color:#334155;--border-light:#475569;--success:#34d399;--warning:#fbbf24;--error:#f87171;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-wrapper{background-color:#f8f9fb;background-color:var(--bg-primary);color:#1a1a1a;color:var(--text-primary);min-height:100vh;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.app-container{margin:0 auto;max-width:800px;position:relative}.theme-toggle{align-items:center;background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:48px;z-index:100}.theme-toggle:hover{background-color:#f0f4ff;background-color:var(--accent-light);border-color:#6366f1;border-color:var(--accent-primary);color:#6366f1;color:var(--accent-primary);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.search-section{animation:slideInDown .6s cubic-bezier(.4,0,.2,1);margin-bottom:48px}.header-content{margin-bottom:32px;text-align:center}.app-title{color:#1a1a1a;color:var(--text-primary);font-size:42px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.app-subtitle{color:#6b7280;color:var(--text-secondary);font-size:16px;font-weight:400;line-height:1.6}.search-form{width:100%}.input-wrapper{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.search-input{background-color:#fff;background-color:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;color:#1a1a1a;color:var(--text-primary);flex:1 1;font-family:Poppins,sans-serif;font-size:16px;max-width:400px;min-width:240px;outline:none;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-input::placeholder{color:#9ca3af;color:var(--text-tertiary)}.search-input:hover{border-color:#c7d2fe;border-color:var(--accent-secondary)}.search-input:focus{background-color:#f0f4ff;background-color:var(--accent-light);border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 0 0 4px #f0f4ff;box-shadow:0 0 0 4px var(--accent-light)}.search-input:disabled{cursor:not-allowed;opacity:.6}.search-button{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed);background:linear-gradient(135deg,var(--accent-primary) 0,#7c3aed 100%);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.search-button:active:not(:disabled){transform:translateY(0)}.search-button:disabled{cursor:not-allowed;opacity:.7}.search-button.loading{pointer-events:none}.loader{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.weather-output{animation:fadeIn .5s ease-out .2s backwards}.empty-state,.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 32px;text-align:center}.empty-icon,.error-icon{color:#9ca3af;color:var(--text-tertiary);margin-bottom:24px}.empty-text,.error-message{color:#6b7280;color:var(--text-secondary);font-size:18px;line-height:1.6;max-width:400px}.error-message strong{color:#1a1a1a;color:var(--text-primary);font-weight:600}.success-state{animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}.weather-header{background:linear-gradient(135deg,#6366f1,#7c3aed);background:linear-gradient(135deg,var(--accent-primary) 0,#7c3aed 100%);border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;margin-bottom:32px;padding:32px}.location-info{margin-bottom:16px}.city-name{font-size:36px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.weather-time{font-size:14px;font-weight:500;opacity:.9}.weather-description{font-size:20px;font-weight:500;opacity:.95;text-transform:capitalize}.weather-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.weather-card{align-items:center;animation:scaleIn .5s cubic-bezier(.4,0,.2,1);background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;cursor:default;display:flex;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.weather-card:nth-child(2){animation-delay:.1s}.weather-card:nth-child(3){animation-delay:.2s}.weather-card.primary{background:linear-gradient(135deg,#f0f4ff,#f0f4ff);background:linear-gradient(135deg,var(--accent-light) 0,#f0f4ff 100%);border-color:#c7d2fe;border-color:var(--accent-secondary)}.weather-card:hover{border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-icon{align-items:center;border-radius:12px;color:#6366f1;color:var(--accent-primary);display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.card-icon svg{stroke:currentColor;fill:none;height:100%;width:100%}.weather-card.primary .card-icon{background-color:#6366f11a}.weather-card:not(.primary) .card-icon{background-color:#f0f4ff;background-color:var(--accent-light)}.card-content{flex:1 1}.card-label{color:#6b7280;color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.card-value{color:#1a1a1a;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.2}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.app-wrapper{padding:12px}.theme-toggle{height:44px;right:16px;top:16px;width:44px}.app-title{font-size:32px}.app-subtitle{font-size:14px}.search-input{flex:1 1;min-width:0}.input-wrapper{flex-direction:column}.search-button{width:100%}.weather-header{padding:24px}.city-name{font-size:28px}.weather-description{font-size:18px}.weather-grid{gap:16px;grid-template-columns:1fr}.weather-card{padding:20px}.card-value{font-size:24px}.empty-state,.error-state{padding:40px 24px}}@media (max-width:480px){.app-title{font-size:28px}.weather-header{border-radius:16px;padding:20px}.city-name{font-size:24px}.weather-description{font-size:16px}.card-icon{height:50px;width:50px}.card-value{font-size:22px}.card-label{font-size:12px}.theme-toggle{height:40px;width:40px}}@media print{.theme-toggle{display:none}}
/*# sourceMappingURL=main.ecf702a4.css.map*/