:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--amber-400: #fbbf24;--amber-500: #f59e0b;--red-400: #f87171;--red-500: #ef4444;--emerald-glow: rgba(34, 197, 94, .15)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#060f08;color:#e8f5e9}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(34,197,94,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(22,163,74,.08) 0%,transparent 50%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}.app{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}.header{text-align:center;margin-bottom:2.5rem}.header-icon{font-size:3rem;margin-bottom:.5rem;display:block;filter:drop-shadow(0 0 20px rgba(34,197,94,.4))}.header h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#4ade80,#22c55e,#a7f3d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.header p{color:#ffffff80;font-size:.95rem}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--green-400);margin-bottom:.75rem;font-weight:600}.symptom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-bottom:1.5rem}.symptom-chip{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffbf;font-size:.85rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.symptom-chip:hover{border-color:#22c55e4d;background:#22c55e0f}.symptom-chip.selected{border-color:var(--green-500);background:#22c55e1f;color:var(--green-200);box-shadow:0 0 12px #22c55e26}.symptom-chip .icon{font-size:1.1rem}.input-area{margin-bottom:1.5rem}.input-area textarea{width:100%;min-height:100px;padding:.85rem 1rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#e8f5e9;font-family:inherit;font-size:.9rem;resize:vertical;transition:border-color .2s;line-height:1.6}.input-area textarea::placeholder{color:#ffffff4d}.input-area textarea:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3px #22c55e1a}.plant-type-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.plant-type-btn{padding:.45rem .85rem;border-radius:2rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff9;font-size:.8rem;cursor:pointer;transition:all .2s}.plant-type-btn:hover{border-color:#22c55e4d}.plant-type-btn.selected{border-color:var(--green-500);background:#22c55e1f;color:var(--green-200)}.diagnose-btn{width:100%;padding:.85rem;border-radius:.65rem;border:none;background:linear-gradient(135deg,var(--green-600),var(--green-700));color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s;letter-spacing:-.01em;position:relative;overflow:hidden}.diagnose-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--green-500),var(--green-600));box-shadow:0 4px 20px #22c55e4d;transform:translateY(-1px)}.diagnose-btn:active:not(:disabled){transform:translateY(0)}.diagnose-btn:disabled{opacity:.4;cursor:not-allowed}.result-card{margin-top:2rem;border-radius:1rem;border:1px solid rgba(34,197,94,.2);background:linear-gradient(145deg,#22c55e0f,#16a34a08);overflow:hidden;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-header{padding:1.25rem 1.25rem .75rem;border-bottom:1px solid rgba(34,197,94,.1)}.result-header h2{font-size:1.15rem;font-weight:600;color:var(--green-200);display:flex;align-items:center;gap:.5rem}.severity-badge{font-size:.7rem;padding:.2rem .55rem;border-radius:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.severity-low{background:#22c55e26;color:var(--green-400)}.severity-medium{background:#f59e0b26;color:var(--amber-400)}.severity-high{background:#ef444426;color:var(--red-400)}.result-body{padding:1.25rem}.diagnosis-section{margin-bottom:1.25rem}.diagnosis-section:last-child{margin-bottom:0}.diagnosis-section h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--green-400);margin-bottom:.5rem;font-weight:600}.diagnosis-section p{color:#ffffffb3;font-size:.9rem;line-height:1.7}.treatment-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.treatment-list li{display:flex;align-items:flex-start;gap:.6rem;color:#ffffffb3;font-size:.88rem;line-height:1.6}.treatment-list li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green-500);margin-top:.55rem;flex-shrink:0}.prevention-box{background:#ffffff08;border-radius:.5rem;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.05)}.prevention-box p{font-size:.85rem;color:#ffffff8c;line-height:1.7}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem;margin-top:2rem}.loading-leaf{font-size:2rem;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.loading p{color:#fff6;font-size:.9rem}.divider{height:1px;background:#ffffff0f;margin:1.5rem 0}.footer{text-align:center;margin-top:3rem;color:#fff3;font-size:.75rem}.reset-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;padding:.55rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffff80;font-size:.8rem;cursor:pointer;transition:all .2s}.reset-btn:hover{border-color:#fff3;color:#ffffffb3}