:root{--color-primary: #0f2a1c;--color-primary-light: #f4f9f6;--color-accent: #1a7a4c;--color-accent-hover: #145f3b;--color-accent-light: #eaf6f0;--color-accent-subtle: rgba(26, 122, 76, .06);--color-bg: #fafbfa;--color-surface: #ffffff;--color-text: #1a1f1c;--color-text-secondary: #4a5650;--color-text-tertiary: #7d8a83;--color-border: #e2e8e5;--color-border-subtle: #f0f3f1;--color-safe: #0d9444;--color-safe-bg: #f0fdf4;--color-safe-border: #a7f3c9;--color-mild: #b8860b;--color-mild-bg: #fdfcf3;--color-mild-border: #f5e6a3;--color-moderate: #d4530a;--color-moderate-bg: #fef8f4;--color-moderate-border: #fcc9a3;--color-severe: #c41e1e;--color-severe-bg: #fef4f4;--color-severe-border: #f9b4b4;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "DM Serif Display", Georgia, serif;--text-xs: .694rem;--text-sm: .8rem;--text-base: 1rem;--text-md: 1.1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--shadow-xs: 0 1px 2px rgba(0,0,0,.03);--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--shadow-md: 0 4px 12px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.03);--shadow-lg: 0 12px 40px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.03);--shadow-xl: 0 20px 60px rgba(0,0,0,.08), 0 8px 20px rgba(0,0,0,.04);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--max-width: 1120px;--max-width-text: 680px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.65;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";letter-spacing:-.011em}main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-16) var(--space-6)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-in-out)}a:hover{color:var(--color-accent-hover)}h1,h2,h3{line-height:1.15;color:var(--color-text)}h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.025em;margin-bottom:var(--space-3)}h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;letter-spacing:-.015em;margin-bottom:var(--space-4)}h3{font-size:var(--text-md);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-2)}.site-header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) var(--space-6);position:sticky;top:0;z-index:100;backdrop-filter:blur(16px) saturate(1.2);background:#fafbfae0}.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.site-logo{font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.02em}.site-logo span{color:var(--color-accent)}.header-nav{display:flex;gap:var(--space-8)}.header-nav a{font-size:var(--text-sm);font-weight:500;color:var(--color-text-tertiary);position:relative;padding-bottom:2px;transition:color var(--duration-fast) var(--ease-in-out)}.header-nav a:hover{color:var(--color-text)}.header-nav a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1.5px;background:var(--color-accent);transition:width var(--duration-base) var(--ease-out)}.header-nav a:hover:after{width:100%}.site-footer{background:var(--color-primary);color:#ffffffa6;padding:var(--space-16) var(--space-6) 0;margin-top:var(--space-24)}.footer-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1.4fr 2fr;gap:var(--space-12);padding-bottom:var(--space-10)}.footer-logo{font-family:var(--font-display);font-size:var(--text-lg);color:#fff;display:block;margin-bottom:var(--space-3)}.footer-logo span{color:var(--color-safe-border)}.footer-tagline{font-size:var(--text-sm);line-height:1.6;color:#fff6;max-width:260px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-col h4{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;margin-bottom:var(--space-4)}.footer-col a{display:block;font-size:var(--text-sm);color:#fff9;margin-bottom:var(--space-3);transition:color var(--duration-fast) var(--ease-in-out)}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:var(--space-5) 0;text-align:center}.footer-bottom p{font-size:var(--text-xs);color:#ffffff4d}@media (max-width: 600px){.footer-inner{grid-template-columns:1fr;gap:var(--space-8)}.footer-links{grid-template-columns:repeat(2,1fr)}}.search-container{position:relative;margin-bottom:var(--space-6)}.search-input{width:100%;padding:1.1rem 1.25rem 1.1rem 3.25rem;border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-base);font-family:var(--font-sans);background:var(--color-surface);transition:all var(--duration-base) var(--ease-out);box-shadow:var(--shadow-sm);color:var(--color-text)}.search-input::placeholder{color:var(--color-text-tertiary)}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-subtle),var(--shadow-md)}.search-icon{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.filter-pill{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-full);padding:.5rem 1rem;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-base) var(--ease-out);font-family:var(--font-sans);color:var(--color-text-secondary)}.filter-pill:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-pill.active{background:var(--color-text);color:#fff;border-color:var(--color-text);box-shadow:var(--shadow-sm)}.filter-pill.active-safe{background:var(--color-safe);color:#fff;border-color:var(--color-safe)}.filter-pill.active-severe{background:var(--color-severe);color:#fff;border-color:var(--color-severe)}.plant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.plant-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);overflow:hidden;transition:all var(--duration-slow) var(--ease-out);text-decoration:none;display:flex;flex-direction:column;position:relative}.plant-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-border);transition:background var(--duration-base) var(--ease-in-out)}.plant-card[data-severity=safe]:before{background:var(--color-safe)}.plant-card[data-severity=mild]:before{background:var(--color-mild)}.plant-card[data-severity=moderate]:before{background:var(--color-moderate)}.plant-card[data-severity=severe]:before{background:var(--color-severe)}.plant-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-lg);transform:translateY(-4px);text-decoration:none}.plant-card-img{width:100%;height:180px;overflow:hidden;background:linear-gradient(145deg,var(--color-accent-light) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;position:relative}.plant-card-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.plant-card-img img[src=""],.plant-card-img img:not([src]){display:none}.plant-card:hover .plant-card-img img{transform:scale(1.05)}.img-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--text-2xl);font-family:var(--font-display);color:var(--color-accent);background:var(--color-accent-light);opacity:.8}.plant-hero-img.img-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--color-accent-light) 0%,var(--color-primary-light) 100%)}.plant-hero-img.img-fallback:after{content:"No image available";font-size:var(--text-sm);color:var(--color-text-tertiary)}.plant-card-body{padding:var(--space-5) var(--space-5) var(--space-5);flex:1;display:flex;flex-direction:column}.plant-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-1)}.plant-card h3{color:var(--color-text);font-size:var(--text-base);font-weight:600;margin-bottom:0;letter-spacing:-.02em}.plant-card .scientific{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;margin-bottom:var(--space-2)}.plant-card .common-names{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-4);flex:1;line-height:1.5}.badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.65rem;font-weight:600;padding:.3rem .6rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge-safe{background:var(--color-safe-bg);color:var(--color-safe);border:1px solid var(--color-safe-border)}.badge-mild{background:var(--color-mild-bg);color:var(--color-mild);border:1px solid var(--color-mild-border)}.badge-moderate{background:var(--color-moderate-bg);color:var(--color-moderate);border:1px solid var(--color-moderate-border)}.badge-severe{background:var(--color-severe-bg);color:var(--color-severe);border:1px solid var(--color-severe-border)}.badge-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.plant-detail{max-width:720px}.plant-hero-img{width:100%;height:320px;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-8);background:linear-gradient(145deg,var(--color-accent-light) 0%,var(--color-primary-light) 100%);box-shadow:var(--shadow-md)}.plant-hero-img img{width:100%;height:100%;object-fit:cover}.plant-header{margin-bottom:var(--space-10)}.plant-header h1{margin-bottom:var(--space-2);font-size:var(--text-3xl)}.plant-header .scientific-name{font-size:var(--text-md);color:var(--color-text-tertiary);font-style:italic;margin-bottom:var(--space-5)}.plant-header .badge-row{margin-bottom:var(--space-4)}.alert-box{border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);border:1.5px solid}.alert-box.emergency{background:var(--color-severe-bg);border-color:var(--color-severe-border);color:#7f1d1d}.alert-box.safe{background:var(--color-safe-bg);border-color:var(--color-safe-border);color:#14532d}.alert-box h3{margin-bottom:var(--space-3);font-size:var(--text-md)}.alert-box p{font-size:var(--text-sm);line-height:1.6}.info-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-8);margin-bottom:var(--space-5);border:1px solid var(--color-border-subtle);transition:box-shadow var(--duration-base) var(--ease-out)}.info-section:hover{box-shadow:var(--shadow-md)}.info-section h2{font-size:var(--text-lg);margin-bottom:var(--space-6);display:flex;align-items:center}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.info-item label{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:var(--space-1)}.info-item p{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.symptom-list{list-style:none;padding:0}.symptom-list li{padding:var(--space-3) 0 var(--space-3) var(--space-6);position:relative;font-size:var(--text-sm);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}.symptom-list li:last-child{border-bottom:none}.symptom-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-moderate)}.safe-alternatives{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.safe-alt-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-safe-bg);border:1px solid var(--color-safe-border);border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;color:var(--color-safe);transition:all var(--duration-base) var(--ease-out)}.safe-alt-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.emergency-header{background:var(--color-severe-bg);border:2px solid var(--color-severe-border);border-radius:var(--radius-xl);padding:var(--space-10);margin-bottom:var(--space-10);text-align:center}.emergency-header h1{color:var(--color-severe)}.emergency-number{font-size:var(--text-3xl);font-weight:700;color:var(--color-severe);margin:var(--space-4) 0;letter-spacing:-.02em}.step-list{counter-reset:steps;list-style:none;padding:0}.step-list li{counter-increment:steps;padding:var(--space-5) var(--space-5) var(--space-5) var(--space-16);position:relative;margin-bottom:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.step-list li:before{content:counter(steps);position:absolute;left:var(--space-5);top:var(--space-5);width:2rem;height:2rem;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm)}.step-list li h3{margin-bottom:var(--space-1)}.step-list li p{font-size:var(--text-sm);color:var(--color-text-secondary)}.photo-upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-16) var(--space-8);text-align:center;transition:all var(--duration-base) var(--ease-out);cursor:pointer;background:var(--color-surface)}.photo-upload-area:hover,.photo-upload-area.dragover{border-color:var(--color-accent);background:var(--color-accent-light)}.breadcrumb{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-6);letter-spacing:.01em}.breadcrumb a{color:var(--color-text-tertiary)}.breadcrumb a:hover{color:var(--color-accent)}.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.country-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius)}.country-flag{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700}.country-info{display:flex;flex-direction:column;gap:var(--space-1)}.country-info strong{font-size:var(--text-sm);color:var(--color-text)}.country-info span{font-size:var(--text-sm);color:var(--color-text-secondary)}.country-info a{font-weight:600}.country-note{font-size:var(--text-xs)!important;color:var(--color-text-tertiary)!important;font-style:italic}.nav-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--color-text);padding:var(--space-1)}@media (max-width: 768px){.plant-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.footer-inner{grid-template-columns:1fr;gap:var(--space-8)}.footer-links{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){main{padding:var(--space-6) var(--space-4)}h1{font-size:var(--text-2xl)}.plant-grid,.info-grid,.safe-alternatives{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.nav-toggle{display:block}.header-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) var(--space-6);flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-lg)}.header-nav.open{display:flex}.site-header{position:relative}.plant-hero-img{height:220px}}