:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:linear-gradient(180deg,#87ceeb,#98e4a8 40%,#5dbb63)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;gap:1rem}.title{font-size:2.5rem;font-weight:800;color:#2d5a27;text-shadow:2px 2px 0 rgba(255,255,255,.4);letter-spacing:-.02em}.subtitle{font-size:1.1rem;color:#3a6e33;font-weight:500}.stats{display:flex;gap:1.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.6rem 1.5rem;border-radius:2rem;font-weight:700;color:#2d5a27;font-size:1rem;box-shadow:0 2px 8px #0000001a}.toolbar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.tool-group{display:flex;align-items:center;gap:.4rem;background:#ffffffa6;padding:.4rem .8rem;border-radius:1rem}.tool-label{font-size:.85rem;font-weight:700;color:#2d5a27;margin-right:.2rem}.tool-btn,.seed-btn{border:2px solid transparent;border-radius:.6rem;padding:.35rem .9rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;background:#ffffff80;color:#2d5a27}.tool-btn:hover,.seed-btn:hover{background:#ffffffe6;transform:scale(1.05)}.tool-btn.active{background:#2d5a27;color:#fff;border-color:#2d5a27}.seed-btn{font-size:1.3rem;padding:.2rem .6rem;line-height:1}.seed-btn.active{background:khaki;border-color:#daa520;transform:scale(1.15)}.garden-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;background:#8b693599;padding:1rem;border-radius:1.2rem;box-shadow:inset 0 4px 12px #0003,0 4px 16px #00000026}.cell{width:3.8rem;height:3.8rem;border-radius:.8rem;border:2px solid rgba(0,0,0,.1);cursor:pointer;font-size:1.8rem;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.cell.empty{background:#65432180}.cell.empty:hover{background:#654321cc;transform:scale(1.08)}.cell.planted{background:#6543214d;animation:pop .3s ease-out}.cell.planted:hover{transform:scale(1.1);box-shadow:0 0 12px #ffff6480}.cell.watered{animation:splash .6s ease-out;box-shadow:0 0 16px #64b4ffb3}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes splash{0%{box-shadow:0 0 #64b4ff00}30%{box-shadow:0 0 20px #64b4ffcc}to{box-shadow:0 0 8px #64b4ff4d}}.legend{display:flex;gap:1.2rem;font-size:.9rem;color:#2d5a27;font-weight:600;background:#ffffff80;padding:.4rem 1rem;border-radius:1rem}.clear-btn{background:#dc3c3ccc;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:2rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #00000026}.clear-btn:hover{background:#dc3c3c;transform:scale(1.05)}@media(max-width:500px){.cell{width:2.8rem;height:2.8rem;font-size:1.3rem}.garden-grid{gap:.35rem;padding:.7rem}.title{font-size:1.8rem}}