.post-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.post-modal-container{background-color:white;border-radius:8px;max-height:90vh;max-width:1200px;width:100%;display:flex;overflow:hidden;animation:slideUp .3s ease-out;box-shadow:0 8px 32px rgba(0,0,0,.3)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.post-modal-container.with-image{height:90vh}.post-modal-container.with-image .modal-content-section{width:560px;flex-shrink:0}.post-modal-container.text-only{max-width:880px}.post-modal-container.text-only .modal-content-section{width:100%}.modal-image-section{flex:1;background-color:#000;overflow:hidden}.modal-image-section,.modal-image-wrapper{display:flex;align-items:center;justify-content:center;position:relative}.modal-image,.modal-image-wrapper{width:100%;height:100%}.modal-image{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-indicators{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.indicator{width:24px;height:4px;border-radius:4px;background-color:rgba(248,239,224,.4);cursor:pointer;transition:all .2s}.indicator.active{background-color:#f8efe0;width:24px}.indicator:hover{background-color:rgba(248,239,224,.6)}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:none;cursor:pointer;padding:0;z-index:10;transition:opacity .2s}.nav-btn:hover{opacity:.8}.prev-btn{left:8px}.next-btn{right:8px}.modal-content-section{display:flex;flex-direction:column;background-color:white;flex:1;min-height:0;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 16px;border-bottom:1px solid #f1f1f1;flex-shrink:0}.modal-author-info{display:flex;align-items:center;gap:12px;flex:1}.modal-author-info .author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.modal-author-info .author-avatar img{width:100%;height:100%;object-fit:cover}.modal-author-info .author-name-section{display:flex;flex-direction:column;gap:4px}.modal-author-info .author-name{font-family:Sora,sans-serif;font-size:12px;font-weight:700;color:#000;margin:0}.modal-author-info .post-date{font-size:10px;font-weight:400;margin:0}.btn-share,.modal-author-info .post-date{font-family:Sora,sans-serif;color:#999194}.btn-share{font-size:12px;border:none;background:none;cursor:pointer;padding:8px 12px;margin-left:auto;margin-right:16px;transition:all .2s;border-radius:4px}.btn-share:hover:not(:disabled){color:#000;background-color:#f1f1f1}.btn-share:disabled{opacity:.6;cursor:not-allowed}.btn-share:active:not(:disabled){transform:scale(.98)}.modal-header-actions{display:flex;align-items:center;gap:8px}.btn-close,.btn-options{width:40px;height:40px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;color:rgba(0,0,0,.6);transition:background-color .2s}.btn-close:hover,.btn-options:hover{background-color:#f1f1f1}.btn-icon{width:40px;height:40px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;color:rgba(0,0,0,.6);transition:background-color .2s,transform .2s;padding:0}.btn-icon:hover:not(:disabled){background-color:#f1f1f1}.btn-icon:active:not(:disabled){transform:scale(.95)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.modal-comments-area{flex:1;overflow:hidden;padding:0;display:flex;flex-direction:column;min-height:0}.original-post{padding:16px 32px;flex-shrink:0;overflow:visible}.post-text{font-family:Sora,sans-serif;font-size:12px;line-height:1.6;color:#000;margin:0 0 16px}.post-stats{gap:12px;justify-content:flex-start}.post-stats,.stat-btn{display:flex;align-items:center}.stat-btn{gap:4px;border:none;background:none;padding:0;cursor:pointer;font-family:Sora,sans-serif;font-size:12px;font-weight:600;color:#000;transition:opacity .2s}.stat-btn:hover{opacity:.7}.stat-count{order:-1}.post-time{font-family:Sora,sans-serif;font-size:12px;color:#999194}.comments-divider{height:1px;background-color:#f1f1f1;margin:0 32px;flex-shrink:0}.comments-list{padding:0;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.comments-list::-webkit-scrollbar{width:8px}.comments-list::-webkit-scrollbar-track{background:#f1f1f1}.comments-list::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.comments-list::-webkit-scrollbar-thumb:hover{background:#bbb}.comment-item{display:flex;gap:16px;padding:16px 32px}.comment-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-content{flex:1;padding-top:4px}.comment-author{font-weight:700}.comment-author,.comment-text{font-family:Sora,sans-serif;font-size:12px;color:#000;margin:0 0 8px}.comment-text{line-height:1.6}.comment-actions{display:flex;align-items:center;gap:16px}.comment-action-btn{display:flex;align-items:center;gap:4px;border:none;background:none;padding:0;cursor:pointer;font-family:Sora,sans-serif;font-size:12px;font-weight:600;color:#000;transition:opacity .2s}.comment-action-btn:hover{opacity:.7}.action-count{order:-1}.comment-action-text{border:none;background:none;padding:0;cursor:pointer;font-family:Sora,sans-serif;font-size:12px;color:#999194;transition:color .2s}.comment-action-text:hover{color:#000}.comment-time,.view-replies-btn{font-family:Sora,sans-serif;font-size:12px;color:#999194}.view-replies-btn{border:none;background:none;padding:0;margin-top:8px;cursor:pointer;transition:color .2s;display:block}.view-replies-btn:hover{color:#000}.modal-footer{border-top:1px solid #f1f1f1;padding:16px 32px;flex-shrink:0;background-color:white}.comment-form{display:flex;align-items:center;justify-content:space-between;gap:8px}.comment-input{flex:1;border:none;outline:none;font-family:Sora,sans-serif;font-size:12px;color:#000;padding:0}.comment-input::placeholder{color:#9c9c9c}.comment-form-actions{display:flex;align-items:center;gap:8px}.btn-emoji,.btn-send{width:40px;height:40px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;font-size:20px}.btn-emoji:hover,.btn-send:hover:not(:disabled){background-color:#f1f1f1}.btn-send:disabled{opacity:.3;cursor:not-allowed}@media (max-width:1024px){.post-modal-container.with-image{flex-direction:column;height:auto;max-height:90vh}.post-modal-container.with-image .modal-image-section{height:50vh;flex:none}.post-modal-container.with-image .modal-content-section{width:100%;flex:1}}@media (max-width:768px){.post-modal-overlay{padding:0}.post-modal-container{max-height:100vh;max-width:100%;border-radius:0}.comment-item,.comments-divider,.modal-footer,.modal-header,.original-post{padding-left:16px;padding-right:16px}.post-modal-container.text-only{max-width:100%}}