:root{--color-primary: #2C5530;--color-secondary: #8BA888;--color-accent: #D4B483;--color-background: #F8F6F1;--color-surface: #FFFFFF;--color-text: #2C2C2C;--color-text-light: #666666;--color-border: #E5E5E5;--font-heading: "Playfair Display", serif;--font-body: "Inter", "Segoe UI", Arial, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3,h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-secondary)}button{font-family:var(--font-body);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}button.primary{background-color:var(--color-primary);color:#fff}button.primary:hover{background-color:var(--color-secondary)}button.secondary{background-color:var(--color-secondary);color:#fff}button.secondary:hover{background-color:var(--color-primary)}input,select,textarea{font-family:var(--font-body);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:4px;width:100%;margin-bottom:var(--spacing-md)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)}.card,.plant-card{background:var(--color-surface);border-radius:12px;box-shadow:0 2px 8px #2c55300f;padding:1.5rem;margin-bottom:2rem;transition:box-shadow .2s;display:flex;flex-direction:column;align-items:flex-start}.card img,.plant-card img{width:100%;border-radius:8px;margin-bottom:1rem;object-fit:cover}.tag{background:var(--color-accent);color:var(--color-primary);border-radius:8px;padding:.25em .75em;font-size:.9em;margin-right:.5em;margin-bottom:.5em;display:inline-block}.header{background:var(--color-surface);box-shadow:0 2px 4px #2c55300a;padding:1.5rem 0}.nav-container{display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-primary);text-decoration:none;font-weight:700}.global-search{flex:1;max-width:320px;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--color-border);font-size:1rem}nav a{margin-left:1.5rem;color:var(--color-text);text-decoration:none;font-weight:500;transition:color .2s}nav a:hover{color:var(--color-primary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}@media (max-width: 900px){.plants-grid{grid-template-columns:1fr 1fr}.nav-container{flex-direction:column;gap:1rem}}@media (max-width: 600px){.plants-grid{grid-template-columns:1fr}.main-content,.container{padding:1rem}.header{padding:1rem 0}}.plant-card{cursor:pointer;transition:box-shadow .2s,transform .2s}.plant-card:hover,.plant-card:focus{box-shadow:0 4px 16px #2c55301f;transform:translateY(-2px) scale(1.02);outline:2px solid var(--color-secondary)}.status-tag.status-least{background:#e8f5e9;color:#2c5530}.status-tag.status-near{background:#fffde7;color:#bfa100}.status-tag.status-vuln{background:#fff3e0;color:#e65100}.status-tag.status-end{background:#ffebee;color:#c62828}.status-tag.status-crit{background:#f3e5f5;color:#6a1b9a}.use-tag{background:var(--color-accent);color:var(--color-primary)}.filter-chips{margin:1rem 0 .5rem;display:flex;flex-wrap:wrap;gap:.5rem}.chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:.25em .75em;font-size:.95em;display:flex;align-items:center;gap:.5em;color:var(--color-primary);font-weight:500;cursor:pointer;transition:background .2s,border .2s}.chip button{background:none;border:none;color:var(--color-primary);font-size:1.1em;cursor:pointer;padding:0 .2em;margin-left:.2em}.chip:hover,.chip:focus{background:var(--color-background);border-color:var(--color-secondary)}.clear-filters{margin-left:1rem;background:var(--color-secondary);color:#fff;border:none;border-radius:6px;padding:.5em 1em;cursor:pointer;font-size:1em;transition:background .2s}.clear-filters:hover{background:var(--color-primary)}.loading-indicator{display:flex;align-items:center;gap:.75em;margin:2em 0;font-size:1.1em;color:var(--color-primary);justify-content:center}.spinner{width:1.5em;height:1.5em;border:3px solid #e5e5e5;border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-results{text-align:center;color:var(--color-text-light);margin:2em 0;font-size:1.2em}.card-actions{display:flex;align-items:center;gap:1em;margin-top:1em}.card-actions .view-details{color:var(--color-primary);text-decoration:underline;font-weight:500}.card-actions button{background:none;border:none;font-size:1.3em;cursor:pointer;color:var(--color-secondary);transition:color .2s}.card-actions button.bookmarked{color:#e6b800}@media (max-width: 900px){.controls,.filters{flex-direction:column;gap:1rem}.filters{align-items:flex-start}}@media (max-width: 600px){.controls,.filters{flex-direction:column;gap:.5rem}.filters{align-items:flex-start}}.card-panel{background:var(--color-surface);border-radius:12px;box-shadow:0 2px 8px #2c55300f;padding:1.25rem 1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.search-sort-bar{margin-bottom:1.5rem}.search-sort-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-input{flex:2 1 250px;padding:.75em 1em;border:1px solid var(--color-border);border-radius:6px;font-size:1.1em;background:#fff}.sort-group{display:flex;align-items:center;gap:.6rem}.sort-label{display:flex;align-items:center;gap:.3em;font-size:1em;color:var(--color-text-light);margin:0;height:40px}.sort-icon{display:inline-block;vertical-align:middle;height:1.2em;width:1.2em}.sort-select{padding:.5em 2em .5em 1em;border:1.5px solid var(--color-border);border-radius:8px;font-size:1.05em;font-weight:500;background:#fff;min-width:170px;height:40px;appearance:none;transition:border-color .2s,box-shadow .2s;background-image:url('data:image/svg+xml;utf8,<svg fill="%238BA888" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5H7z"/></svg>');background-repeat:no-repeat;background-position:right .75em center;background-size:1.2em 1.2em}.sort-select:focus,.sort-select:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px #2c553014;outline:none;background-color:#f8f8f4}.sort-order-btn{background:var(--color-primary);color:#fff;border:none;border-radius:6px;width:2.2em;height:2.2em;display:flex;align-items:center;justify-content:center;font-size:1.2em;cursor:pointer;transition:background .2s}.sort-order-btn:hover,.sort-order-btn:focus{background:var(--color-secondary)}.filter-panel{margin-bottom:1.5rem}.filters-form{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.5em;min-width:180px;flex:1 1 180px}.filter-group label{font-size:1em;color:var(--color-text-light);margin-bottom:.25em}.filter-group select{padding:.5em 1em;border:1px solid var(--color-border);border-radius:6px;font-size:1em;background:#fff}.filter-actions{display:flex;align-items:flex-end;height:100%}.clear-filters{margin-left:0;background:var(--color-secondary);color:#fff;border:none;border-radius:8px;padding:.75em 1.5em;cursor:pointer;font-size:1em;font-weight:500;transition:background .2s;height:48px;display:flex;align-items:center;justify-content:center}.clear-filters:hover,.clear-filters:focus{background:var(--color-primary)}@media (max-width: 900px){.search-sort-row,.filters-form{flex-direction:column;align-items:stretch;gap:1rem}.filter-group{min-width:100%;flex:1 1 100%}.filter-actions{width:100%;justify-content:flex-start}}@media (max-width: 600px){.card-panel{padding:1rem .5rem}.search-input,.sort-select,.filter-group select{font-size:1em;padding:.5em .75em}.clear-filters{width:100%;margin-top:.5em;height:40px}}.main-content-flex{display:flex;align-items:flex-start;gap:2.5rem}.sidebar-filters{flex:0 0 320px;max-width:340px;width:100%;margin-right:.5rem;position:sticky;top:2rem;align-self:flex-start;z-index:1;background:var(--color-surface);border-radius:10px;box-shadow:0 1px 4px #2c55300a;min-width:unset!important}.main-grid-content{flex:1 1 0%;min-width:0}@media (max-width: 1100px){.main-content-flex{gap:1.2rem}.sidebar-filters{flex-basis:220px;max-width:240px;padding:1rem .5rem;min-width:unset!important}.plants-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.plant-card{min-width:220px;max-width:320px}}@media (max-width: 900px){.main-content-flex{flex-direction:column;gap:2rem}.sidebar-filters{max-width:100%;width:100%;position:static;margin-right:0;min-width:unset!important}.plants-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 700px){.plants-grid{grid-template-columns:1fr}.top-bar{flex-direction:column;align-items:stretch;gap:1rem}.sort-search-group{flex-direction:column;gap:1rem;max-width:100%}.search-input{max-width:100%}}.plant-list-container.wide{max-width:1400px;margin:0 auto}.main-grid-content.wide{max-width:100%}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:2rem}.plant-count{color:var(--color-text);font-size:1.1em}.sort-search-group{display:flex;align-items:center;gap:1.5rem;width:100%;max-width:600px}.search-input{flex:2 1 340px;min-width:200px;max-width:400px;padding:.7em 1.2em;font-size:1.1em;border:1px solid var(--color-border);border-radius:6px;background:#fff}.sort-select{flex:1 1 160px;min-width:120px;max-width:200px}.plants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);justify-items:center}.plant-card{min-width:300px;max-width:370px;width:100%}.results-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:2rem}.results-bar .plant-count{margin-bottom:0;font-size:1.15em}.results-bar .sort-group{display:flex;align-items:center;gap:.5rem}.filter-panel .search-input{margin-bottom:1rem;width:100%;max-width:100%;font-size:.97em;padding:.35em .75em;height:36px;box-sizing:border-box;border:1px solid var(--color-border);border-radius:6px}.search-autocomplete-wrapper{position:relative;width:100%}.autocomplete-list{position:absolute;top:100%;left:0;right:0;z-index:10;background:#fff;border:1px solid var(--color-border);border-radius:0 0 8px 8px;box-shadow:0 4px 16px #2c553014;margin:0;padding:.25em 0;list-style:none;max-height:220px;overflow-y:auto}.autocomplete-list li{padding:.5em 1em;cursor:pointer;font-size:1em;color:var(--color-text);background:#fff;transition:background .15s}.autocomplete-list li.active,.autocomplete-list li:hover{background:var(--color-background);color:var(--color-primary)}.autocomplete-list mark{background:#e8f5e9;color:var(--color-primary);border-radius:3px;padding:0 2px}.plant-card.skeleton{min-width:300px;max-width:370px;width:100%;height:340px;background:linear-gradient(90deg,#f3f3f3 25%,#ececec,#f3f3f3 75%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:12px;box-shadow:0 2px 8px #2c55300f;margin-bottom:2rem;border:1px solid var(--color-border)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.no-results p{margin-bottom:.5em}