.app{max-width:860px;margin:0 auto;padding:20px;background:var(--surface);border-radius:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:8px}.segmented{display:inline-flex;border:2px solid var(--primary);border-radius:8px;overflow:hidden}.segmented-btn{padding:6px 12px;border:none;background:transparent;color:var(--primary);font-weight:700;cursor:pointer;transition:background .2s,color .2s}.segmented-btn:hover{background:var(--primary-soft)}.segmented-btn.active{background:var(--primary);color:var(--card)}.icon-btn{width:38px;height:38px;border:2px solid var(--primary);border-radius:8px;background:transparent;cursor:pointer;font-size:1.1rem;line-height:1}.icon-btn:hover{background:var(--primary-soft)}h1{text-align:center;margin:8px 0 24px;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;letter-spacing:.3px;background:linear-gradient(135deg,var(--primary),#00b4db);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.search-form{display:flex;gap:10px;max-width:640px;margin:0 auto 16px}.search-field{position:relative;flex:1;min-width:0}.search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font-size:1rem;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input::-webkit-search-cancel-button{display:none}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.clear-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--text-muted);font-size:1.3rem;line-height:1;cursor:pointer}.clear-btn:hover{background:var(--primary-soft);color:var(--text)}.search-button,.location-button{border:none;border-radius:10px;background:var(--primary);color:#fff;cursor:pointer;transition:background .2s,transform .2s,opacity .2s}:root[data-theme=dark] .search-button,:root[data-theme=dark] .location-button{color:#06202e}.search-button{padding:12px 26px;font-size:1rem;font-weight:500}.location-button{padding:0 14px;font-size:1.2rem}.search-button:hover:not(:disabled),.location-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.search-button:disabled,.location-button:disabled{opacity:.6;cursor:progress}.suggestions-container{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1000;max-height:300px;overflow-y:auto;list-style:none;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.suggestion-item{display:flex;flex-direction:column;padding:10px 16px;cursor:pointer}.suggestion-item:hover,.suggestion-item.selected{background:var(--primary-soft)}.suggestion-name{font-weight:500}.suggestion-region{font-size:.85rem;color:var(--text-muted)}.suggestions-loading{position:absolute;top:calc(100% + 6px);left:0;right:0;padding:10px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-style:italic;z-index:1000}.loading-bar{height:3px;margin:0 auto 16px;max-width:640px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);background-size:200% 100%;animation:loading 1.1s linear infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.search-history-container{margin-bottom:20px;text-align:center}.search-history-header{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-bottom:8px}.search-history-title{font-size:.95rem;font-weight:500;color:var(--text-muted)}.link-btn{border:none;background:none;color:var(--primary);font-size:.85rem;text-decoration:underline;cursor:pointer}.search-history{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none}.history-item{padding:6px 14px;background:var(--primary-soft);border:1px solid var(--primary);border-radius:20px;color:var(--primary);cursor:pointer;font-size:.9rem;transition:background .2s,color .2s}.history-item:hover{background:var(--primary);color:var(--card)}.error,.error-boundary{margin:0 auto 20px;max-width:640px;padding:12px 16px;text-align:center;color:var(--danger);background:var(--danger-bg);border-radius:10px}.error-boundary{margin-top:2rem;padding:2rem}.error-boundary .search-button{margin-top:1rem}.welcome-content{max-width:620px;margin:2rem auto;text-align:center}.welcome-title{margin-bottom:.75rem;font-size:1.5rem}.welcome-description{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.slide-in{animation:slide-in .35s ease-out both}@keyframes slide-in{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.skeleton{background:linear-gradient(90deg,var(--card) 0%,var(--card-alt) 50%,var(--card) 100%);background-size:200% 100%;animation:loading 1.4s linear infinite}.skeleton-current{margin-top:0;height:620px}.skeleton-hourly{height:358px}.skeleton-daily{height:408px}.results{transition:opacity .2s}.results.is-fetching{opacity:.55;pointer-events:none}.card{margin-top:20px;padding:20px;background:var(--card);border-radius:var(--radius);box-shadow:0 4px 12px #0000000f}.card h3{margin-bottom:14px;font-size:1.1rem}.weather-info{margin-top:0;text-align:center}.weather-info h2{font-size:clamp(1.3rem,4vw,1.8rem)}.last-updated{margin-bottom:12px;font-size:.85rem;color:var(--text-muted)}.weather-main{display:flex;align-items:center;justify-content:center;gap:16px}.temperature{font-size:clamp(2.6rem,9vw,3.6rem);font-weight:700;color:var(--primary)}.description{margin-bottom:20px;font-size:1.2rem;color:var(--text-muted);text-transform:capitalize}.weather-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;list-style:none;text-align:left}.detail{display:flex;flex-direction:column;padding:12px 14px;background:var(--card-alt);border-radius:10px}.detail-label{font-size:.8rem;color:var(--text-muted)}.detail-value{font-size:1.05rem;font-weight:500}.air-quality{margin-top:20px;text-align:left}.air-quality-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.air-quality-header h3{margin:0}.aqi-badge{padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:700;color:#1b1b1b}.aqi-good{background:#8fd694}.aqi-moderate{background:#f7e26b}.aqi-sensitive{background:#f9b45c}.aqi-unhealthy{background:#f2837a}.aqi-very-unhealthy{background:#c28ad6}.aqi-hazardous{background:#b5576b;color:#fff}.forecast-histogram{display:flex;align-items:flex-end;gap:8px;padding:8px 4px 12px;overflow-x:auto;list-style:none;scrollbar-width:thin;scrollbar-color:var(--primary) var(--card-alt);-webkit-overflow-scrolling:touch}.hour-item{flex:0 0 62px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.histogram-bar{width:100%;min-height:40px;background:linear-gradient(180deg,var(--primary),var(--primary-soft));border-radius:6px 6px 0 0;transition:transform .2s}.hour-item:hover .histogram-bar{transform:scaleY(1.04);transform-origin:bottom}.temp-label{font-weight:700;font-size:.95rem}.rain-label{font-size:.75rem;color:var(--text-muted)}.time-label{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.forecast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none}.forecast-item{padding:16px 12px;text-align:center;background:var(--card-alt);border-radius:12px}.forecast-day{font-weight:700;text-transform:capitalize}.forecast-date{margin-bottom:4px;font-size:.85rem;color:var(--text-muted)}.forecast-condition{min-height:2.8em;font-size:.85rem;color:var(--text-muted)}.forecast-range{margin:6px 0 10px;font-size:1.15rem;font-weight:700}.forecast-range .max{color:var(--primary)}.forecast-range .sep,.forecast-range .min{color:var(--text-muted)}.forecast-details{display:grid;gap:4px;text-align:left;font-size:.85rem}.forecast-details div{display:flex;justify-content:space-between;gap:8px}.forecast-details dt{color:var(--text-muted)}.forecast-details dd{font-weight:500}@media (max-width: 640px){.skeleton-current{height:980px}.skeleton-hourly{height:358px}.skeleton-daily{height:416px}.weather-details{grid-template-columns:repeat(2,minmax(0,1fr))}.app{padding:14px;border-radius:14px}.search-form{flex-wrap:wrap}.search-field{flex:1 1 100%}.search-button{flex:1}.forecast-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.forecast-item{flex:0 0 78%;scroll-snap-align:center}}.page-intro{max-width:620px;margin:0 auto 1.25rem;text-align:center;color:var(--text-muted)}.page-intro a,.city-links a{color:var(--primary)}.seo-section{margin-top:2rem}.seo-section h2{font-size:1.2rem;margin-bottom:.75rem}.city-links{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 16px}.city-links a{display:inline-block;padding:4px 0;text-decoration:none}.city-links a:hover{text-decoration:underline}.faq details{border-bottom:1px solid var(--border);padding:10px 0}.faq summary{cursor:pointer;font-weight:500}.faq details p{margin-top:6px;color:var(--text-muted);line-height:1.6}.app .google-auto-placed{margin:20px 0;clear:both}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}.site-footer{max-width:860px;margin:1.5rem auto 0;text-align:center;color:#ffffffe6;font-size:.9rem}.site-footer a{color:#fff}.footer-links{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:8px}.legal{line-height:1.65}.legal article{max-width:680px;margin:0 auto}.legal h1{margin:.5rem 0 .25rem}.legal h2{font-size:1.2rem;margin:1.75rem 0 .5rem}.legal p,.legal ul{margin-bottom:.75rem}.legal ul{padding-left:1.25rem}.legal a,.breadcrumb a{color:var(--primary)}.breadcrumb,.legal-updated{color:var(--text-muted);font-size:.9rem}.legal-back{max-width:680px;margin:2rem auto 0}:root{font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--bg-from: #00b4db;--bg-to: #0083b0;--surface: rgba(255, 255, 255, .92);--card: #ffffff;--card-alt: #f3f7fa;--text: #1f2d3a;--text-muted: #5b6b79;--primary: #0083b0;--primary-hover: #006c91;--primary-soft: rgba(0, 131, 176, .1);--border: #dbe4ea;--danger-bg: #ffebee;--danger: #c62828;--shadow: 0 8px 32px rgba(0, 0, 0, .12);--radius: 14px}:root[data-theme=dark]{color-scheme:dark;--bg-from: #0b1b2b;--bg-to: #12344d;--surface: rgba(18, 28, 40, .92);--card: #1a2736;--card-alt: #213245;--text: #e8eef4;--text-muted: #9fb0c0;--primary: #4cc3e8;--primary-hover: #7fd5f0;--primary-soft: rgba(76, 195, 232, .14);--border: #2c3e50;--danger-bg: #3b1d22;--danger: #ff8a80;--shadow: 0 8px 32px rgba(0, 0, 0, .45)}*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg-to)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,var(--bg-from),var(--bg-to))}#root{width:100%;padding:1.5rem 1rem 3rem}button{font:inherit}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}