@import "https://fonts.googleapis.com/css2?family=Schoolbell&family=Short+Stack&display=swap";:root{--cream:#fbf9f2;--green:#2f5040;--sage:#7c9573;--sage-deep:#5e7a55;--ink:#23302a;--muted:#5d6b62;--line:#e5e2d4;--plum:#6a3d7c;--tint:#e9eedf;--tag:var(--sage-deep);--paper:var(--cream);--leaf:var(--green)}[data-category=Succulent]{--tint:#cfe6d6;--tag:#2a7a5c}[data-category=Flowering]{--tint:#f7cfdc;--tag:#b8416d}[data-category=Herb]{--tint:#e2e8a8;--tag:#5f7a17}[data-category=Tropical]{--tint:#f8d5b0;--tag:#a8560b}[data-category=Trailing]{--tint:#dcd0f0;--tag:#7a5bb5}[data-category=Tree]{--tint:#e0ccb5;--tag:#8a6240}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font:17px/1.6 Schoolbell,cursive}h1,h2,h3{color:var(--green);margin:0;font-family:Short Stack,cursive;font-weight:400;line-height:1.15}:focus-visible{outline:3px solid var(--plum);outline-offset:2px}.site-header{background:var(--sage-deep);color:#fff;padding:56px 20px 64px}.header-inner{max-width:1000px;margin:0 auto}.brand{align-items:center;gap:16px;display:flex}.logo-mark{flex-shrink:0;width:64px;height:64px}.site-header h1{color:#fff;font-size:clamp(2.8rem,9vw,5rem)}.tagline{max-width:30em;margin:12px 0 0;font-size:2rem}.page{max-width:1000px;margin:0 auto;padding:48px 20px 80px}.page>*+*{margin-top:56px}.page h2{margin-bottom:20px;font-size:2rem}.plant-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1000px){.plant-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.plant-grid{grid-template-columns:1fr}}.page,.header-inner{max-width:1200px}.plant-card{border:1px solid var(--line);border-top:10px solid var(--tag);background:#fff;border-radius:6px 6px 14px 14px;flex-direction:column;gap:12px;padding:40px 22px 22px;display:flex;position:relative}.plant-card:before{content:"";background:var(--cream);border:2px solid var(--tag);border-radius:50%;width:14px;height:14px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.plant-card h3{font-size:1.5rem}.plant-card p{margin:0}.plant-card .care{background:var(--tint);border-left:4px solid var(--tag);border-radius:0 8px 8px 0;padding:8px 12px}.plant-card small{color:var(--muted);margin-top:auto}.badge{background:var(--tag);color:#fff;border-radius:999px;align-self:flex-start;padding:2px 12px;font-size:.9rem}.forms{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:24px;display:grid}.forms section{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.forms h2{font-size:1.5rem}form{gap:12px;display:grid}input,textarea,select{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #b7c5ac;border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:90px}button{font:inherit;color:#fff;background:var(--leaf);cursor:pointer;border:none;border-radius:8px;padding:12px 16px}button:hover{background:#244a32}.lists{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 14px}.plant-photo{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%}
