:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#1b5e20;background-color:#f1f8e9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}} button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}:root{--primary: #2d5a3d;--primary-light: #4a7c59;--secondary: #7cb342;--accent: #aed581;--bg: #f1f8e9;--card-bg: #ffffff;--text: #1b5e20;--text-light: #558b2f;--shadow: rgba(45, 90, 61, .1);--shadow-hover: rgba(45, 90, 61, .2)}.app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--bg) 0%,#c5e1a5 100%);min-height:100vh;display:flex;flex-direction:column;padding:20px;width:100%}.container{max-width:800px;margin:0 auto;width:100%;flex:1}header{text-align:center;margin-bottom:40px;color:var(--primary)}header h1{font-size:2.5rem;margin-bottom:10px}header h1 i{color:var(--secondary)}.subtitle{color:var(--text-light);font-size:1.1rem}.search-box{display:flex;gap:10px;margin-bottom:30px}.search-box input{flex:1;padding:15px 20px;border:2px solid var(--primary-light);border-radius:12px;font-size:1rem;outline:none;transition:border-color .3s}.search-box input:focus{border-color:var(--secondary)}.search-box button{padding:15px 30px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;cursor:pointer;transition:transform .3s,box-shadow .3s;font-weight:600}.search-box button:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-hover)}.weather-display{background:var(--card-bg);border-radius:20px;padding:30px;box-shadow:0 10px 30px var(--shadow);margin-bottom:20px}.weather-main{text-align:center;margin-bottom:30px}.weather-icon{font-size:5rem;margin-bottom:15px}.weather-temp{font-size:3.5rem;font-weight:700;color:var(--primary);margin-bottom:10px}.weather-description{font-size:1.3rem;color:var(--text-light);text-transform:capitalize;margin-bottom:10px}.city-name{font-size:1.5rem;color:var(--primary);font-weight:600}.weather-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:20px;border-top:2px solid var(--bg)}.detail-item{text-align:center;display:flex;flex-direction:column;gap:8px}.detail-item i{font-size:2rem;color:var(--secondary)}.detail-item span{font-size:.9rem;color:var(--text-light)}.detail-item strong{font-size:1.2rem;color:var(--primary)}.plant-tip{background:linear-gradient(135deg,var(--secondary) 0%,var(--accent) 100%);border-radius:20px;padding:25px;margin-top:50px;box-shadow:0 10px 30px var(--shadow);display:flex;gap:20px;align-items:center;color:#fff}.tip-icon{font-size:3rem;opacity:.9}.tip-content h3{font-size:1.3rem;margin-bottom:8px}.tip-content p{font-size:1rem;line-height:1.5}.error-message{background:#ffebee;color:#c62828;padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;box-shadow:0 5px 15px #c628281a}.error-message i{font-size:1.5rem}.loading{text-align:center;padding:40px;color:var(--primary)}.loading i{font-size:3rem;margin-bottom:15px}.loading p{font-size:1.1rem}footer{text-align:center;margin-top:auto;padding-top:40px;color:var(--text-light)}footer .fa-heart{color:#e91e63}.api-credit{margin-top:10px;font-size:.9rem}.api-credit a{color:var(--primary);text-decoration:none}@media(max-width:768px){.app{padding:15px}header h1{font-size:2rem}.subtitle{font-size:.95rem}.search-box{flex-direction:column}.search-box button{width:100%}.weather-temp{font-size:3rem}.weather-details{grid-template-columns:1fr;gap:15px}.plant-tip{flex-direction:column;text-align:center}.container{max-width:100%}}@media(max-width:480px){.app{padding:10px}header h1{font-size:1.75rem}.weather-icon{font-size:4rem}.weather-display,.plant-tip{padding:20px}.plant-tip{flex-direction:column;text-align:center}.weather-temp{font-size:2.5rem}}.forecast-container{background:var(--card-bg);border-radius:20px;padding:40px;box-shadow:0 8px 20px var(--shadow);margin-top:50px;animation:slideUp .5s ease}.forecast-container h3{color:var(--primary);margin-bottom:25px;text-align:center;font-size:1.5rem}.forecast-container h3 i{margin-right:10px;color:var(--secondary)}.forecast-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.forecast-card{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;border-radius:15px;padding:20px;text-align:center;transition:transform .3s,box-shadow .3s}.forecast-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px var(--shadow-hover)}.forecast-date{font-weight:700;margin-bottom:15px;font-size:.9rem}.forecast-icon{font-size:2.5rem;margin:15px 0;color:var(--accent)}.forecast-temp{font-size:1.5rem;font-weight:700;margin:10px 0}.forecast-desc{font-size:.85rem;margin-bottom:15px;opacity:.9;text-transform:capitalize}.forecast-details{display:flex;justify-content:space-around;font-size:.85rem;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.forecast-details span{display:flex;align-items:center;gap:5px}.forecast-details i{font-size:.9rem;color:var(--accent)}@media(max-width:1024px){.forecast-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.forecast-container{padding:25px 20px}.forecast-grid{display:flex;overflow-x:auto;gap:15px;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.forecast-grid::-webkit-scrollbar{height:8px}.forecast-grid::-webkit-scrollbar-track{background:var(--bg);border-radius:10px}.forecast-grid::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:10px}.forecast-grid::-webkit-scrollbar-thumb:hover{background:var(--primary)}.forecast-card{min-width:180px;flex-shrink:0;scroll-snap-align:center}}@media(max-width:480px){.forecast-container{padding:20px 15px}.forecast-container h3{font-size:1.2rem;margin-bottom:20px}.forecast-grid{gap:12px}.forecast-card{min-width:150px;padding:15px 12px}.forecast-icon{font-size:2rem;margin:10px 0}.forecast-temp{font-size:1.3rem}.forecast-desc{font-size:.8rem}.forecast-details{font-size:.75rem;gap:8px}}