@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");.pright{height:100%;width:100%}.post-list-container{display:flex;margin-top:20px;gap:30px;width:100%;flex-wrap:wrap;justify-content:center;overflow-y:auto;border-radius:20px;height:91vh;border-top:1px solid #9a9a9aa2;scroll-behavior:smooth;padding:20px}.title{text-align:center;font-family:Inter,sans-serif}.post-card,.title{margin-bottom:20px}.post-card{border:1px solid #727272d8;width:350px;display:flex;flex-direction:column;justify-content:space-around;height:auto;min-height:250px;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.post-header{display:flex;border-bottom:1px solid hsla(0,0%,45%,.5);margin-bottom:15px}.usernamek{font-family:Helvetica Neue,Arial,sans-serif}.user-avatar{width:50px;height:50px;border-radius:50%;margin-right:15px}.user-info{display:flex;gap:100px;flex-direction:row}.timestamp{font-size:.9rem;color:#a78b8b}.post-content{padding:2px;font-family:Helvetica Neue,Arial,sans-serif;margin-top:-10px;margin-bottom:15px}.post-image{margin-top:10px;width:100%;height:auto;object-fit:contain;border-radius:5px}.post-actions{border-top:1px solid hsla(0,0%,45%,.5);display:flex;justify-content:space-between}.action-button{bottom:0;margin-top:10px;background-color:transparent;border:none;font-size:1rem;cursor:pointer;display:flex;align-items:center}.action-button .icon{margin-right:5px}.action-button:hover{color:#e74c3c}@media (max-width:600px){.post-card{flex:0 0 100%}}.prights{height:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;z-index:100;position:absolute;top:20px;left:20px}.line{width:30px;height:4px;background-color:#333;margin:5px 0;transition:.4s}.line.open:first-child{transform:rotate(-45deg) translate(-5px,5px)}.line.open:nth-child(2){opacity:0}.line.open:nth-child(3){transform:rotate(45deg) translate(-5px,-5px)}.pright.hidden{display:none}@media (max-width:768px){.pleft{display:none}.pright{display:block}}.modal-overlayq{margin-top:50px;color:#000;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-contentq{background-color:#0f0f0f;padding:20px;border-radius:10px;max-width:500px;width:100%;color:#fff;overflow-y:auto;max-height:70vh}.comments-container{margin-top:15px;min-height:300px;overflow-y:scroll;padding:10px;border-radius:14px;border:1px solid #ccc;background-color:#000}.comment{font-family:Helvetica Neue,Arial,sans-serif;border-bottom:1px solid hsla(0,0%,100%,.5);margin-bottom:10px;padding:5px 0}.comment-input{border-radius:10px;margin-top:15px;display:flex;gap:10px}.comment-input input{flex-grow:1;padding:8px;border-radius:30px;border:1px solid #ccc;background-color:#f9f9f9;color:#000}.submit-comment-btn{background-color:#4caf50}.close-modal-btn,.submit-comment-btn{padding:8px 12px;font-family:Helvetica Neue,Arial,sans-serif;border:none;border-radius:10px;cursor:pointer;color:#fff}.close-modal-btn{margin-top:10px;background-color:#f44}