@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.search-bar-wrapper{position:relative;width:100%;max-width:640px;margin:0 auto var(--space-6)}.search-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-bar__icon{color:var(--text-muted);flex-shrink:0;font-size:1.1rem}.search-bar__input{flex:1;background:transparent;border:none;outline:none;font-size:var(--fs-md);color:var(--text-primary);padding:var(--space-3) var(--space-2);min-width:0}.search-bar__input::placeholder{color:var(--text-muted)}.search-bar__btn{display:flex;align-items:center;gap:var(--space-2);background:var(--accent);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:var(--fw-medium);font-size:var(--fs-sm);white-space:nowrap;transition:transform var(--transition-fast),background var(--transition-base),opacity var(--transition-fast)}.search-bar__btn:hover{background:var(--accent-strong);transform:translateY(-1px)}.search-bar__btn:active{transform:translateY(0)}.search-bar__btn--ghost{background:var(--glass-bg-strong);color:var(--text-primary);border:1px solid var(--glass-border)}.search-bar__btn--ghost:hover{background:var(--card-hover)}.search-history{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;padding:var(--space-2);z-index:20;overflow:hidden}.search-history__label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.search-history__item{width:100%;text-align:left;padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-primary);transition:background var(--transition-fast)}.search-history__item:hover{background:var(--card-hover)}@media (max-width: 640px){.search-bar{flex-wrap:wrap;padding:var(--space-3)}.search-bar__input{order:1;flex-basis:100%;padding:var(--space-2)}.search-bar__btn{order:2;flex:1;justify-content:center}.search-bar__btn-label{display:inline}}.theme-toggle{padding:var(--space-1);border-radius:var(--radius-full);flex-shrink:0}.theme-toggle__track{display:flex;align-items:center;width:52px;height:28px;background:var(--accent-soft);border-radius:var(--radius-full);padding:3px;transition:background var(--transition-base)}.theme-toggle__track--dark{justify-content:flex-end}.theme-toggle__thumb{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;transition:transform var(--transition-base),background var(--transition-base)}.theme-toggle:hover .theme-toggle__thumb{transform:scale(1.08)}.weather-card{width:100%;max-width:640px;margin:0 auto var(--space-5);padding:var(--space-6) var(--space-6) var(--space-7);text-align:center;transition:box-shadow var(--transition-base),transform var(--transition-base)}.weather-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-2px)}.weather-card__location{margin-bottom:var(--space-5)}.weather-card__city{font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:-.01em}.weather-card__country{font-weight:var(--fw-regular);color:var(--text-secondary);font-size:var(--fs-lg)}.weather-card__date{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--space-1)}.weather-card__main{display:flex;align-items:center;justify-content:center;gap:var(--space-5);flex-wrap:wrap}.weather-card__icon{filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.weather-card__temp-block{display:flex;align-items:center;gap:var(--space-4)}.weather-card__temp{font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:1;letter-spacing:-.02em}.weather-card__meta{text-align:left}.weather-card__condition{font-size:var(--fs-lg);font-weight:var(--fw-medium);text-transform:capitalize}.weather-card__feels-like{color:var(--text-secondary);font-size:var(--fs-sm);margin-top:var(--space-1)}@media (max-width: 640px){.weather-card{padding:var(--space-5) var(--space-4) var(--space-6)}.weather-card__temp{font-size:var(--fs-2xl)}.weather-card__main{gap:var(--space-3)}}.weather-details{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);max-width:var(--max-width);margin:0 auto var(--space-6)}.weather-details__card{padding:var(--space-5) var(--space-3);text-align:center;transition:transform var(--transition-fast),background var(--transition-base)}.weather-details__card:hover{transform:translateY(-3px);background:var(--card-hover)}.weather-details__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-size:1.1rem;margin-bottom:var(--space-3)}.weather-details__value{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.weather-details__label{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.04em}@media (max-width: 900px){.weather-details{grid-template-columns:repeat(3,1fr)}}@media (max-width: 560px){.weather-details{grid-template-columns:repeat(2,1fr)}}.forecast{width:100%;max-width:1200px;margin:0 auto var(--space-6)}.forecast__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:var(--space-4);padding-left:var(--space-1);color:var(--text-secondary)}.forecast__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.forecast__card{padding:28px 18px;min-height:180px}.forecast__card:hover{transform:translateY(-4px);background:var(--card-hover)}.forecast__day{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary)}.forecast__icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.16))}.forecast__temps{display:flex;gap:var(--space-2);align-items:baseline}.forecast__max{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.forecast__min{color:var(--text-muted);font-size:var(--fs-sm)}@media (max-width: 480px){.forecast__grid{grid-template-columns:repeat(2,1fr)}.forecast__card:last-child{grid-column:1 / -1;width:100%;max-width:180px;margin:0 auto}}.loader-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-4)}.loader{display:flex;gap:var(--space-2)}.loader span{width:12px;height:12px;border-radius:50%;background:var(--accent);animation:loader-bounce 1.4s ease-in-out infinite both}.loader span:nth-child(1){animation-delay:-.32s}.loader span:nth-child(2){animation-delay:-.16s}@keyframes loader-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.loader__text{color:var(--text-secondary);font-size:var(--fs-sm)}.error-message{display:flex;align-items:center;gap:var(--space-3);max-width:640px;margin:0 auto var(--space-6);padding:var(--space-4) var(--space-5);background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger)}.error-message__icon{flex-shrink:0;font-size:1.25rem}.error-message__text{flex:1;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.error-message__dismiss{flex-shrink:0;color:var(--danger);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:background var(--transition-fast)}.error-message__dismiss:hover{background:#ffffff26}:root{--font-main: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.75rem;--fs-2xl: 2.5rem;--fs-3xl: 3.5rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 999px;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .12);--shadow-strong: 0 16px 48px rgba(0, 0, 0, .24);--glass-blur: blur(16px);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--max-width: 1100px;--header-height: 72px}:root,[data-theme=dark]{--bg-gradient: linear-gradient(160deg, #0b1230 0%, #131b45 45%, #1c2b63 100%);--bg-solid: #0b1230;--text-primary: #f5f7ff;--text-secondary: rgba(245, 247, 255, .7);--text-muted: rgba(245, 247, 255, .5);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .16);--glass-bg-strong: rgba(255, 255, 255, .12);--accent: #6fa8ff;--accent-strong: #4f8cff;--accent-soft: rgba(111, 168, 255, .18);--danger: #ff6b6b;--danger-bg: rgba(255, 107, 107, .12);--success: #63e6be;--card-hover: rgba(255, 255, 255, .14);--divider: rgba(255, 255, 255, .12);--icon-filter: none;--scrollbar-thumb: rgba(255, 255, 255, .2)}[data-theme=light]{--bg-gradient: linear-gradient(160deg, #eaf4ff 0%, #dcecff 45%, #cfe6ff 100%);--bg-solid: #eaf4ff;--text-primary: #16213e;--text-secondary: rgba(22, 33, 62, .72);--text-muted: rgba(22, 33, 62, .5);--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .8);--glass-bg-strong: rgba(255, 255, 255, .75);--accent: #2f7bff;--accent-strong: #1a63e6;--accent-soft: rgba(47, 123, 255, .12);--danger: #e0453f;--danger-bg: rgba(224, 69, 63, .1);--success: #1fa97e;--card-hover: rgba(255, 255, 255, .85);--divider: rgba(22, 33, 62, .1);--icon-filter: none;--scrollbar-thumb: rgba(22, 33, 62, .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);min-height:100vh;transition:background var(--transition-slow),color var(--transition-base);-webkit-font-smoothing:antialiased}#root{min-height:100vh}img{display:block;max-width:100%}button,input{font-family:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.app-container{width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-8)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.app-header__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.01em}.app-header__subtitle{color:var(--text-secondary);font-size:var(--fs-sm);margin-top:var(--space-1)}.app-main{display:flex;flex-direction:column;align-items:center}.app-footer{text-align:center;margin-top:var(--space-7);color:var(--text-muted);font-size:var(--fs-xs)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeSlideUp var(--transition-slow) ease both}@media (max-width:560px){.weather-details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.weather-details__card:last-child{grid-column:1 / span 2;justify-self:center;width:calc(50% - 8px)}}