*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{color:#333;background-color:#f4f6f0}header{color:#fff;background-color:#2e7d32;padding:1rem 2rem}header nav{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}header nav span{font-size:1.2rem;font-weight:700}header nav div{gap:1.5rem;display:flex}header nav a{color:#fff;font-weight:500;text-decoration:none}header nav a:hover{text-decoration:underline}header h1{text-align:center;font-size:2.5rem}header p{text-align:center;opacity:.85;margin-top:.5rem;padding-bottom:2rem}main{max-width:1100px;margin:2rem auto;padding:0 1rem}main h2{color:#2e7d32;margin-bottom:1rem;font-size:1.5rem}.hero-buttons{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.btn-need{color:#fff;cursor:pointer;background-color:#2e7d32;border:none;border-radius:12px;padding:1.2rem;font-size:1.2rem;font-weight:700}.btn-lend{color:#fff;cursor:pointer;background-color:#1565c0;border:none;border-radius:12px;padding:1.2rem;font-size:1.2rem;font-weight:700}.btn-need:hover{background-color:#1b5e20}.btn-lend:hover{background-color:#0d47a1}.category-filter{flex-wrap:wrap;gap:.7rem;margin-bottom:1.5rem;display:flex}.cat-btn{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:20px;padding:.4rem 1rem;font-size:.9rem;transition:all .2s}.cat-btn:hover{color:#2e7d32;border-color:#2e7d32}.cat-btn-active{color:#fff;background-color:#2e7d32;border-color:#2e7d32}.two-col{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.list-card{background:#fff;border-radius:12px;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex;box-shadow:0 2px 8px #00000014}.list-card-image{background:#f0f0f0;border-radius:8px;justify-content:center;align-items:center;width:80px;min-width:80px;height:80px;display:flex;overflow:hidden}.list-card-image img{object-fit:cover;width:100%;height:100%}.list-card-emoji{font-size:2.5rem}.list-card-info{flex:1}.list-card-info h3{margin-bottom:.2rem;font-size:1rem}.list-card-meta{color:#888;margin-bottom:.3rem;font-size:.85rem}.list-card-desc{color:#555;margin-bottom:.7rem;font-size:.9rem}.btn-borrow{color:#fff;cursor:pointer;background-color:#2e7d32;border:none;border-radius:20px;padding:.4rem 1rem;font-size:.85rem}.btn-borrow:hover{background-color:#1b5e20}.btn-offer{color:#fff;cursor:pointer;background-color:#e65100;border:none;border-radius:20px;padding:.4rem 1rem;font-size:.85rem}.btn-offer:hover{background-color:#bf360c}.btn-post{color:#fff;cursor:pointer;background-color:#2e7d32;border:none;border-radius:25px;margin-bottom:1.5rem;padding:.7rem 1.5rem;font-size:1rem;display:block}.btn-post:hover{background-color:#1b5e20}.btn-cancel{color:#333;cursor:pointer;background-color:#eee;border:none;border-radius:20px;flex:1;padding:.7rem 1.5rem;font-size:.95rem}.btn-cancel:hover{background-color:#ddd}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:90%;max-width:480px;max-height:90vh;padding:2rem;display:flex;overflow-y:auto}.modal h2{color:#2e7d32}.modal input,.modal select{border:1px solid #ddd;border-radius:8px;width:100%;padding:.7rem 1rem;font-size:.95rem}.modal-buttons{gap:1rem;display:flex}.upload-area{cursor:pointer;width:100%}.upload-placeholder{text-align:center;color:#888;border:2px dashed #ddd;border-radius:8px;padding:2rem;font-size:.95rem}.upload-placeholder:hover{color:#2e7d32;border-color:#2e7d32}.image-preview{object-fit:cover;border-radius:8px;width:100%;height:180px}.profile-card{background:#fff;border-radius:12px;max-width:400px;margin-top:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.profile-card p{margin:.5rem 0}.post-card{background:#fff;border-radius:12px;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex;box-shadow:0 2px 8px #00000014}.post-card-left{text-align:center;min-width:50px}.post-emoji{font-size:2rem}.post-card-content{flex:1}.post-card-content h3{color:#333;margin-bottom:.3rem;font-size:.95rem}.post-excerpt{color:#555;margin-bottom:.3rem;font-size:.85rem}.post-meta{color:#888;margin-bottom:.5rem;font-size:.8rem}.btn-like{cursor:pointer;color:#555;background:0 0;border:1px solid #ddd;border-radius:20px;padding:.3rem .8rem;font-size:.8rem;transition:all .2s}.btn-like:hover{color:#e65100;border-color:#e65100}footer{color:#fff;text-align:center;background-color:#2e7d32;justify-content:center;gap:2rem;margin-top:3rem;padding:1.5rem;display:flex}