*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--transition: .3s ease;--color-text-primary: #1a1a2e;--color-text-secondary: #444466;--color-text-inverse: #ffffff;--color-surface: rgba(255, 255, 255, .82);--color-surface-hover: rgba(255, 255, 255, .95);--color-border: rgba(0, 0, 0, .08);--color-error: #c62828;--color-error-bg: #ffebee;--weather-bg-from: #74b9ff;--weather-bg-to: #0984e3;--weather-accent: #0984e3}.theme-sunny{--weather-bg-from: #f6d365;--weather-bg-to: #f97316;--weather-accent: #ea580c}.theme-cloudy{--weather-bg-from: #94a3b8;--weather-bg-to: #475569;--weather-accent: #334155}.theme-rainy{--weather-bg-from: #60a5fa;--weather-bg-to: #1e3a5f;--weather-accent: #93c5fd}.theme-stormy{--weather-bg-from: #374151;--weather-bg-to: #111827;--weather-accent: #a78bfa}.theme-snow{--weather-bg-from: #e0f2fe;--weather-bg-to: #7dd3fc;--weather-accent: #0284c7}.theme-windy{--weather-bg-from: #a7f3d0;--weather-bg-to: #059669;--weather-accent: #065f46}.theme-default{--weather-bg-from: #74b9ff;--weather-bg-to: #0984e3;--weather-accent: #0984e3}body{font-family:var(--font-sans);background:var(--weather-bg-to);color:var(--color-text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.search-bar__wrapper{position:relative;width:100%}.search-bar{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0000001f}.search-bar--selected{justify-content:space-between;cursor:default}.search-bar__icon{font-size:1rem;opacity:.5;flex-shrink:0}.search-bar__input{flex:1;border:none;background:transparent;font-size:1rem;color:var(--color-text-primary);outline:none;font-family:var(--font-sans)}.search-bar__input::placeholder{color:var(--color-text-secondary);opacity:.7}.search-bar__location-name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.search-bar__clear{background:none;border:none;cursor:pointer;font-size:.85rem;color:var(--color-text-secondary);padding:2px 6px;border-radius:50%;line-height:1;transition:background var(--transition),color var(--transition);flex-shrink:0}.search-bar__clear:hover{background:#00000014;color:var(--color-text-primary)}.search-bar__spinner{display:block;width:16px;height:16px;border:2px solid rgba(0,0,0,.15);border-top-color:var(--weather-accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-surface-hover);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0000002e;list-style:none;overflow:hidden;z-index:100}.search-dropdown__item button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;cursor:pointer;text-align:left;gap:var(--space-sm);transition:background var(--transition)}.search-dropdown__item button:hover{background:#0000000f}.search-dropdown__item+.search-dropdown__item{border-top:1px solid var(--color-border)}.search-dropdown__name{font-size:.95rem;font-weight:500;color:var(--color-text-primary)}.search-dropdown__state{font-size:.8rem;color:var(--color-text-secondary);background:#0000000f;padding:2px 8px;border-radius:20px;flex-shrink:0}.search-no-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-surface-hover);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0000002e;padding:var(--space-md);text-align:center;color:var(--color-text-secondary);font-size:.9rem;z-index:100}.weather-detail{background:#ffffff2e;border-radius:var(--radius-md);padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;border:1px solid rgba(255,255,255,.2);transition:background var(--transition)}.weather-detail:hover{background:#ffffff40}.weather-detail__icon{font-size:1.4rem;line-height:1}.weather-detail__label{font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#ffffffbf}.weather-detail__value{font-size:1.05rem;font-weight:700;color:var(--color-text-inverse)}.weather-detail__sub{font-size:.78rem;color:#ffffffa6}.current-weather{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #00000026;overflow:hidden;transition:box-shadow var(--transition)}.current-weather--refreshing{box-shadow:0 8px 32px #00000026,0 0 0 2px #ffffff80;animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:0 8px 32px #00000026,0 0 0 2px #ffffff4d}50%{box-shadow:0 8px 32px #00000026,0 0 0 2px #ffffffb3}}.current-weather__header{padding:var(--space-xl) var(--space-lg) var(--space-lg);text-align:center;color:var(--color-text-inverse)}.current-weather__icon{font-size:4.5rem;line-height:1;margin-bottom:var(--space-sm);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.current-weather__temp{font-size:5rem;font-weight:800;line-height:1;letter-spacing:-.04em;margin-bottom:var(--space-xs)}.current-weather__condition{font-size:1.15rem;font-weight:500;opacity:.9;margin-bottom:var(--space-xs)}.current-weather__location{font-size:1.3rem;font-weight:700;margin-bottom:2px}.current-weather__station{font-size:.78rem;opacity:.65}.current-weather__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff1a;border-top:1px solid rgba(255,255,255,.15)}.current-weather__grid>*{border-radius:0;border:none}@media (max-width: 400px){.current-weather__temp{font-size:4rem}.current-weather__grid{grid-template-columns:repeat(2,1fr)}}.forecast-day{display:grid;grid-template-columns:80px 2rem 1fr auto auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:background var(--transition)}.forecast-day:hover{background:#ffffff14}.forecast-day--today{background:#ffffff1f}.forecast-day+.forecast-day{border-top:1px solid rgba(255,255,255,.1)}.forecast-day__label{font-size:.9rem;font-weight:600;color:var(--color-text-inverse);white-space:nowrap}.forecast-day__icon{font-size:1.3rem;line-height:1;text-align:center}.forecast-day__description{font-size:.82rem;color:#ffffffbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forecast-day__temps{display:flex;gap:var(--space-sm);align-items:center;white-space:nowrap}.forecast-day__max{font-size:1rem;font-weight:700;color:var(--color-text-inverse)}.forecast-day__min{font-size:.9rem;font-weight:500;color:#ffffff8c}.forecast-day__meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.forecast-day__rain{font-size:.78rem;color:#ffffffbf;white-space:nowrap}.forecast-day__rain-amount{opacity:.7}.forecast-day__uv{font-size:.7rem;font-weight:600;padding:1px 6px;border-radius:20px;white-space:nowrap;background:#fff3;color:var(--color-text-inverse)}.forecast-day__uv--extreme,.forecast-day__uv--veryhigh{background:#dc2626b3}.forecast-day__uv--high{background:#ea580cb3}.forecast-day__uv--moderate{background:#eab308b3}.forecast-day__uv--low{background:#22c55e80}@media (max-width: 480px){.forecast-day{grid-template-columns:60px 1.8rem 1fr auto}.forecast-day__meta{display:none}}.daily-forecast{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #00000026;overflow:hidden}.daily-forecast__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6;padding:var(--space-md) var(--space-md) var(--space-xs)}.last-updated{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;font-size:.78rem;color:#fff9;text-align:center}.last-updated__dot{opacity:.4}.error-banner{display:flex;align-items:center;gap:var(--space-sm);background:#dc262626;border:1px solid rgba(220,38,38,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--color-text-inverse)}.error-banner__icon{font-size:1rem;flex-shrink:0}.error-banner__message{flex:1;font-size:.88rem}.error-banner__dismiss{background:none;border:none;cursor:pointer;font-size:.8rem;color:#ffffffb3;padding:2px 6px;border-radius:50%;flex-shrink:0;transition:background var(--transition)}.error-banner__dismiss:hover{background:#ffffff26}.app{min-height:100vh;background:linear-gradient(160deg,var(--weather-bg-from) 0%,var(--weather-bg-to) 100%);transition:background var(--transition);padding:var(--space-lg) var(--space-md) var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.app>*{width:100%;max-width:640px}.app-header{text-align:center;color:var(--color-text-inverse);padding:var(--space-md) 0 0}.app-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;opacity:.92}.loading-spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:var(--space-xl) auto}@keyframes spin{to{transform:rotate(360deg)}}.app-empty{text-align:center;color:#ffffffb3;padding:var(--space-xl) var(--space-md)}.app-empty__icon{font-size:3rem;margin-bottom:var(--space-md)}.app-empty p{font-size:1rem;font-weight:500}@media (max-width: 480px){.app{padding:var(--space-md) var(--space-sm) var(--space-xl);gap:var(--space-md)}}