*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root{margin:0;padding:0}.weather-app{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;min-height:100vh;margin:0;padding:0;transition:background 1s;position:relative;overflow:hidden auto}.weather-container{color:#fff;max-width:1400px;height:100%;margin:0 auto;padding:15px 20px;overflow-x:hidden}.header{justify-content:space-between;align-items:center;margin-bottom:15px;padding:5px 0;display:flex}.menu-icon,.location-icon{cursor:pointer;font-size:24px;transition:transform .3s}.menu-icon:hover,.location-icon:hover{transform:scale(1.1)}.home-text{font-size:18px;font-weight:500}.footer{text-align:center;color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:20px;padding:15px;font-size:.9rem}.footer .brand{color:#fff;font-weight:600}.search-section{margin-bottom:20px}.search-box{max-width:500px;margin:0 auto;position:relative}.search-box input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#fff3;border:none;border-radius:25px;outline:none;width:100%;padding:15px 50px 15px 20px;font-size:16px;transition:all .3s}.search-box input::placeholder{color:#ffffffb3}.search-box input:focus{background:#ffffff4d;box-shadow:0 8px 32px #0000001a}.search-btn{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;transition:all .3s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-btn:hover{background:#ffffff80;transform:translateY(-50%)scale(1.1)}.main-weather{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px;display:flex}.current-temp h1{margin-bottom:5px;font-size:90px;font-weight:300;line-height:1}.location p{opacity:.9;font-size:16px}.weather-icon-large img{filter:drop-shadow(0 0 20px #ffffff4d);width:150px;height:150px}.weather-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-bottom:80px;padding-bottom:10px;display:grid}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:#ffffff26;border:1px solid #fff3;border-radius:20px;max-width:100%;padding:20px;transition:all .3s;overflow:hidden;box-shadow:0 8px 32px #0000001a}.glass-card:hover{background:#fff3;transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.card-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.card-header h3{opacity:.9;font-size:16px;font-weight:500}.see-more{color:#fff;opacity:.7;font-size:14px;text-decoration:none;transition:opacity .3s}.see-more:hover{opacity:1}.forecast-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:15px;width:100%;display:grid}.forecast-item{text-align:center;min-width:0;overflow:hidden}.forecast-label{opacity:.7;margin-bottom:3px;font-size:12px}.forecast-item h2{margin:3px 0;font-size:28px;font-weight:300}.forecast-time{opacity:.8;font-size:13px}.week-forecast{box-sizing:border-box;-webkit-overflow-scrolling:touch;justify-content:space-between;gap:10px;width:100%;display:flex;overflow-x:auto}.week-forecast::-webkit-scrollbar{height:4px}.week-forecast::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.week-forecast::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.day-item{text-align:center;flex:1 0;min-width:50px}.day-item p{opacity:.8;margin-bottom:5px;font-size:12px}.day-item img{width:40px;height:40px;margin:5px 0}.day-temp{font-weight:500}.your-day-card h3{margin-bottom:15px;font-size:16px;font-weight:500}.day-stats{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:15px;width:100%;display:grid}.stat-item{align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.stat-icon{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:28px;display:flex}.stat-info{flex:1;min-width:0;overflow:hidden}.stat-value{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:16px;font-weight:500;overflow:hidden}.stat-label{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.chart-placeholder{margin-top:10px;position:relative}.weather-chart{width:100%;height:120px}.chart-labels{opacity:.7;text-align:center;grid-template-columns:repeat(7,1fr);margin-top:8px;font-size:11px;display:grid}.temp-range{font-size:16px;font-weight:500;position:absolute;top:10px;right:10px}.welcome-screen{justify-content:center;align-items:center;min-height:60vh;display:flex}.welcome-content{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:30px;padding:40px}.welcome-icon{margin-bottom:20px;font-size:100px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.welcome-content h2{margin-bottom:10px;font-size:32px;font-weight:500}.welcome-content p{opacity:.8;font-size:16px}.loader{flex-direction:column;justify-content:center;align-items:center;height:60vh;animation:.4s fadeIn;display:flex}.spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin-bottom:15px;animation:1s linear infinite spin}.loader p{opacity:.8;font-size:16px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=1025px) and (height<=900px){.weather-container{padding:10px 20px}.header{margin-bottom:10px}.search-section,.main-weather{margin-bottom:15px}.current-temp h1{font-size:70px}.weather-icon-large img{width:120px;height:120px}.glass-card{padding:15px}.weather-cards{gap:12px;margin-bottom:70px}.card-header{margin-bottom:12px}.forecast-item h2{font-size:24px}.weather-chart{height:100px}}@media (width<=1024px){.weather-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.main-weather{text-align:center;flex-direction:column}.current-temp h1{font-size:90px}.weather-icon-large img{width:150px;height:150px}}@media (width<=768px){.weather-container{padding:10px}.main-weather{margin-bottom:20px;padding:0}.current-temp h1{font-size:70px}.weather-icon-large img{width:120px;height:120px}.weather-cards{grid-template-columns:1fr;gap:12px;margin-bottom:80px}.glass-card{width:100%;margin:0;padding:15px}.forecast-grid{grid-template-columns:repeat(2,1fr);gap:12px}.forecast-item h2{font-size:24px}.week-forecast{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:5px;overflow-x:auto}.week-forecast::-webkit-scrollbar{display:none}.day-item{flex-shrink:0;min-width:45px}.day-item img{width:35px;height:35px}.day-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{gap:10px}.stat-icon{width:40px;height:40px;font-size:24px}.stat-value{font-size:15px}.bottom-nav{padding:10px 0}.nav-item{padding:8px 12px}.nav-icon{font-size:20px}.search-box{max-width:100%}.search-box input{padding:20px 45px 20px 15px;font-size:15px}.card-header h3{font-size:15px}.see-more{font-size:13px}.weather-chart{height:100px}.chart-labels{font-size:10px}}@media (width<=480px){.weather-container{padding:8px}.current-temp h1{font-size:60px}.forecast-item h2{font-size:22px}.stat-icon{width:38px;height:38px;font-size:22px}.stat-value{font-size:14px}.stat-label{font-size:10px}.header{margin-bottom:15px}.welcome-icon{font-size:80px}.welcome-content h2{font-size:24px}.glass-card{padding:12px}.forecast-grid{gap:10px}.day-item{min-width:40px}.day-item img{width:30px;height:30px}.search-box input{padding:20px 40px 20px 12px;font-size:14px}.search-btn{width:35px;height:35px;font-size:16px}}@media (width<=768px) and (orientation:landscape){.main-weather{flex-direction:row;justify-content:space-around}.current-temp h1{font-size:50px}.weather-icon-large img{width:100px;height:100px}}@media (width>=1440px){.weather-container{max-width:1600px;padding:20px 30px}.weather-cards{grid-template-columns:repeat(3,1fr)}.stats-card{grid-column:span 2}.current-temp h1{font-size:100px}.weather-icon-large img{width:170px;height:170px}}@media print{.header,.search-section,.bottom-nav{display:none}.weather-app{color:#000!important;background:#fff!important}.glass-card{break-inside:avoid;border:1px solid #ccc}}