.community-container{padding:2rem 1rem;min-height:calc(100vh - 200px);max-width:1200px;margin:0 auto}.community-title{color:#2c3e50;font-weight:700;margin-bottom:.5rem}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important;-webkit-text-fill-color:inherit!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button{visibility:hidden;display:none!important;pointer-events:none;position:absolute;right:0}input::-webkit-calendar-picker-indicator{display:none!important}.post-card{border:1px solid #e9ecef;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.post-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.post-title-link{text-decoration:none;color:inherit}.post-title-link:hover{text-decoration:none;color:#007bff}.post-title{font-weight:600;color:#2c3e50;margin:0;line-height:1.4}.post-content{color:#6c757d;font-size:.95rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-meta{font-size:.85rem}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.category-badge{padding:.5rem 1rem;border-radius:20px;font-weight:500;transition:all .3s ease}.category-badge:hover{transform:scale(1.05)}.write-btn{border-radius:25px;padding:.5rem 1.5rem;font-weight:500;transition:all .3s ease}.write-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.load-more-btn{border-radius:25px;padding:.75rem 2rem;font-weight:500;transition:all .3s ease;border:2px solid #007bff;color:#007bff;background-color:transparent}.load-more-btn:hover{background-color:#007bff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.3)}.load-more-btn:disabled{background-color:#6c757d;border-color:#6c757d;color:#fff;transform:none;box-shadow:none}.load-more-btn .spinner-border-sm{width:1rem;height:1rem}.post-detail-card{border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.post-detail-title{color:#2c3e50;font-weight:700;line-height:1.3}.post-content{font-size:1rem;line-height:1.7;color:#495057}.post-content p{margin-bottom:1rem}.comment-card{border:1px solid #f8f9fa;border-radius:8px;background-color:#f8f9fa;transition:all .3s ease}.comment-card:hover{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.comment-content{color:#495057;line-height:1.5;margin:0}.comment-actions{margin-top:.5rem}.comment-actions .btn-link{color:#6c757d;text-decoration:none;font-size:.85rem;padding:0}.comment-actions .btn-link:hover{color:#007bff;text-decoration:none}.like-btn{transition:all .2s ease;border-radius:20px;padding:.25rem .75rem;font-size:.9rem}.like-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(220,53,69,.3)}.like-btn.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.like-btn.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.like-btn.btn-outline-secondary:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.reply-card{border-left:3px solid #007bff;background-color:#f8f9fa;margin-left:20px;position:relative}.reply-card:before{content:"";position:absolute;left:-20px;top:20px;width:17px;height:2px;background-color:#dee2e6}.reply-card:hover{background-color:#fff;border-left-color:#0056b3}.reply-indicator{color:#007bff;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.reply-form{border-left:3px solid #28a745;background-color:#f8fff9;margin-left:20px;position:relative}.reply-form:before{content:"";position:absolute;left:-20px;top:20px;width:17px;height:2px;background-color:#28a745}.reply-form:hover{background-color:#fff;border-left-color:#1e7e34}.comment-hierarchy{position:relative}.comment-hierarchy .comment-card{margin-bottom:.5rem}.comment-hierarchy .reply-card{margin-top:.5rem}.reply-btn{font-size:.8rem;padding:.25rem .5rem;border-radius:12px;transition:all .2s ease}.reply-btn:hover{background-color:#007bff;color:#fff;transform:scale(1.05)}.form-control:focus,.form-select:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}@media (max-width:768px){.community-container{padding:1rem .5rem}.post-title{font-size:1.1rem}.post-content{font-size:.9rem}.category-filters{justify-content:center}.write-btn{width:100%;margin-top:1rem}.load-more-btn{width:100%;max-width:300px}.post-detail-title{font-size:1.5rem}.comment-card .row{flex-direction:column}.comment-card .col-md-3{margin-bottom:.5rem}.reply-card,.reply-form{margin-left:10px}.reply-card:before,.reply-form:before{left:-10px;width:7px}.like-btn{font-size:.8rem;padding:.2rem .5rem}}@media (max-width:576px){.community-title{font-size:1.8rem}.post-meta{flex-direction:column;gap:.25rem}.post-meta small{margin-right:0!important}.reply-card,.reply-form{margin-left:5px}.reply-card:before,.reply-form:before{left:-5px;width:3px}.like-btn{font-size:.75rem;padding:.15rem .4rem}}.spinner-border{color:#28a745}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-card{animation:fadeIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.reply-card,.reply-form{animation:slideIn .3s ease-out}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.like-btn.btn-danger{animation:heartBeat .5s ease-in-out}.btn:focus,.form-control:focus,.form-select:focus{outline:2px solid #28a745;outline-offset:2px}@media (prefers-color-scheme:dark){.post-card{background-color:#2d3748;border-color:#4a5568}.post-card,.post-title{color:#e2e8f0}.post-content{color:#a0aec0}.comment-card{background-color:#2d3748;border-color:#4a5568}.comment-content{color:#e2e8f0}.reply-card{background-color:#2d3748;border-left-color:#3182ce}.reply-form{background-color:#1a202c;border-left-color:#38a169}.reply-card:before,.reply-form:before{background-color:#4a5568}.like-btn.btn-outline-secondary{color:#e2e8f0;border-color:#4a5568}.like-btn.btn-outline-secondary:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}}