*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}.search-bar{position:relative;margin-bottom:24px}.search-bar__header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#fff}.search-bar__logo{font-size:2rem}.search-bar__title{font-size:1.4rem;font-weight:700;letter-spacing:-.5px}@media(max-width:480px){.search-bar__title{font-size:1.2rem}}.search-bar__input-wrapper{display:flex;align-items:center;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:4px 6px 4px 16px;box-shadow:0 8px 32px #0000001a;transition:border-color .3s ease}.search-bar__input-wrapper:focus-within{border-color:#ffffff80}.search-bar__icon{color:#fffc;font-size:1.2rem;flex-shrink:0}.search-bar__input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:1rem;padding:10px 12px}.search-bar__input::placeholder{color:#fff9}@media(max-width:480px){.search-bar__input{font-size:.9rem;padding:8px 10px}}.search-bar__location-btn{background:#fff3;border:none;color:#fff;font-size:1.2rem;padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.search-bar__location-btn:hover{background:#ffffff59}.search-bar__results{position:absolute;top:100%;left:0;right:0;z-index:100;list-style:none;background:#1e1e3cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;margin-top:4px;overflow:hidden;box-shadow:0 12px 40px #00000059}.search-bar__result-item{display:flex;align-items:center;gap:10px;padding:14px 18px;color:#fff;cursor:pointer;transition:background .3s ease;font-size:.95rem}.search-bar__result-item:hover{background:#ffffff1a}.search-bar__result-item--loading,.search-bar__result-item--empty{cursor:default;color:#fff9;justify-content:center}.search-bar__result-icon{color:#fffc;font-size:1.1rem;flex-shrink:0}.current-weather{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000001a;color:#fff}@media(max-width:768px){.current-weather{padding:24px 20px}}@media(max-width:480px){.current-weather{padding:20px 16px}}.current-weather__main{text-align:center;margin-bottom:28px}.current-weather__location{font-size:1.3rem;font-weight:600;margin-bottom:8px;color:#fffc}@media(max-width:480px){.current-weather__location{font-size:1.1rem}}.current-weather__icon-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:4px}.current-weather__icon{font-size:5rem}@media(max-width:768px){.current-weather__icon{font-size:3.5rem}}@media(max-width:480px){.current-weather__icon{font-size:3rem}}.current-weather__temp{font-size:4rem;font-weight:300;letter-spacing:-2px}@media(max-width:768px){.current-weather__temp{font-size:3rem}}@media(max-width:480px){.current-weather__temp{font-size:2.6rem}}.current-weather__description{font-size:1.2rem;font-weight:500;margin-bottom:2px}@media(max-width:480px){.current-weather__description{font-size:1rem}}.current-weather__feels-like{font-size:.95rem;color:#fff9}.current-weather__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}@media(max-width:768px){.current-weather__details{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.current-weather__details{grid-template-columns:repeat(2,1fr);gap:8px}}.detail-card{display:flex;align-items:center;gap:10px;background:#ffffff14;padding:12px 14px;border-radius:12px;transition:background .3s ease}.detail-card:hover{background:#ffffff24}@media(max-width:480px){.detail-card{padding:10px 12px}}.detail-card__icon{font-size:1.6rem;color:#fffc;flex-shrink:0}.detail-card__info{display:flex;flex-direction:column}.detail-card__label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.detail-card__value{font-size:.95rem;font-weight:600}.hourly-forecast{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a}@media(max-width:480px){.hourly-forecast{padding:16px 12px}}.hourly-forecast__wrapper{position:relative}.hourly-forecast__scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.hourly-forecast__scroll::-webkit-scrollbar{display:none}.hourly-forecast__scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.2rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.hourly-forecast__scroll-btn:hover{background:#0009}.hourly-forecast__scroll-btn--left{left:-8px}.hourly-forecast__scroll-btn--right{right:-8px}@media(max-width:768px){.hourly-forecast__scroll-btn{display:none}}.hourly-chart{position:relative;padding-top:18px}.hourly-chart__icons{display:flex}.hourly-chart__icon-cell{flex:0 0 36px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;height:22px}.hourly-chart__svg{display:block}.hourly-chart__times{display:flex}.hourly-chart__time-cell{flex:0 0 36px;text-align:center;font-size:.55rem;color:#fff9;padding:3px 0 0}.hourly-chart__divider{position:absolute;top:0;bottom:0;z-index:1;pointer-events:none}.hourly-chart__divider--day{width:2px;background:#fff3}.hourly-chart__divider--noon{width:1px;background:#ffffff14}.hourly-chart__divider-label{position:absolute;top:0;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;z-index:2}.hourly-chart__divider-label--day{color:#90caf9;background:#1a237ee6;padding:1px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.15)}.hourly-chart__divider-label--noon{color:#ffffff59;background:#2f3577d9;padding:1px 6px;border-radius:6px}.daily-forecast{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a}@media(max-width:480px){.daily-forecast{padding:16px 12px}}.daily-forecast__grid{display:grid;grid-template-columns:minmax(40px,auto) minmax(44px,auto) minmax(60px,auto) minmax(70px,auto) 32px 1fr 32px minmax(40px,1fr) 32px;row-gap:2px;column-gap:10px;align-items:center}@media(max-width:768px){.daily-forecast__grid{grid-template-columns:minmax(40px,auto) minmax(44px,auto) minmax(55px,auto) minmax(65px,auto) 28px 1fr 28px minmax(30px,1fr) 28px;column-gap:8px}}@media(max-width:480px){.daily-forecast__grid{grid-template-columns:minmax(36px,auto) minmax(50px,auto) minmax(60px,auto) 28px 28px 28px;column-gap:6px}}.daily-forecast__row{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:center;padding:10px 8px;border-radius:12px;transition:background .3s ease;color:#fff}.daily-forecast__row:hover{background:#ffffff0f}.daily-forecast__day{font-size:.9rem;font-weight:500;white-space:nowrap}@media(max-width:480px){.daily-forecast__day{font-size:.82rem}}.daily-forecast__date{font-size:.82rem;color:#fff9;white-space:nowrap}@media(max-width:480px){.daily-forecast__date{display:none}}.daily-forecast__precip,.daily-forecast__wind{display:flex;align-items:center;gap:2px;font-size:.78rem;color:#fff9;white-space:nowrap}.daily-forecast__precip svg,.daily-forecast__wind svg{font-size:1.1rem;flex-shrink:0}.daily-forecast__icon{display:flex;align-items:center;justify-content:center}.daily-forecast__icon svg{font-size:1.6rem}@media(max-width:480px){.daily-forecast__icon svg{font-size:1.4rem}}.daily-forecast__desc{font-size:.8rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.daily-forecast__desc{display:none}}.daily-forecast__hi{font-size:.95rem;font-weight:600;text-align:right}.daily-forecast__lo{font-size:.95rem;color:#fff9}.daily-forecast__bar{height:4px;background:#ffffff26;border-radius:2px;position:relative}@media(max-width:480px){.daily-forecast__bar{display:none}}.daily-forecast__bar-fill{position:absolute;top:0;bottom:0;border-radius:2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}input{-webkit-user-select:text;user-select:text}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;line-height:1.5}.app{min-height:100vh;transition:background .3s ease;padding:24px 16px;background:linear-gradient(135deg,#0c1445,#1a237e 40%,#283593)}.app__container{max-width:900px;margin:0 auto}.app__loading,.app__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#fff;font-size:1.1rem}.app__loading-icon{font-size:4rem;animation:spin 2s linear infinite}.app__error{background:#f4433633;border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app__content{display:flex;flex-direction:column;gap:20px}@media(max-width:768px){.app{padding:16px 12px}}@media(max-width:480px){.app{padding:12px 8px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-title{color:#fff;font-size:1.15rem;font-weight:600;margin-bottom:12px}.weather-test{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:32px 24px;color:#fff}@media(max-width:480px){.weather-test{padding:20px 12px}}.weather-test__header{max-width:1000px;margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.weather-test__header h1{font-size:1.6rem;font-weight:700}@media(max-width:480px){.weather-test__header h1{font-size:1.2rem}}.weather-test__back{color:#90caf9;text-decoration:none;font-size:.95rem;padding:8px 16px;border-radius:50px;background:#ffffff1a;transition:background .3s ease}.weather-test__back:hover{background:#fff3}.weather-test__grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}@media(max-width:480px){.weather-test__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}}.weather-test__card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:background .3s ease,transform .2s ease}.weather-test__card:hover{background:#ffffff38;transform:translateY(-2px)}@media(max-width:480px){.weather-test__card{padding:14px 10px;gap:8px}}.weather-test__code{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:#fff9;background:#ffffff14;padding:3px 10px;border-radius:20px}.weather-test__icon{font-size:2.8rem}@media(max-width:480px){.weather-test__icon{font-size:2.2rem}}.weather-test__desc{font-size:.85rem;font-weight:500;color:#fffc}@media(max-width:480px){.weather-test__desc{font-size:.78rem}}.weather-test__temp-section{max-width:1000px;margin:32px auto 0}.weather-test__temp-section h2{font-size:1.2rem;font-weight:600;margin-bottom:16px}.weather-test__temp-bar-wrap{display:flex;align-items:center;gap:12px}.weather-test__temp-label{font-size:.85rem;color:#fff9;min-width:36px;text-align:center}.weather-test__temp-bar{flex:1;height:12px;background:#ffffff14;border-radius:6px;overflow:hidden}.weather-test__temp-bar-fill{width:100%;height:100%;border-radius:6px}