body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tree-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;margin:12px;max-width:300px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.tree-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.tree-image-container{background:linear-gradient(135deg,#81c784,#4caf50);color:#fff;padding:24px;text-align:center}.tree-image-wrapper{height:150px;margin-bottom:12px;position:relative;width:100%}.tree-image{object-fit:cover}.tree-image,.tree-placeholder{border-radius:8px;height:100%;width:100%}.tree-placeholder{align-items:center;background:#ffffff1a;display:flex;font-size:48px;justify-content:center}.tree-name{font-size:20px;font-weight:700;margin:0}.tree-info{padding:16px}.tree-description{color:#555;line-height:1.5;margin-bottom:12px}.tree-characteristics{display:flex;flex-direction:column;gap:4px}.characteristic{background:#f5f5f5;border-radius:4px;color:#777;font-size:14px;padding:4px 8px}.question-interface{background:#f8f9fa;border-radius:12px;margin-top:20px;padding:24px}.question-input-section h3{color:#2e7d32;margin-bottom:16px;text-align:center}.question-input-container{display:flex;gap:12px;margin-bottom:24px}.question-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:16px;padding:12px 16px;transition:border-color .2s ease}.question-input:focus{border-color:#4caf50;outline:none}.submit-question-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-width:80px;padding:12px 20px;transition:background .2s ease}.submit-question-btn:hover:not(:disabled){background:#45a049}.submit-question-btn:disabled{background:#ccc;cursor:not-allowed}.suggested-questions{margin-bottom:24px}.suggested-questions h4{color:#2e7d32;margin-bottom:12px}.suggested-questions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.suggested-question-btn{background:#fff;border:2px solid #4caf50;border-radius:8px;color:#2e7d32;cursor:pointer;font-size:14px;padding:12px;text-align:left;transition:all .2s ease}.suggested-question-btn:hover{background:#4caf50;color:#fff}.questions-and-answers{border-top:2px solid #e0e0e0;padding-top:24px}.questions-and-answers h3{color:#2e7d32;margin-bottom:20px}.qa-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:20px}.question-display{color:#1976d2;font-size:16px;margin-bottom:12px}.answer-display{background:#e8f5e8;border-left:4px solid #4caf50;border-radius:8px;margin-bottom:16px;padding:16px}.answer-display p{color:#2e7d32;line-height:1.6;margin:0}.follow-ups{margin-top:16px}.follow-up-prompt{color:#666;font-size:14px;font-style:italic;margin-bottom:8px}.follow-up-questions{display:flex;flex-wrap:wrap;gap:8px}.follow-up-btn{background:#fff3e0;border:1px solid #ff9800;border-radius:6px;color:#e65100;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease}.follow-up-btn:hover{background:#ff9800;color:#fff}.image-modal-overlay{align-items:center;background:#000c;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-modal-container{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-modal-close{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:background .2s ease;width:40px;z-index:1001}.image-modal-close:hover{background:#000000e6}.image-modal-content{display:flex;flex-direction:column}.image-modal-image{display:block;max-height:70vh;max-width:100%;object-fit:contain}.image-modal-info{background:#fff;padding:20px}.image-modal-title{color:#2e7d32;font-size:1.5em;font-weight:700;margin:0 0 10px}.image-modal-description{color:#555;font-size:1em;line-height:1.6;margin:0}@media (max-width:768px){.image-modal-overlay{padding:10px}.image-modal-container{max-height:95vh;max-width:95vw}.image-modal-image{max-height:60vh}.image-modal-info{padding:15px}.image-modal-title{font-size:1.3em}.image-modal-description{font-size:.9em}}.tree-detail{background:#fff;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.back-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:12px 20px;transition:background .2s ease}.back-button:hover{background:#45a049}.tree-detail-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;margin-bottom:30px;padding-bottom:20px}.tree-images-container{display:flex;gap:16px;margin-right:20px}.tree-detail-image-wrapper{align-items:center;display:flex;flex-direction:column;height:120px;position:relative;width:120px}.tree-detail-image{object-fit:cover}.tree-detail-image,.tree-detail-placeholder{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:100px;margin-bottom:8px;width:100%}.tree-detail-placeholder{align-items:center;background:#4caf50;color:#fff;display:flex;font-size:48px;justify-content:center}.image-label{color:#2e7d32;font-size:12px;font-weight:700;text-align:center}.clickable-image{cursor:pointer;transition:transform .2s ease,filter .2s ease}.clickable-image:hover{filter:brightness(1.1);transform:scale(1.05)}.clickable-image:active{transform:scale(1.02)}.tree-title-info h1{color:#2e7d32;font-size:32px;margin:0}.scientific-name{color:#666;font-size:18px;font-style:italic;margin:5px 0 0}.tree-section{margin-bottom:30px}.tree-section h2{border-left:4px solid #4caf50;color:#2e7d32;font-size:24px;margin-bottom:15px;padding-left:12px}.characteristics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.characteristic-item{background:#f8f9fa;border-left:3px solid #4caf50;border-radius:8px;padding:12px}.ecosystem-list,.facts-list{list-style:none;padding:0}.ecosystem-list li,.facts-list li{background:#e8f5e8;border-left:4px solid #4caf50;border-radius:8px;margin:8px 0;padding:12px}.wildlife-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.wildlife-group{background:#f8f9fa;border-radius:12px;padding:16px}.wildlife-group h3{color:#2e7d32;font-size:18px;margin-top:0}.wildlife-items{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.wildlife-item{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:12px;text-align:center}.wildlife-image-wrapper{height:80px;margin-bottom:8px;position:relative;width:80px}.wildlife-image{object-fit:cover}.wildlife-image,.wildlife-placeholder{border-radius:6px;height:100%;width:100%}.wildlife-placeholder{align-items:center;background:#2e7d32;color:#fff;display:flex;font-size:30px;justify-content:center}.wildlife-name{color:#2e7d32;display:block;font-size:12px;font-weight:700}.question-prompt{background:linear-gradient(135deg,#81c784,#4caf50);border-radius:12px;color:#fff;margin:30px 0;padding:24px;text-align:center}.question-prompt h2{border:none;color:#fff;margin-bottom:10px;padding:0}.ask-questions-btn{background:#fff;border:none;border-radius:8px;color:#2e7d32;cursor:pointer;font-size:16px;font-weight:700;margin-top:12px;padding:12px 24px;transition:transform .2s ease}.ask-questions-btn:hover{transform:scale(1.05)}.App{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.app-header{background:linear-gradient(135deg,#2e7d32,#4caf50);box-shadow:0 4px 20px #0000001a;color:#fff;padding:40px 20px;text-align:center}.app-header h1{font-size:2.5em;font-weight:700;margin:0 0 12px}.app-header p{font-size:1.2em;margin:0;opacity:.9}.tree-gallery{margin:0 auto;max-width:1200px;padding:40px 20px}.tree-gallery h2{color:#2e7d32;font-size:2em;margin-bottom:30px;text-align:center}.trees-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center}@media (max-width:768px){.app-header h1{font-size:2em}.app-header p{font-size:1em}.trees-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.17e76759.css.map*/