@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&display=swap";:root{--font-main:"Pixelify Sans", sans-serif;--color-background:#15161c;--color-surface:#22242c;--color-surface-light:#2c2f38;--color-cream:#f5ecd9;--color-text:#f4f1e8;--color-muted:#b9bdc7;--color-green:#77a65a;--color-green-dark:#52743e;--color-green-light:#b8d89f;--color-brown:#80684e;--color-yellow:#e7bd59;--color-orange:#d9803d;--color-danger:#dc6262;--border-default:1px solid #454852;--border-natural:2px solid var(--color-brown);--radius-small:8px;--radius-medium:14px;--radius-large:20px;--radius-pill:999px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--shadow-card:0 8px 22px #0000003d;font:18px/145% var(--font-main);letter-spacing:.18px;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{background:var(--color-background);min-width:320px;min-height:100vh;margin:0}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--font-main:"Pixelify Sans", sans-serif;--color-background:#15161c;--color-surface:#22242c;--color-surface-light:#2c2f38;--color-cream:#f5ecd9;--color-text:#f4f1e8;--color-muted:#b9bdc7;--color-green:#77a65a;--color-green-dark:#52743e;--color-green-light:#b8d89f;--color-brown:#80684e;--color-yellow:#e7bd59;--color-orange:#d9803d;--color-danger:#dc6262;--border-default:1px solid #454852;--border-natural:2px solid var(--color-brown);--radius-small:8px;--radius-medium:14px;--radius-large:20px;--radius-pill:999px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--shadow-card:0 8px 22px #0000003d;font-family:var(--font-main);color:var(--color-text);background:var(--color-background)}*{box-sizing:border-box}body,button,input,textarea,select{font-family:var(--font-main)}body{background:radial-gradient(circle at top, #77a65a1a, transparent 420px), var(--color-background);min-width:320px;min-height:100vh;color:var(--color-text);margin:0}button,input{font:inherit}.app-layout{width:100%;min-height:100vh;padding:12px 20px 60px;position:relative}.app{text-align:center;width:100%;max-width:700px;margin:0 auto}.app-header{text-align:center;padding:100px 20px 60px}.app-header h1{color:var(--color-cream);letter-spacing:-2px;text-shadow:0 4px 18px #0000004d;margin:0 0 8px;font-size:clamp(44px,6vw,64px);font-weight:700;line-height:1.05}.app-header h2{color:var(--color-green-light);margin:0 0 12px;font-size:clamp(18px,2.5vw,24px);font-weight:600}.app-header p{color:var(--color-muted);margin:0;font-size:16px}.upload-card{border:2px dashed var(--color-green);border-radius:var(--radius-large);background:var(--color-surface);width:100%;max-width:520px;box-shadow:var(--shadow-card);text-align:center;margin:0 auto;padding:32px 28px}.upload-icon{margin-bottom:8px;font-size:42px}.upload-card h3{color:var(--color-text);margin:0 0 8px;font-size:24px}.upload-card p{color:var(--color-muted);margin:0 0 22px;font-size:15px}.upload-button{border-radius:var(--radius-pill);background:var(--color-green);color:#fff;cursor:pointer;justify-content:center;align-items:center;padding:12px 22px;font-weight:700;transition:transform .15s,background-color .15s,box-shadow .15s;display:inline-flex}.upload-button:hover{background:var(--color-green-dark);transform:translateY(-2px);box-shadow:0 6px 14px #00000040}.upload-button input{display:none}.selected-file-name{overflow-wrap:anywhere;color:var(--color-green-light)!important;margin:18px 0 0!important}.preview{margin-top:var(--space-4)}.preview img{width:100%;max-width:450px;max-height:450px;margin:0 auto var(--space-3);border-radius:var(--radius-medium);object-fit:contain;box-shadow:var(--shadow-card);display:block}.location-field{width:100%;max-width:450px;color:var(--color-text);text-align:left;margin:20px auto;display:block}.location-field input{width:100%;margin-top:var(--space-1);border:var(--border-default);border-radius:var(--radius-medium);background:var(--color-surface);color:var(--color-text);outline:none;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.location-field input:focus{border-color:var(--color-green);box-shadow:0 0 0 3px #77a65a2e}.location-field input::placeholder{color:var(--color-muted)}.optional-text{color:var(--color-muted);font-weight:400}.button-group{justify-content:center;gap:var(--space-2);display:flex}button{border-radius:var(--radius-medium);background:var(--color-green);color:#fff;cursor:pointer;border:0;padding:11px 18px;font-weight:600;transition:transform .15s,background-color .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--color-green-dark);transform:translateY(-2px);box-shadow:0 5px 12px #00000038}button:disabled{cursor:not-allowed;opacity:.55}.secondary-button,.ui-button-secondary{border:var(--border-default);color:var(--color-text);background:0 0}.secondary-button:hover:not(:disabled),.ui-button-secondary:hover:not(:disabled){background:var(--color-surface-light)}.error-message{color:var(--color-danger);margin-top:20px}.results{text-align:left;margin-top:34px}.results>h2{text-align:center}.result-card{margin-bottom:var(--space-3);border:var(--border-default);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-card);padding:18px}.result-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.result-heading h3{color:var(--color-text);margin:0}.scientific-name{color:var(--color-muted);margin:5px 0 0;font-style:italic}.rank-label{margin:0 0 var(--space-1);font-weight:700}.rank-best{color:var(--color-green-light)}.rank-second{color:var(--color-yellow)}.rank-third{color:var(--color-orange)}.category{margin-bottom:0;font-weight:600}.fact-sidebar{width:280px;position:fixed;top:28px;right:28px}.fact-card{border:var(--border-natural);border-radius:var(--radius-large);background:var(--color-cream);color:#392f27;text-align:center;min-height:280px;box-shadow:var(--shadow-card);padding:22px;position:relative;overflow:visible}.fact-card h2{z-index:1;color:#392f27;margin:0;position:relative}.fact-content{min-height:190px;padding:var(--space-3);justify-content:center;align-items:center;display:flex}.fact-content p{color:#392f27;margin:0;font-size:18px;line-height:1.5}.hidden-fact-text{opacity:.18}.bush-cover{z-index:5;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0;overflow:visible}.bush-cover:hover{box-shadow:none;background:0 0;transform:none}.bush-image{transform-origin:50%;object-fit:contain;filter:drop-shadow(0 7px 5px #0000004d);width:138%;max-width:none;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}.bush-cover:hover .bush-image:not(.bush-image-flying){animation:.45s ease-in-out bush-rustle}.bush-image-flying{pointer-events:none;animation:1.2s ease-in forwards bush-fly-away}.bush-prompt{z-index:6;border-radius:var(--radius-pill);color:#392f27;white-space:nowrap;background:#f5ecd9f0;padding:7px 13px;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.useful-links-sidebar{width:280px;position:fixed;top:28px;left:28px}.useful-links-card{border:2px solid var(--color-green-dark);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-card);text-align:left;padding:22px}.useful-links-card h2{color:var(--color-green-light);text-align:center;margin:0 0 10px;font-size:22px}.useful-links-intro{color:var(--color-muted);text-align:center;margin:0 0 18px;font-size:14px;line-height:1.5}.useful-links-list{flex-direction:column;gap:10px;display:flex}.useful-links-list a{border:var(--border-default);border-radius:var(--radius-medium);background:var(--color-surface-light);color:var(--color-text);padding:12px 14px;font-weight:600;text-decoration:none;transition:transform .15s,border-color .15s,background-color .15s;display:block}.useful-links-list a span{color:var(--color-muted);margin-top:3px;font-size:12px;font-weight:400;display:block}.useful-links-list a:hover{border-color:var(--color-green);background:#77a65a1f;transform:translate(4px)}.data-credit{border-top:var(--border-default);color:var(--color-muted);text-align:center;margin:18px 0 0;padding-top:14px;font-size:11px;line-height:1.5}.safety-tags{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.safety-tag{border-radius:var(--radius-pill);padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.safety-low{color:#b8d89f;background:#77a65a2e;border:1px solid #77a65a73}.safety-moderate{color:#e7bd59;background:#e7bd5926;border:1px solid #e7bd5966}.safety-high{color:#f08b8b;background:#dc626226;border:1px solid #dc626273}.safety-unknown{color:var(--color-muted);border:var(--border-default);background:#b9bdc71a}.handling-note{color:var(--color-muted);margin-top:12px;font-size:14px;line-height:1.5}.safety-disclaimer{border:var(--border-default);border-radius:var(--radius-medium);color:var(--color-muted);text-align:left;background:#ffffff08;margin-top:24px;padding:14px 16px;font-size:13px;line-height:1.6}@keyframes bush-rustle{0%{transform:translate(-50%)rotate(0)}25%{transform:translate(-54%)rotate(-4deg)}50%{transform:translate(-46%)rotate(4deg)}75%{transform:translate(-52%)rotate(-2deg)}to{transform:translate(-50%)rotate(0)}}@keyframes bush-fly-away{0%{opacity:1;transform:translate(-50%)translate(0)rotate(0)scale(1)}15%{opacity:1;transform:translate(-50%)translate(-20px,12px)rotate(-7deg)scale(1.05)}45%{opacity:1;transform:translate(-50%)translate(120px,-90px)rotate(22deg)scale(.95)}75%{opacity:1;transform:translate(-50%)translate(360px,-240px)rotate(52deg)scale(.78)}to{opacity:0;transform:translate(-50%)translate(750px,-500px)rotate(95deg)scale(.5)}}@media (width<=1300px){.useful-links-sidebar,.fact-sidebar{width:100%;max-width:500px;margin:40px auto 0;position:static}}@media (width<=600px){.app-header{padding:60px 10px 40px}.app-header h1{font-size:42px}.app-header h2{font-size:20px}.button-group{flex-direction:column}.button-group button{width:100%}}