:root{--primary:#1b5e20;--secondary:#2e7d32;--accent:#ff6f00;--text:#2c3e50;--light:#f1f8f4;--border:#b3e5b3;--space:1.5rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font:1rem/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#ffc680 url('../images/backgrn1.gif') center/cover fixed;position:relative}body:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,rgba(241,248,244,.9),rgba(200,235,200,.82));pointer-events:none;z-index:-1}.category-shell{max-width:1150px;margin:0 auto;padding:var(--space);background:rgba(255,255,255,.96);border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.1)}header{text-align:center;padding-bottom:var(--space);border-bottom:3px solid var(--primary);margin-bottom:var(--space)}h1{margin:0;color:var(--primary);font-size:clamp(1.8rem,4vw,3rem);line-height:1.15}.subtitle{margin:.6rem 0 0;color:var(--accent);font-size:1.25rem;font-weight:600}.site-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:var(--space);padding:.5rem 0}.site-nav a,footer a{color:var(--secondary);font-weight:600;text-decoration:none;padding:.4rem .65rem;border-radius:4px}.site-nav a:hover,footer a:hover{color:var(--accent);background:rgba(46,125,50,.08)}.tools{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:1rem;background:var(--light);border:1px solid var(--border);border-radius:6px;margin-bottom:var(--space)}.tools label{color:var(--primary);font-weight:700}.tools input{flex:1 1 20rem;min-width:12rem;padding:.65rem .8rem;border:2px solid var(--border);border-radius:4px;background:#fff;color:var(--text);font:inherit}.tools input:focus{outline:3px solid rgba(255,111,0,.3);border-color:var(--accent)}#category-count{color:var(--secondary);font-size:.95rem}.category-grid,.plant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.category-card,.plant-grid a{display:block;padding:1rem;color:var(--text);background:linear-gradient(135deg,rgba(46,125,50,.05),rgba(76,175,80,.05));border:1px solid var(--border);border-radius:6px;text-decoration:none;transition:.25s}.category-card:hover,.plant-grid a:hover{transform:translateY(-3px);border-color:var(--secondary);box-shadow:0 6px 18px rgba(27,94,32,.12)}.category-card strong{display:block;color:var(--primary);font-size:1.1rem}.category-card span{display:block;margin-top:.25rem;color:var(--text);font-size:.95rem}.plant-grid a{color:var(--secondary);font-weight:600;font-size:1rem;line-height:1.35}.plant-grid em{display:block;margin-top:.25rem;color:var(--text);font-weight:400;font-size:.95rem}.is-hidden{display:none!important}.field-note{margin-top:var(--space);padding:1rem 1.25rem;background:var(--light);border-left:4px solid var(--primary);border-radius:4px}.field-note h2{margin-top:0;color:var(--primary);font-size:1.2rem}.footer-navigation{margin-top:var(--space)}footer{text-align:center;border-top:2px solid var(--border);margin-top:var(--space);padding:var(--space) .5rem;font-size:.9rem}@media(max-width:950px){.category-grid,.plant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.category-grid,.plant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){body{padding:.5rem}.category-shell{padding:1rem;border-radius:0}.category-grid,.plant-grid{grid-template-columns:1fr}.tools input{flex-basis:100%}.site-nav{font-size:.95rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(prefers-color-scheme:dark){:root{--primary:#81c784;--secondary:#a5d6a7;--text:#e0e0e0;--light:#2c3e50}body{background-color:#1a1a1a}.category-shell{background:#1e1e1e}.tools,.field-note{background:#26382a}.tools input{background:#252525;color:var(--text)}.category-card,.plant-grid a{background:rgba(76,175,80,.08)}}