:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--bg-card: #141414;--bg-card-hover: #1a1a1a;--border: rgba(255, 255, 255, .08);--text: #fafafa;--text-muted: rgba(255, 255, 255, .55);--text-secondary: rgba(255, 255, 255, .7);--accent: #60a5fa;--accent-hover: #3b82f6;--orange: #f97316;--green: #22c55e;--red: #ef4444}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background:#0a0a0ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.header-inner{max-width:1000px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.logo-icon{margin-right:.25rem}.unit-toggle{background:#ffffff14;border:1px solid var(--border);color:var(--text);padding:.4rem .85rem;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.unit-toggle:hover{background:#ffffff24}.search-container{max-width:1000px;margin:0 auto;padding:1.25rem 1.5rem 0;width:100%}.search-bar{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:.5rem .75rem;gap:.5rem;transition:border-color .2s}.search-bar:focus-within{border-color:var(--accent)}.search-icon{font-size:.9rem;opacity:.5}.search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:.95rem}.search-bar input::placeholder{color:var(--text-muted)}.search-btn{background:var(--accent);color:#000;border:none;padding:.45rem 1.1rem;border-radius:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.search-btn:hover{background:var(--accent-hover)}.main{flex:1;max-width:1000px;margin:0 auto;padding:0 1.5rem 2rem;width:100%}.loading{text-align:center;padding:4rem 1rem;color:var(--text-muted)}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 1rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;padding:2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.75rem;margin-top:1.5rem}.error span{font-size:2rem;display:block;margin-bottom:.5rem}.error p{color:var(--text-secondary);margin-bottom:1rem}.error button{background:var(--red);color:#fff;border:none;padding:.4rem 1rem;border-radius:.5rem;font-size:.85rem;cursor:pointer}.current-weather{display:flex;gap:2rem;align-items:center;background:linear-gradient(135deg,#60a5fa14,#60a5fa05);border:1px solid var(--border);border-radius:1rem;padding:2rem;margin-top:1.5rem}.current-main{display:flex;flex-direction:column;align-items:center;min-width:140px}.current-icon{font-size:5rem;line-height:1;margin-bottom:.5rem}.current-temp{display:flex;align-items:flex-start}.temp-value{font-size:3.5rem;font-weight:700;letter-spacing:-.04em;line-height:1}.temp-unit{font-size:1.5rem;font-weight:500;color:var(--text-muted);margin-top:.3rem}.current-details{flex:1}.location-name{font-size:1.5rem;font-weight:700;margin-bottom:.15rem}.location-country{color:var(--text-muted);font-size:.9rem;margin-bottom:.35rem}.weather-desc{color:var(--accent);font-size:1rem;font-weight:500;margin-bottom:1.25rem}.current-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat{display:flex;align-items:center;gap:.5rem;background:#ffffff0a;padding:.5rem .75rem;border-radius:.5rem}.stat-icon{font-size:1.1rem}.stat-label{font-size:.75rem;color:var(--text-muted)}.stat-value{font-size:.9rem;font-weight:600;margin-left:auto}.section{margin-top:1.75rem}.section-title{font-size:1.05rem;font-weight:600;margin-bottom:1rem;color:var(--text-secondary)}.hourly-scroll{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.75rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.hourly-scroll::-webkit-scrollbar{height:6px}.hourly-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.hourly-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:64px;padding:.75rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;transition:border-color .2s}.hourly-item:hover{border-color:#ffffff26}.hourly-time{font-size:.7rem;color:var(--text-muted);font-weight:500}.hourly-icon{font-size:1.5rem}.hourly-temp{font-size:.95rem;font-weight:700}.hourly-precip{font-size:.65rem;color:var(--accent)}.daily-list{display:flex;flex-direction:column;gap:.35rem}.daily-item{display:grid;grid-template-columns:80px 2rem 1fr 180px 50px;align-items:center;gap:.75rem;padding:.8rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.6rem;transition:border-color .2s}.daily-item:hover{border-color:#ffffff26}.daily-day{font-weight:600;font-size:.9rem}.daily-icon{font-size:1.3rem;text-align:center}.daily-desc{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-temp-range{display:flex;align-items:center;gap:.5rem}.daily-low{font-size:.85rem;color:var(--text-muted);min-width:28px;text-align:right}.daily-high{font-size:.85rem;font-weight:600;min-width:28px}.temp-bar{flex:1;height:4px;background:#ffffff14;border-radius:2px;position:relative;overflow:hidden}.temp-bar-fill{position:absolute;top:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--orange));border-radius:2px}.daily-precip{font-size:.75rem;color:var(--accent);text-align:right}.footer{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.75rem;border-top:1px solid var(--border)}@media(max-width:700px){.current-weather{flex-direction:column;text-align:center;padding:1.5rem}.current-stats{grid-template-columns:1fr 1fr}.daily-item{grid-template-columns:60px 1.8rem 1fr 120px 40px;gap:.5rem;padding:.6rem .75rem}.daily-desc{display:none}}@media(max-width:480px){.header-inner{padding:.6rem 1rem}.search-container{padding:1rem 1rem 0}.main{padding:0 1rem 1.5rem}.current-stats{grid-template-columns:1fr}.daily-item{grid-template-columns:55px 1.5rem 1fr 40px}.daily-temp-range{display:none}}