.post-page{box-sizing:border-box;margin:0 auto;max-width:800px;min-height:100vh;overflow-x:hidden;padding:2rem 1rem;width:100%}.post-page-loading{align-items:center;display:flex;font-size:1.2rem;justify-content:center;min-height:200px;padding:3rem;text-align:center}.post-page-error{color:#dc3545;padding:3rem;text-align:center}.post-page-container,.post-page-posts{box-sizing:border-box;width:100%}.post-page-load-more{padding:2rem;text-align:center}.post-page-load-more-btn{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.post-page-load-more-btn:hover:not(:disabled){background-color:#3730a3}.post-page-load-more-btn:disabled{background-color:#a5b4fc;cursor:not-allowed}.post-page-load-more-indicator,.post-page-no-more{color:#666;padding:2rem;text-align:center}.post-page-no-more{font-style:italic}.post-page-download-app{background-color:#f8f9fa;border-radius:12px;margin:2rem 0;padding:2rem;text-align:center}.post-page-download-app p{color:#666;margin-bottom:1rem}.post-page-download-app-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.post-page-download-app-links a{display:inline-flex;transition:opacity .2s ease}.post-page-download-app-links a:hover{opacity:.8}.post-page-download-app-links img{height:40px;-o-object-fit:contain;object-fit:contain}@media screen and (max-width:768px){.post-page{max-width:100vw;overflow-x:hidden;padding:0;width:100vw}.post-page-download-app{margin:1.5rem 0;padding:1.5rem 1rem}}@media screen and (max-width:480px){.post-page{max-width:100vw;overflow-x:hidden;padding:0;width:100vw}}.post-item-full{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;margin-bottom:2rem;max-width:100%;overflow:hidden}.post-header{border-bottom:1px solid #f0f0f0;padding:1rem 1.5rem}.post-author-link{align-items:center;color:inherit;display:flex;gap:.75rem;text-decoration:none;transition:opacity .2s ease}.post-author-link:hover{opacity:.8}.post-author-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.author-avatar{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.author-avatar-placeholder{align-items:center;background-color:#544864;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:100%;justify-content:center;width:100%}.post-author-info{display:flex;flex-direction:column}.post-author-name{font-size:1.1rem;font-weight:600}.post-timestamp{color:#8a7a94;font-size:.8rem;margin-top:2px}.post-images-container{background-color:#f8f8f8;overflow:hidden;position:relative;width:100%}.post-images-slider{overflow:hidden}.post-image-slide,.post-images-slider{height:100%;left:0;position:absolute;top:0;width:100%}.post-image-slide{align-items:center;display:flex;justify-content:center;opacity:0;transition:opacity .3s ease}.post-image-slide.active{opacity:1;position:relative}.post-slide-image{cursor:pointer;display:block;height:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.slide-indicators{bottom:1rem;display:flex;gap:.5rem;justify-content:center;left:0;position:absolute;right:0;z-index:10}.slide-indicator{background-color:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:background-color .3s ease;width:8px}.slide-indicator.active{background-color:#fff}.slide-nav{align-items:center;background-color:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:40px;z-index:10}.slide-nav:hover{background-color:#00000080}.slide-nav.prev{left:1rem}.slide-nav.next{right:1rem}.slide-nav svg{height:24px;width:24px}.post-no-images{align-items:center;color:#666;display:flex;font-style:italic;height:100%;justify-content:center;width:100%}.post-stats{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.post-likes,.post-views{align-items:center;color:gray;display:flex;font-size:12px;gap:.5rem}.stat-icon{height:20px;-o-object-fit:contain;object-fit:contain;width:20px}.stat-count{color:#333;font-weight:600}.post-content{color:#333;line-height:1.5;padding:1rem 1.5rem}.post-content p{margin:0;white-space:pre-line}.post-pets{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;padding:0 1.5rem 1rem}.post-pets-label{color:#666;font-size:.9rem}.post-pets-list{display:flex;flex-wrap:wrap;gap:.5rem}.pet-tag{background-color:#f0f0f0;border-radius:16px;color:#555;font-size:.85rem;padding:.25rem .75rem}@media screen and (max-width:768px){.post-item-full{border-radius:0;box-shadow:none;margin-bottom:1rem;max-width:100%;width:100%}.post-images-container{overflow:hidden}.post-content,.post-header,.post-pets,.post-stats{padding:.75rem 1rem}.slide-nav{height:32px;width:32px}.slide-nav.prev{left:.5rem}.slide-nav.next{right:.5rem}}@media screen and (max-width:480px){.post-item-full{margin-bottom:.5rem}.post-content,.post-header,.post-pets,.post-stats{padding:.5rem}.post-author-name,.post-content p{font-size:.9rem}.post-pets{font-size:.85rem}.pet-tag{font-size:.8rem;padding:.15rem .5rem}.slide-nav{height:28px;width:28px}.slide-nav svg{height:20px;width:20px}.slide-indicator{height:6px;width:6px}}@media screen and (max-width:320px){.post-content,.post-header,.post-pets,.post-stats{padding:.4rem}.post-author-name,.post-content p{font-size:.85rem}}.pet-tag-link{color:inherit;text-decoration:none}.pet-tag-link:hover .pet-tag{cursor:pointer;text-decoration:underline}