@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Syne:wght@400;600;700;800&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#080b14;color:#e8edf5;font-family:monospace;min-height:100vh}:root{--bg:#080b14;--surface:#ffffff0a;--surface-hover:#ffffff12;--border:#ffffff14;--accent:#7eeaff;--accent-dim:#7eeaff26;--text:#e8edf5;--text-muted:#e8edf573;--error:#ff6b6b;--radius:16px}.app{display:flex;flex-direction:column;font-family:DM Mono,monospace;gap:28px;margin:0 auto;max-width:640px;min-height:100vh;padding:48px 24px 80px}.header{text-align:left}.logo{color:#e8edf5;color:var(--text);font-family:Syne,sans-serif;font-size:2.4rem;font-weight:800;letter-spacing:-.03em}.tagline{color:#e8edf573;color:var(--text-muted);font-size:.75rem;letter-spacing:.12em;margin-top:4px;text-transform:uppercase}.search-form,.search-row{display:flex;gap:8px}.search-form{flex:1 1}.search-input{background:#ffffff0a;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);color:#e8edf5;color:var(--text);flex:1 1;font-family:DM Mono,monospace;font-size:.95rem;outline:none;padding:14px 18px;transition:border-color .2s}.search-input::placeholder{color:#e8edf573;color:var(--text-muted)}.search-input:focus{border-color:#7eeaff;border-color:var(--accent)}.search-input:disabled{opacity:.5}.btn-search{background:#7eeaff;background:var(--accent);border:none;border-radius:16px;border-radius:var(--radius);color:#080b14;cursor:pointer;font-family:DM Mono,monospace;font-size:.85rem;font-weight:500;padding:14px 20px;transition:background .2s;white-space:nowrap}.btn-search:hover:not(:disabled){background:#a8f0ff}.btn-search:disabled{cursor:not-allowed;opacity:.4}.btn-location{background:#ffffff0a;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);color:#7eeaff;color:var(--accent);cursor:pointer;font-size:1.1rem;padding:14px 16px;transition:all .2s}.btn-location:hover:not(:disabled){background:#7eeaff26;background:var(--accent-dim);border-color:#7eeaff;border-color:var(--accent)}.btn-location:disabled{cursor:not-allowed;opacity:.4}.weather-card{animation:fadeUp .4s ease;background:#ffffff0a;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:24px;padding:32px}.card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.city-name{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.country{color:#e8edf573;color:var(--text-muted);display:block;font-size:.75rem;letter-spacing:.1em;margin-top:4px;text-transform:uppercase}.weather-icon{height:56px;width:56px}.temp-display{align-items:flex-start;display:flex;line-height:1;margin-bottom:6px}.temp-number{font-family:Syne,sans-serif;font-size:5rem;font-weight:800;letter-spacing:-.04em}.temp-unit{font-family:Syne,sans-serif;font-size:2rem;font-weight:600;margin-top:12px}.description,.temp-unit{color:#e8edf573;color:var(--text-muted)}.description{font-size:.9rem;margin-bottom:28px;text-transform:capitalize}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.stat{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.stat-label{color:#e8edf573;color:var(--text-muted);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.stat-value{font-size:.95rem;font-weight:500}.forecast-title{color:#e8edf573;color:var(--text-muted);font-size:.7rem;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.forecast-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.forecast-day{align-items:center;background:#ffffff0a;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:12px 8px;transition:background .2s}.forecast-day:hover{background:#ffffff12;background:var(--surface-hover)}.forecast-weekday{font-family:Syne,sans-serif;font-size:.75rem;font-weight:600}.forecast-date{color:#e8edf573;color:var(--text-muted);font-size:.6rem}.forecast-icon{height:36px;width:36px}.forecast-temp{font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.forecast-desc{color:#e8edf573;color:var(--text-muted);font-size:.55rem;line-height:1.3;text-align:center;text-transform:capitalize}.results{display:flex;flex-direction:column;gap:16px}.loading{display:flex;justify-content:center;padding:40px}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff14;border-top-color:#7eeaff;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}.error-box{animation:fadeUp .3s ease;background:#ff6b6b14;border:1px solid #ff6b6b40;border-radius:16px;border-radius:var(--radius);color:#ff6b6b;color:var(--error);font-size:.85rem;padding:14px 18px}.empty-state{color:#e8edf573;color:var(--text-muted);display:flex;font-size:.85rem;justify-content:center;padding:60px 20px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.temp-number{font-size:3.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.forecast-row{grid-template-columns:repeat(3,1fr)}.forecast-row>:nth-child(n+4){display:none}}
/*# sourceMappingURL=main.1b2d7f5e.css.map*/