body{color:#f8fafc;background-color:#0f172a;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;margin-bottom:20px;font-family:Roboto,sans-serif;display:flex}#root{color:#f8fafc;background-color:#0f172a;flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.alert-box{color:#fff;z-index:1000;background-color:#ef4444;border-radius:10px;align-items:center;gap:10px;padding:14px 20px;font-size:.95rem;font-weight:500;transition:top .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;top:-80px;right:20px;box-shadow:0 10px 20px #0000004d}.alert-box.show{top:20px}.alert-icon{font-size:1.2rem}.app-header{background-color:#1e293b;border-bottom:1px solid #334155;width:100%;height:100px;margin-bottom:30px;padding:18px 40px}.header-content{justify-content:left;align-items:center;gap:15px;max-width:1100px;margin:0 auto;display:flex;overflow:hidden}.logo-title{color:#fff;letter-spacing:-.5px;font-size:1.5rem;font-weight:600}.header-icon-container{align-items:center;display:flex}.weather-icon{width:auto;max-height:32px;display:none}.app-container{flex-direction:column;gap:25px;width:100%;max-width:1100px;padding:0 20px;display:flex}.inputCard{background-color:#1e293b;border-radius:15px;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;display:flex;box-shadow:0 10px 25px -5px #0000004d}.inputCard h2{color:#f1f5f9;font-size:1.4rem;font-weight:500}.search-box{gap:10px;width:100%;max-width:480px;display:flex}#input{color:#fff;background-color:#0f172a;border:1px solid #475569;border-radius:8px;outline:none;flex:1;height:44px;padding:0 16px;font-size:.95rem;transition:border-color .3s,box-shadow .3s}#input:focus{border-color:#38bdf8}.input.invalid{box-shadow:0 0 0 2px #ef444433;border-color:#ef4444!important}.input-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;height:44px;padding:0 20px;font-size:.95rem;font-weight:500;transition:background-color .2s}.input-btn:hover{background-color:#1d4ed8}.main-content{grid-template-columns:1fr 300px;gap:24px;display:grid}.result-card{background-color:#1e293b;border-radius:16px;flex-direction:column;justify-content:space-around;min-height:240px;padding:28px;display:flex;overflow:hidden}.location-info{flex-wrap:wrap;justify-content:space-between;height:100%;margin-bottom:26px;display:flex}.analytics{text-align:left;flex-direction:column;gap:20px;width:45%;display:flex}.analyticsValue{border-bottom:2px solid gray;padding-bottom:5px}.city{color:#38bdf8;word-wrap:break-word;flex-wrap:wrap;font-size:1.5rem;font-weight:700}.country{color:#94a3b8;margin-top:4px;font-size:1rem;font-weight:400}.weather-details{border-top:1px solid #334155;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;padding-top:20px;display:grid}.detail-item{flex-direction:column;gap:7px;display:flex}.detail-item span{color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;font-size:.8rem}.detail-item strong{color:#f8fafc;font-size:1.2rem}.lastFiveCity{background-color:#1e293b;border:1px solid #334155;border-radius:16px;flex-direction:column;gap:5px;padding:20px 20px 5px;display:flex}.lastFiveCity h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid #334155;margin-bottom:12px;padding-bottom:10px;font-size:.95rem}.ul{flex-direction:column;gap:8px;max-height:200px;list-style:none;display:flex;overflow-y:auto}.ul li{color:#cbd5e1;background-color:#0f172a;border:1px solid #1e293b;border-radius:6px;padding:10px 14px;font-size:.9rem}.loadingDiv{z-index:999;background-color:#0f172acc;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.loadingDiv.show{display:flex}.errorCard{color:#fecaca;text-align:center;background-color:#7f1d1d;border:1px solid #991b1b;border-radius:8px;width:100%;margin-top:16px;padding:12px 16px;display:none}.errorCard.show{animation:.5s ease-in-out fadeIn;display:block}.cookie-Card{box-sizing:border-box;z-index:9999;opacity:1;background-color:#1e293b;border:2px solid #fff;width:calc(100% - 40px);max-width:420px;padding:15px;transition:transform .4s,opacity .4s;animation:.5s ease-out forwards slideUp;position:fixed;bottom:20px;right:20px;transform:translateY(0)}.cookie-card.hide{opacity:0;transform:translateY(120px)}.cookie-header{color:#f5f5f5}.headerCard{border-bottom:2px solid #f5f5f5;padding-bottom:15px}.cookie-buttons-card{justify-content:center;gap:70px;display:flex}.buttons{cursor:pointer;border:none;min-width:150px;min-height:30px}#cookie-ok:hover{color:#fff;background-color:#64748b;border:2px solid #fff}#cookie-non-ok:hover{border:2px solid #fff}.cookie-Desc{color:#f5f5f5}.cookie-desc-card{margin-top:15px;margin-bottom:70px}.cookie-overlay{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.sevenDaysWeather{box-sizing:border-box;background-color:#1e293b;border-radius:16px;min-width:100%;min-height:300px;padding:20px}.weatherHeader{border-bottom:2px solid #fff;width:100%;padding-bottom:15px;font-size:30px}.sevenDayHeader{justify-content:left;display:flex}.weathers{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;background-color:#1e293b;gap:20px;margin-top:10px;padding:15px;display:flex;overflow-y:auto}.weathers::-webkit-scrollbar{height:8px}.weathers::-webkit-scrollbar-track{background-color:#0f172a;border-radius:10px}.weathers::-webkit-scrollbar-thumb{background:#475569;border-radius:10px}.weatherCards{scroll-snap-align:start;background-color:#0f172a;border-radius:16px;flex-direction:column;flex-shrink:0;min-width:200px;min-height:350px;padding:16px 12px;display:flex}.days{text-align:center;flex-direction:column;justify-content:center;font-size:16px;display:flex}.day{border-bottom:2px solid #fff;padding-top:5px;padding-bottom:10px}.weatherCard{flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;display:flex}.weatherIcon{width:80px;margin-top:40px}.stateWeahter{color:#fff}.tempValues{gap:20px;display:flex}.weatherStateIcon{width:80px}.analytics{font-size:13px}.localClock{background-color:#000;justify-content:space-around;align-items:center;min-height:35px;margin:-28px -28px 28px;animation:.5s ease-in-out forwards fade;display:flex}@keyframes fade{0%{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.main-content{grid-template-columns:1fr}.app-header{padding:16px 20px}}@media screen and (width<=460px){.analytics{flex:240px}.weatherStateIcon{padding-top:10px;padding-bottom:10px}.localText{font-size:13px}}@media screen and (width<=432px){.buttons{min-width:100px}}@media screen and (width<=768px){.analytics{flex:240px}.weatherStateIcon{padding-top:10px;padding-bottom:10px}.sevenDaysWeather{padding:15px 10px}.weatherHeader{font-size:1.2rem}}@media screen and (width<=500px){.sevenDaysWeather{padding:20px}.weatherHeader{font-size:1rem}}