body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bg-sunrise{background:linear-gradient(to bottom right,#ccdaef,#fffa5d)}.bg-day{background:linear-gradient(to bottom right,#3e5e7e,#1c2f49)}.bg-sunset{background:linear-gradient(to bottom right,#30507e,#f85f9f)}.bg-night{background:linear-gradient(to bottom right,#491c35f0,#0d151f)}.app{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100vw}.container{display:flex;flex-direction:column;gap:20px;max-width:1200px;width:100%}.card{background:#32323233;border:1px solid #32323280;border-radius:16px;box-shadow:0 4px 30px #0000001a;box-sizing:border-box;padding:2.5rem;width:100%}.card,.loading{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.loading{background:#ffffff1a;border-radius:16px;font-size:1.2rem;padding:40px}.error,.loading{color:#fff;text-align:center}.error{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f003;border:1px solid #ff000080;border-radius:16px;padding:20px}@media (max-width:768px){.app{align-items:stretch;padding:10px}.container{gap:15px}.card{padding:1.5rem}}@media (max-width:480px){.card{padding:1rem}}form{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#3232324d;border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 4px 30px #0000001a;display:flex;margin:0;max-width:550px;padding:12px 20px;transition:all .3s ease;width:100%}form:focus-within{background:#32323266;border-color:#ffffff4d;box-shadow:0 8px 40px #0003}.search-input{background:#0000;border:none;color:#fff;font-size:1.1rem;font-weight:500;margin-left:50px;outline:none;padding:8px 12px;width:100%}.search-input::placeholder{color:#fff9}.search-icon{color:#fffc;cursor:default;font-size:1.2rem;margin-right:8px}@media (max-width:768px){form{max-width:90%;padding:10px 16px}.search-input{font-size:1rem}}.current-weather{display:flex;gap:30px;margin:0}.left-card,.right-card{display:flex;flex:1 1;flex-direction:column;min-height:300px}.location-section{margin-bottom:30px}.city-name{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 8px}.region-country{color:#fffc;font-size:1.3rem;margin:0 0 12px}.current-date{color:#ffffffb3;font-size:1rem;margin:0}.weather-main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.temperature-display{align-items:flex-start;display:flex;margin-bottom:25px}.temp-value{color:#fff;font-size:5rem;font-weight:700;line-height:1}.temp-unit{color:#fffc;font-size:2.5rem;margin-top:10px}.condition-display{align-items:center;display:flex;flex-direction:column;gap:15px}.weather-icon{height:100px;width:100px}.condition-text{color:#fff;font-size:1.4rem}.details-title{color:#fff;font-size:1.8rem;margin:0 0 25px;text-align:center}.weather-details{display:flex;flex-direction:column;gap:20px}.detail-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#fffc;font-size:1.1rem}.detail-value{color:#fff;font-size:1.3rem;font-weight:700}@media (max-width:968px){.current-weather{gap:20px}.city-name{font-size:2rem}.temp-value{font-size:4rem}}@media (max-width:768px){.current-weather{flex-direction:column;gap:20px}.left-card,.right-card{min-height:auto}.city-name{font-size:1.8rem}.temp-value{font-size:3.5rem}.weather-icon{height:80px;width:80px}}.snow-indicator{background:#ffffffe6;border-radius:12px;color:#2c5aa0;display:inline-block;font-size:.8em;padding:4px 8px}.snow-badge,.snow-indicator{font-weight:600;margin-top:5px}.snow-badge{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:10px;color:#1565c0;font-size:.7em;padding:2px 8px}@media (max-width:480px){.current-weather{gap:15px}.city-name{font-size:1.5rem}.temp-value{font-size:3rem}.temp-unit{font-size:2rem}.detail-label{font-size:1rem}.detail-value{font-size:1.1rem}}.hourly-forecast{margin:0}.hourly-forecast h3{color:#fff;font-size:1.8rem;margin:0 0 25px;text-align:center}.hourly-container{overflow-x:auto;padding:10px 5px}.hourly-list{display:flex;gap:20px;min-width:-webkit-min-content;min-width:min-content;padding:10px 0}.hourly-item{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;min-width:120px;padding:20px 15px;transition:all .3s ease}.hourly-item:hover{background:#ffffff1f;box-shadow:0 8px 25px #0003;transform:translateY(-5px)}.hour-time{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:12px}.hour-icon{height:60px;margin:10px 0;width:60px}.hour-temp{color:#fff;font-size:1.4rem;font-weight:700;margin:10px 0}.hour-details{color:#fffc;display:flex;flex-direction:column;font-size:.9rem;gap:6px;text-align:center;width:100%}.hourly-container::-webkit-scrollbar{height:8px}.hourly-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.hourly-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.hourly-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.hourly-item{min-width:100px;padding:15px 10px}.hour-icon{height:50px;width:50px}.hour-temp{font-size:1.2rem}}@media (max-width:480px){.hourly-item{min-width:90px;padding:12px 8px}.hour-time{font-size:1rem}.hour-icon{height:45px;width:45px}}.weekly-forecast{margin:0}.weekly-forecast h3{color:#fff;font-size:1.8rem;margin:0 0 25px;text-align:center}.weekly-list{display:flex;flex-direction:column;gap:15px}.day-item{grid-gap:25px;align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;display:grid;gap:25px;grid-template-columns:1fr 1.5fr 1.5fr 1fr;padding:20px;transition:all .3s ease}.day-item:hover{background:#ffffff1f;transform:translateX(5px)}.day-header{display:flex;flex-direction:column;gap:8px}.day-name{color:#fff;font-size:1.2rem;font-weight:700}.day-date{color:#ffffffb3;font-size:1rem}.day-condition{align-items:center;display:flex;gap:15px}.day-icon{height:50px;width:50px}.condition-text{color:#ffffffe6;font-size:1rem;font-weight:500}.day-temps{align-items:center;display:flex;gap:20px;justify-content:center}.max-temp{color:#fff;font-weight:700;text-align:right}.max-temp,.min-temp{font-size:1.3rem;min-width:40px}.min-temp{color:#ffffffb3;text-align:left}.temp-bar{background:#fff3;border-radius:3px;height:6px;margin:0 10px;position:relative;width:80px}.temp-fill{background:linear-gradient(90deg,#ff8a00,#ff2070);border-radius:3px;height:100%;min-width:10%}.day-details{display:flex;gap:20px;justify-content:flex-end}.detail{align-items:center;color:#fffc;display:flex;font-size:1rem;gap:8px;white-space:nowrap}@media (max-width:968px){.day-item{gap:20px;grid-template-columns:1fr 1fr 1fr}.day-details{border-top:1px solid #ffffff1a;grid-column:1/-1;justify-content:space-around;margin-top:15px;padding-top:15px}}@media (max-width:768px){.day-item{gap:15px;grid-template-columns:1fr 1fr}.day-temps{border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:10px}.day-details,.day-temps{grid-column:1/-1;padding-top:15px}.day-details{margin-top:0}}@media (max-width:480px){.day-item{gap:15px;grid-template-columns:1fr;text-align:center}.day-condition{justify-content:center}.day-temps{border-top:none;margin-top:0}.day-details,.day-temps{grid-column:auto;justify-content:center;padding-top:0}.temp-bar{width:60px}}
/*# sourceMappingURL=main.78cf21e9.css.map*/