*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-900:#0d2b1a;--green-800:#1a4a2e;--green-700:#256638;--green-600:#2d7a3f;--green-500:#3a9e5f;--green-400:#5ab87a;--green-300:#7ecb9b;--green-100:#d4f0e0;--amber:#f5a623;--amber-dark:#d98a1e;--red:#e05c5c;--red-dark:#c73e3e;--blue:#74b3e8;--bg:#0f1f14;--surface:#162b1e;--surface-light:#1d3a26;--border:#1e3d28;--border-light:#2a4d35;--text:#e8f5ee;--muted:#7aab8a;--radius:12px;--radius-lg:16px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 16px #0000004d;--shadow-lg:0 12px 32px #0006;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.app{max-width:1200px;margin:0 auto;padding:2rem 1rem}.app-header{text-align:center;margin-bottom:2.5rem;animation:.6s ease-out fadeInDown}.logo{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.logo-icon{color:var(--green-500);font-size:2rem}.logo-text{background:linear-gradient(135deg, var(--green-300), var(--green-500));-webkit-text-fill-color:transparent;letter-spacing:-.8px;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.tagline{color:var(--muted);letter-spacing:.3px;font-size:.95rem;font-weight:500}.app-main{animation:.6s ease-out .1s both fadeInUp}.panels{grid-template-columns:2fr 1fr;align-items:start;gap:1.5rem;display:grid}.weather-column{flex-direction:column;gap:1.5rem;display:flex}@media (width<=900px){.panels{grid-template-columns:1fr}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.location-search{margin-bottom:2rem;animation:.6s ease-out .2s both fadeInUp}.coord-form{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.coord-form input{background:var(--surface);border:1px solid var(--border);min-width:200px;color:var(--text);border-radius:var(--radius);transition:var(--transition);flex:1;padding:.8rem 1.1rem;font-size:.95rem}.coord-form input::placeholder{color:var(--muted);opacity:.7}.coord-form input:focus{border-color:var(--green-500);background:var(--surface-light);outline:none;box-shadow:0 0 0 3px #3a9e5f1a}.coord-form button,.auto-btn{background:linear-gradient(135deg, var(--green-700), var(--green-600));color:var(--text);border-radius:var(--radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600}.coord-form button:hover,.auto-btn:hover{background:linear-gradient(135deg, var(--green-600), var(--green-500));box-shadow:var(--shadow-md);transform:translateY(-2px)}.coord-form button:active,.auto-btn:active{transform:translateY(0)}.coord-form button:disabled,.auto-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auto-btn{border:1.5px solid var(--border-light);box-shadow:none;background:0 0;justify-content:center;align-items:center;gap:.5rem;display:flex}.auto-btn:hover{border-color:var(--green-500);background:#3a9e5f1a}.error{color:var(--red);margin-top:.75rem;font-size:.9rem;font-weight:500;animation:.3s ease-out slideInLeft}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:1.5rem}.card-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.card-header h2{letter-spacing:-.3px;font-size:1.1rem;font-weight:700}.weather-panel{background:linear-gradient(135deg, var(--surface), #3a9e5f14);border:1px solid var(--green-700);box-shadow:var(--shadow-md)}.location-tag{color:var(--muted);background:#3a9e5f1a;border-radius:20px;align-items:center;gap:.4rem;margin-left:auto;padding:.35rem .75rem;font-size:.8rem;display:flex}.current-weather{align-items:center;gap:1.5rem;margin-bottom:1.5rem;animation:.5s ease-out slideInLeft;display:flex}.weather-icon-lg{font-size:4.5rem;line-height:1;animation:3s ease-in-out infinite pulse}.temp-block{flex-direction:column;gap:.3rem;display:flex}.temperature{background:linear-gradient(135deg, var(--green-300), var(--green-100));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:3.2rem;font-weight:800}.feels-like{color:var(--muted);font-size:.9rem;font-weight:500;display:block}.weather-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.stat{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:var(--transition);padding:.9rem .75rem}.stat:hover{border-color:var(--green-500);background:#3a9e5f0d;transform:translateY(-2px)}.stat-label{color:var(--muted);letter-spacing:.3px;margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.stat-value{color:var(--green-300);letter-spacing:-.3px;font-size:1.1rem;font-weight:700}.ai-summary{border-radius:var(--radius);border-left:3px solid var(--green-500);background:linear-gradient(135deg,#3a9e5f26,#3a9e5f0d);margin-top:1.25rem;padding:1rem;animation:.5s ease-out .2s both slideInLeft}.ai-badge{color:var(--green-400);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.75rem;font-weight:700;display:inline-flex}.ai-summary p{color:var(--text);font-size:.9rem;line-height:1.6}.forecast-strip{animation:.5s ease-out .3s both slideInLeft}.forecast-strip h3{letter-spacing:-.2px;margin-bottom:1rem;font-size:1rem;font-weight:700}.forecast-days{scroll-behavior:smooth;gap:.75rem;padding-bottom:.5rem;display:flex;overflow:auto hidden}.forecast-days::-webkit-scrollbar{height:4px}.forecast-days::-webkit-scrollbar-track{background:var(--bg);border-radius:10px}.forecast-days::-webkit-scrollbar-thumb{background:var(--green-700);border-radius:10px}.forecast-days::-webkit-scrollbar-thumb:hover{background:var(--green-500)}.forecast-day{background:linear-gradient(135deg, var(--surface), #3a9e5f0d);border:1px solid var(--border);border-radius:var(--radius);min-width:88px;transition:var(--transition);cursor:pointer;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.4rem;padding:.85rem .95rem;display:flex}.forecast-day:hover{border-color:var(--green-500);background:linear-gradient(135deg, var(--surface-light), #3a9e5f26);transform:translateY(-4px);box-shadow:0 8px 24px #3a9e5f33}.day-label{color:var(--muted);letter-spacing:.2px;font-size:.75rem;font-weight:600}.weather-icon-md{font-size:1.8rem;line-height:1}.day-precip{color:var(--blue);background:#74b3e81a;border-radius:10px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.day-range{color:var(--text);font-size:.8rem;font-weight:700}.tree-panel{background:linear-gradient(135deg, var(--surface), #3a9e5f14);border:1px solid var(--green-700);box-shadow:var(--shadow-md);animation:.5s ease-out .4s both slideInLeft}.badge-pro{background:linear-gradient(135deg, var(--green-800), var(--green-700));color:var(--green-300);letter-spacing:.5px;box-shadow:var(--shadow-sm);border-radius:20px;padding:.35rem .75rem;font-size:.7rem;font-weight:700}.panel-description{color:var(--muted);margin-bottom:1.25rem;font-size:.9rem;line-height:1.6}.upload-area{border:2px dashed var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);background:var(--bg);margin-bottom:1rem}.upload-area:hover{border-color:var(--green-500);background:#3a9e5f0d}.upload-area.dragging{border-color:var(--green-400);background:#3a9e5f1a;box-shadow:inset 0 0 20px #3a9e5f1a}.upload-area.has-preview{border-style:solid;border-color:var(--green-700);cursor:default;background:0 0}.upload-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2.5rem 1.5rem;display:flex}.upload-icon{color:var(--green-500);font-size:2.5rem}.upload-label{color:var(--text);letter-spacing:-.2px;font-size:.95rem;font-weight:600}.upload-sub{color:var(--muted);font-size:.85rem}.upload-hint{color:var(--border-light);margin-top:.25rem;font-size:.75rem}.preview-wrapper{position:relative}.image-preview{border-radius:calc(var(--radius-lg) - 2px);object-fit:cover;width:100%;max-height:240px;animation:.4s ease-out fadeInUp;display:block}.clear-btn{color:#fff;cursor:pointer;width:32px;height:32px;transition:var(--transition);background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:.75rem;right:.75rem}.clear-btn:hover{background:var(--red);transform:scale(1.1)}.analyze-btn{background:linear-gradient(135deg, var(--green-700), var(--green-600));width:100%;color:var(--text);border-radius:var(--radius);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);letter-spacing:-.2px;border:none;justify-content:center;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.95rem 1.5rem;font-size:.95rem;font-weight:700;display:flex}.analyze-btn:hover{background:linear-gradient(135deg, var(--green-600), var(--green-500));box-shadow:var(--shadow-md);transform:translateY(-2px)}.analyze-btn:active{transform:translateY(0)}.analyze-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tree-results{margin-top:1rem;animation:.5s ease-out fadeInUp}.tree-stats{grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:1.5rem;display:grid}.tree-stat{background:linear-gradient(135deg, var(--bg), #3a9e5f14);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:var(--transition);padding:1rem}.tree-stat:hover{border-color:var(--green-500);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.tree-stat-value{background:linear-gradient(135deg, var(--green-300), var(--green-100));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.3rem;font-size:1.8rem;font-weight:800;display:block}.tree-stat-label{color:var(--muted);letter-spacing:.3px;text-transform:uppercase;font-size:.8rem;font-weight:600}.health-breakdown{margin-bottom:1.5rem}.health-breakdown h4{color:var(--text);letter-spacing:-.2px;margin-bottom:.85rem;font-size:.9rem;font-weight:700}.health-bars{flex-direction:column;gap:.6rem;display:flex}.health-item{border-radius:var(--radius);transition:var(--transition);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:flex}.health-item.healthy{color:var(--green-300);background:#3a9e5f26;border:1px solid #3a9e5f4d}.health-item.healthy:hover{background:#3a9e5f40}.health-item.needs-care{color:var(--amber);background:#f5a62326;border:1px solid #f5a6234d}.health-item.needs-care:hover{background:#f5a62340}.health-item.needs-replacement{color:var(--red);background:#e05c5c26;border:1px solid #e05c5c4d}.health-item.needs-replacement:hover{background:#e05c5c40}.recommendations{margin-bottom:1.5rem}.recommendations h4{color:var(--text);letter-spacing:-.2px;margin-bottom:.85rem;font-size:.9rem;font-weight:700}.recommendations ul{flex-direction:column;gap:.6rem;list-style:none;display:flex}.recommendations li{background:var(--bg);border-radius:var(--radius);border-left:3px solid var(--green-500);transition:var(--transition);padding:.85rem 1rem;font-size:.9rem;line-height:1.6}.recommendations li:hover{border-left-color:var(--green-300);background:#3a9e5f0d;transform:translate(4px)}.overlay-image{margin-top:1.5rem;animation:.6s ease-out fadeInUp}.overlay-image h4{color:var(--text);letter-spacing:-.2px;margin-bottom:.85rem;font-size:.9rem;font-weight:700}.overlay-image img{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md)}.insight-banner{border:1.5px solid var(--green-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0d2b1acc,#162b1e99);margin-bottom:1.5rem;padding:1.5rem;animation:.5s ease-out slideInLeft}.insight-header{color:var(--green-300);letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.85rem;font-weight:800;display:flex}.insight-icon{font-size:1.2rem;animation:2s ease-in-out infinite pulse}.insights-list{flex-direction:column;gap:.85rem;list-style:none;display:flex}.insights-list li{color:var(--text);border-left:3px solid var(--green-500);transition:var(--transition);background:#3a9e5f1a;border-radius:6px;padding:.85rem 1rem;font-size:.95rem;line-height:1.7;animation:.5s ease-out fadeInUp}.insights-list li:nth-child(2){animation-delay:.1s}.insights-list li:nth-child(3){animation-delay:.2s}.insights-list li:hover{border-left-color:var(--green-300);background:#3a9e5f26;transform:translate(4px)}.loading-skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-light) 50%, var(--surface) 75%);background-size:200% 100%;animation:2s infinite shimmer}@media (width<=900px){.app{padding:1.5rem 1rem}.app-header{margin-bottom:2rem}.logo-text{font-size:1.6rem}.temperature{font-size:2.5rem}.weather-stats{grid-template-columns:repeat(2,1fr)}.tree-stats{grid-template-columns:repeat(3,1fr)}.forecast-day{min-width:80px;padding:.75rem .85rem}}@media (width<=600px){.app{padding:1rem .75rem}.app-header{margin-bottom:1.5rem}.logo-text{font-size:1.4rem}.tagline{font-size:.85rem}.coord-form{flex-direction:column}.coord-form input,.coord-form button{width:100%}.auto-btn{justify-content:center;width:100%}.card{border-radius:var(--radius);padding:1.25rem}.current-weather{gap:1rem}.weather-icon-lg{font-size:3.5rem}.temperature{font-size:2rem}.weather-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat{padding:.75rem .5rem}.stat-label{font-size:.7rem}.stat-value{font-size:.95rem}.location-tag{margin-top:.5rem;margin-left:0}.card-header{flex-wrap:wrap}.tree-stats{grid-template-columns:1fr}.tree-stat-value{font-size:1.6rem}.forecast-day{min-width:75px;padding:.65rem .75rem}.insight-banner{padding:1.25rem}.insights-list li{font-size:.9rem}}