:root{--color-primary:#1a5c2a;--color-primary-light:#2d8a45;--color-primary-dark:#0e3d1a;--color-accent:#e8c547;--color-accent-light:#f5e08a;--color-bg:#f7f5f0;--color-bg-card:#fff;--color-bg-elevated:#fdfcf9;--color-bg-dark:#0c1f12;--color-text:#1a1a1a;--color-text-secondary:#5a5a5a;--color-text-muted:#8a8a8a;--color-text-inverse:#f7f5f0;--color-success:#2d8a45;--color-warning:#e8a317;--color-error:#c44b4b;--color-border:#e0ddd6;--color-border-light:#edeae4;--font-body:"Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Zilla Slab", Georgia, serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:50%;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--shadow-glow:0 0 20px #1a5c2a26;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-width:1600px;--col-left:420px;--header-height:64px}@media (prefers-color-scheme:dark){:root{--color-bg:#0c1f12;--color-bg-card:#162b1c;--color-bg-elevated:#1c3524;--color-bg-dark:#070f0a;--color-text:#e8e4dc;--color-text-secondary:#a8a49c;--color-text-muted:#6e6b64;--color-text-inverse:#1a1a1a;--color-border:#2a3e30;--color-border-light:#1e3025;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 30px #0006;--shadow-glow:0 0 20px #2d8a4533}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;min-height:100dvh;line-height:1.6}#root{flex-direction:column;min-height:100dvh;display:flex}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea{font-family:inherit;font-size:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scanLine{0%{top:0}50%{top:calc(100% - 3px)}to{top:0}}.fade-in{animation:fadeIn var(--transition-slow) ease forwards}.slide-up{animation:slideUp var(--transition-slow) ease forwards}.upload-zone-wrapper{width:100%}.upload-zone{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-xl);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);cursor:pointer;transition:all var(--transition-base);text-align:center;flex-direction:column;display:flex}.upload-zone:hover,.upload-zone--dragging{box-shadow:var(--shadow-glow);background:#1a5c2a0a;border-color:#000}.upload-zone--dragging{transform:scale(1.01)}.upload-zone--disabled{pointer-events:none;opacity:.6}.upload-zone__icon{margin-bottom:var(--space-sm);font-size:3rem}.upload-zone__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);font-weight:600}.upload-zone__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.upload-zone__actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.upload-zone__btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.upload-zone__btn--camera{background:var(--color-primary);color:var(--color-text-inverse)}.upload-zone__btn--camera:hover{background:var(--color-primary-light);transform:translateY(-1px)}.upload-zone__hint{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted)}.upload-zone__error{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-error);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);background:#c44b4b0f;border:1px solid #c44b4b33;font-weight:600}.upload-preview{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.upload-preview__image-container{border-radius:var(--radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.upload-preview__image{width:100%;height:auto;display:block}.upload-preview__scan-overlay{pointer-events:none;background:#1a5c2a14;position:absolute;inset:0}.upload-preview__scan-line{background:linear-gradient(90deg, transparent, var(--color-primary), transparent);height:3px;box-shadow:0 0 12px var(--color-primary);animation:2s ease-in-out infinite scanLine;position:absolute;left:0;right:0}.upload-preview__reset{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);transition:all var(--transition-fast);display:inline-flex}.upload-preview__reset:hover{color:var(--color-error);border-color:var(--color-error)}.result-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--space-xl);box-shadow:var(--shadow-md)}.result-card__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.result-card__badge{border-radius:var(--radius-full);width:52px;height:52px;font-size:var(--text-lg);color:#fff;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.result-card__badge[data-level=high]{background:var(--color-success);box-shadow:0 0 12px #2d8a454d}.result-card__badge[data-level=medium]{background:var(--color-warning);box-shadow:0 0 12px #e8a3174d}.result-card__badge[data-level=low]{background:var(--color-error);box-shadow:0 0 12px #c44b4b4d}.result-card__badge-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.result-card__common-name{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-xs);font-weight:700;line-height:1.2}.result-card__scientific-name{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.result-card__taxonomy{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.result-card__tag{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);display:inline-flex}.result-card__aliases{padding-top:var(--space-md);border-top:1px solid var(--color-border-light);font-size:var(--text-sm)}.result-card__aliases-label{color:var(--color-text-muted);margin-right:var(--space-xs)}.result-card__aliases-list{color:var(--color-text-secondary)}.result-card__source{align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-light);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5;display:flex}.result-card__source a{color:var(--color-primary);font-weight:600;text-decoration:none}.result-card__source a:hover{text-decoration:underline}.result-card__gallery{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.result-card__gallery-title{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-sm);font-weight:600}.result-card__gallery-grid{gap:var(--space-sm);padding-bottom:var(--space-xs);display:flex;overflow-x:auto}.result-card__gallery-img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border-light);width:350px;height:350px;box-shadow:var(--shadow-sm);flex-shrink:0;transition:transform .2s,box-shadow .2s}.result-card__gallery-img:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.result-card__alternatives{margin-top:var(--space-lg)}.result-card__alternatives-title{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.result-card__alternatives-list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.result-card__alt-badge{font-size:var(--text-xs);background-color:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:4px 8px}.gemini-insights{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--space-xl);box-shadow:var(--shadow-md)}.gemini-insights__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.gemini-insights__icon{font-size:var(--text-xl)}.gemini-insights__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);flex:1;font-weight:600}.gemini-insights__badge{border-radius:var(--radius-sm);font-size:var(--text-xs);letter-spacing:.05em;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;padding:2px 8px;font-weight:600}.gemini-insights__tips{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;list-style:none;display:flex}.gemini-insights__tip{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-elevated);border-radius:var(--radius-md);display:flex}.gemini-insights__tip-icon{font-size:var(--text-lg);flex-shrink:0;margin-top:1px}.gemini-insights__tip-text{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.gemini-insights__anecdote{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:linear-gradient(135deg,#e8c54714,#e8c54708);border:1px solid #e8c54733;display:flex}.gemini-insights__anecdote-icon{font-size:var(--text-lg);flex-shrink:0}.gemini-insights__anecdote-text{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;line-height:1.5}.gemini-insights__disclaimer{align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-muted);background:#b482000f;border:1px solid #b4820026;line-height:1.5;display:flex}.gemini-insights__disclaimer p{margin:0}.gemini-insights__intro{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.5}.gemini-insights__metrics{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.gemini-insights__metric{align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);font-size:var(--text-sm);padding:4px 10px;font-weight:500;display:inline-flex}.gemini-insights__metric--diff{background:var(--color-bg-subtle);color:var(--color-text);border:1px solid var(--color-border-light)}.gemini-insights__metric--tox{color:var(--color-error);background:#c44b4b1a;border:1px solid #c44b4b33}.gemini-insights__sources{margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light);font-size:var(--text-xs);color:var(--color-text-muted)}.gemini-insights__sources-label{margin-right:var(--space-xs)}.gemini-insights__sources a{color:var(--color-primary);font-weight:600;text-decoration:none}.gemini-insights__sources a:hover{text-decoration:underline}.gemini-insights__sources-sep{color:var(--color-border);margin:0 4px}.loading-spinner{align-items:center;gap:var(--space-md);padding:var(--space-2xl);flex-direction:column;display:flex}.loading-spinner__leaf{animation:2s linear infinite spin}.loading-spinner__message{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.loading-spinner__dots{gap:6px;display:flex}.loading-spinner__dots span{border-radius:var(--radius-full);background:var(--color-primary);width:8px;height:8px;animation:1.4s ease-in-out infinite pulse;display:block}.loading-spinner__dots span:nth-child(2){animation-delay:.2s}.loading-spinner__dots span:nth-child(3){animation-delay:.4s}.error-message{align-items:center;gap:var(--space-md);padding:var(--space-xl);background:var(--color-bg-card);border-radius:var(--radius-xl);text-align:center;border:1px solid #c44b4b33;flex-direction:column;display:flex}.error-message__icon{font-size:2.5rem}.error-message__text{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:300px;line-height:1.5}.error-message__retry{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;font-weight:500}.error-message__retry:hover{background:var(--color-primary);color:#fff}.app{flex-direction:column;min-height:100dvh;display:flex}.flex{gap:var(--space-sm);display:flex}.app__header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);padding:var(--space-sm) var(--space-lg);background:#ffffffeb;position:sticky;top:0}.app__header-inner{justify-content:space-between;align-items:center;gap:var(--space-lg);max-width:var(--max-width);margin:0 auto;display:flex}@media (width<=600px){.app__header-inner{align-items:flex-start;gap:var(--space-md);flex-direction:column}.app__header-nav{justify-content:flex-start;width:100%;margin-left:0}}.app__header-nav{align-items:center;gap:var(--space-lg);flex-shrink:0;margin-left:auto;display:flex}.app__nav-link{font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-text);transition:color var(--transition-fast);white-space:nowrap;font-weight:600;text-decoration:none}.app__nav-link:hover{color:var(--color-primary)}.app__branding{align-items:center}@media (width<=600px){.app__branding{align-items:flex-start;gap:var(--space-xs);flex-direction:column}}.app__logo-link{transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;display:flex}.app__logo-link:hover{opacity:.8}.app__logo-img{width:auto;height:36px}.app__header-text{flex:1}.app__title{font-size:var(--text-sm);text-transform:uppercase;color:var(--color-text-muted);font-weight:700;line-height:1.2}.app__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.app__main{gap:var(--space-xl);padding:var(--space-lg);padding-bottom:var(--space-2xl);max-width:var(--max-width);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}.app__left-col{gap:var(--space-lg);padding-top:var(--space-2xl);flex-direction:column;display:flex}.app__right-col{gap:var(--space-lg);flex-direction:column;display:flex}.app__right-col--empty{display:none}@media (width>=900px){.app__main{align-items:flex-start;gap:var(--space-2xl);flex-direction:row}.app__left-col{width:var(--col-left);top:var(--space-xl);flex-shrink:0;position:sticky}.app__right-col{flex:1;min-width:0}.app__right-col--empty{border-radius:var(--radius-sm);min-height:400px;color:var(--color-text-muted);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}}.app__identify-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-xl);font-size:var(--text-base);font-weight:600;font-family:var(--font-body);color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-lg);box-shadow:var(--shadow-md), var(--shadow-glow);transition:all var(--transition-base);letter-spacing:.02em;display:flex}.app__identify-btn:hover{box-shadow:var(--shadow-lg), 0 0 30px #1a5c2a40;transform:translateY(-2px)}.app__identify-btn:active{transform:translateY(0)}.app__placeholder{text-align:center;padding:var(--space-2xl)}.app__placeholder-icon{margin-bottom:var(--space-md);opacity:.3;font-size:3rem}.app__placeholder-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.app__footer{padding:var(--space-xl) var(--space-lg);border-top:1px solid var(--color-border-light);background-color:var(--color-bg-card)}.app__footer-inner{max-width:var(--max-width);text-align:center;margin:0 auto}.app__footer p{font-size:var(--text-sm);color:var(--color-text-muted)}.app__footer a{color:var(--color-primary);font-weight:600;text-decoration:none}.app__footer a:hover{text-decoration:underline}