.post-reactions{gap:1.5rem}.post-reactions,.post-reactions-loading{display:flex;align-items:center;justify-content:flex-start;padding:.5rem 0}.post-reactions-loading{gap:1rem;color:#9ca3af;font-size:.875rem}.post-reactions-button{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:0;background:none;border:none;cursor:pointer;transition:all .15s ease-in-out;color:#d1d5db}.post-reactions-button:hover:not(:disabled){transform:scale(1.1)}.post-reactions-button:hover:not(:disabled) .post-reactions-icon{color:#fff}.post-reactions-button:active:not(:disabled){transform:scale(.95)}.post-reactions-button:disabled{opacity:.5;cursor:not-allowed}.post-reactions-button.active-like .post-reactions-icon.filled{color:#2ad4f5;animation:likeAnimation .3s ease-in-out}.post-reactions-button.active-like .post-reactions-count{color:#2ad4f5;font-weight:600}.post-reactions-button.active-dislike .post-reactions-icon.filled{color:#db23f9;animation:likeAnimation .3s ease-in-out}.post-reactions-button.active-dislike .post-reactions-count{color:#db23f9;font-weight:600}.post-reactions-icon{font-size:1.5rem;transition:all .15s ease-in-out;color:#d1d5db}.post-reactions-icon.filled{color:inherit}.post-reactions-count{font-size:.875rem;font-weight:500;color:#d1d5db;min-width:1rem;text-align:left;transition:all .15s ease-in-out}.post-reactions-signin{font-size:.875rem;color:#9ca3af;margin-left:.5rem}.post-reactions-signin a{background:linear-gradient(135deg,#db23f9,#2ad4f5 50%,#837af6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-decoration:none;transition:opacity .2s ease-in-out;font-weight:500}.post-reactions-signin a:hover{opacity:.8}.comment-form{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:rgba(26,36,71,.3);border-radius:9999px;transition:all .2s ease-in-out}.comment-form:focus-within{background-color:rgba(26,36,71,.5)}.comment-form-input{flex:1;padding:0 .5rem;background:none;border:none;color:#fff;font-size:.875rem;transition:all .2s ease-in-out}.comment-form-input::-moz-placeholder{color:#9ca3af}.comment-form-input::placeholder{color:#9ca3af}.comment-form-input:focus{outline:none}.comment-form-input:disabled{opacity:.5;cursor:not-allowed}.comment-form-error{position:absolute;bottom:-1.5rem;left:0;font-size:.75rem;color:#f87171}.comment-form-submit{padding:0;background:none;border:none;color:#2ad4f5;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}.comment-form-submit:hover:not(:disabled){color:#22d3ee}.comment-form-submit:disabled{opacity:.5;cursor:not-allowed}.comment-form-signin{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(71,85,105,.5);font-size:.875rem}.comment-form-signin-link{color:#2ad4f5;font-weight:600;text-decoration:none;transition:color .2s ease-in-out}.comment-form-signin-link:hover{color:#22d3ee}.comment-form-signin-text{color:#9ca3af}.comment-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:1040;animation:fadeIn .2s ease-out;pointer-events:all}.comment-modal-backdrop.closing{animation:fadeOut .3s ease-out forwards}.comment-modal{position:fixed;bottom:0;left:0;right:0;background-color:#0d1633;width:100%;max-height:85vh;border-radius:1rem 1rem 0 0;display:flex;flex-direction:column;box-shadow:0 -4px 20px rgba(0,0,0,.3);z-index:1050;transform:translateY(100%);animation:slideUpMobile .3s cubic-bezier(.32,.72,0,1) forwards}.comment-modal.closing{animation:slideDownMobile .3s cubic-bezier(.68,-.55,.265,1.55) forwards}@media(min-width:768px){.comment-modal{left:50%;right:auto;max-width:600px;max-height:80vh;transform:translate(-50%,100%);animation:slideUpDesktop .3s cubic-bezier(.32,.72,0,1) forwards}.comment-modal.closing{animation:slideDownDesktop .3s cubic-bezier(.68,-.55,.265,1.55) forwards}}@media(min-width:1024px){.comment-modal{left:calc(300px + (100vw - 300px)/2);transform:translate(-50%,100%);animation:slideUpDesktop .3s cubic-bezier(.32,.72,0,1) forwards}.comment-modal.closing{animation:slideDownDesktop .3s cubic-bezier(.68,-.55,.265,1.55) forwards}}.comment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #1a2447;flex-shrink:0}.comment-modal-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.comment-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;color:#d1d5db;cursor:pointer;border-radius:9999px;transition:all .15s ease-in-out;font-size:1.5rem}.comment-modal-close:hover{background-color:#1a2447;color:#fff}.comment-modal-close:active{transform:scale(.95)}.comment-modal-content{flex:1;overflow-y:auto;padding:1.5rem 2rem}.comment-modal-content::-webkit-scrollbar{width:8px}.comment-modal-content::-webkit-scrollbar-track{background:#000932}.comment-modal-content::-webkit-scrollbar-thumb{background:#475569;border-radius:9999px}.comment-modal-content::-webkit-scrollbar-thumb:hover{background:#64748b}.comment-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;text-align:center;gap:1rem}.comment-modal-empty-icon{font-size:4rem;color:#9ca3af;margin-bottom:.5rem}.comment-modal-empty-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.comment-modal-empty-subtitle{font-size:.875rem;color:#9ca3af;margin:0}.comment-modal-list{display:flex;flex-direction:column;gap:2rem}.comment-modal-item{display:flex;align-items:flex-start;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(26,36,71,.5)}.comment-modal-item:last-child{border-bottom:none;padding-bottom:0}.comment-modal-avatar{flex-shrink:0;font-size:2.5rem;color:#9ca3af;margin-top:.25rem}.comment-modal-avatar svg{display:block}.comment-modal-item-content{flex:1;min-width:0}.comment-modal-item-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.comment-modal-author{font-size:.875rem;font-weight:600;color:#fff}.comment-modal-date{font-size:.75rem;color:#9ca3af}.comment-modal-text{font-size:.875rem;color:#d1d5db;line-height:1.6;margin:0;word-wrap:break-word;overflow-wrap:break-word}.comment-modal-like-section{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0;margin-left:.5rem}.comment-modal-like-button{background:none;border:none;padding:.25rem;cursor:pointer;color:#9ca3af;font-size:1.5rem;transition:all .15s ease-in-out;display:flex;align-items:center;justify-content:center}.comment-modal-like-button:hover:not(:disabled){color:#fff;transform:scale(1.15)}.comment-modal-like-button:active:not(:disabled){transform:scale(.95)}.comment-modal-like-button.liked{color:#db23f9;animation:likePopModal .3s cubic-bezier(.68,-.55,.265,1.55)}.comment-modal-like-button:disabled{opacity:.5;cursor:not-allowed}.comment-modal-like-icon{display:block}.comment-modal-like-count{font-size:.75rem;color:#9ca3af;font-weight:500;line-height:1}.comment-modal-footer{padding:1.5rem 2rem;border-top:1px solid #1a2447;flex-shrink:0;background-color:#0d1633}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownMobile{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideUpDesktop{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes slideDownDesktop{0%{transform:translate(-50%)}to{transform:translate(-50%,100%)}}@keyframes likePopModal{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.post-comments{display:inline-flex;flex-direction:column;gap:.5rem}.post-comments-content{display:flex;flex-direction:column;gap:.25rem}.post-comments-preview-list{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.post-comments-preview{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.comment-preview-left{display:flex;gap:.5rem;flex:1;min-width:0}.comment-preview-avatar{font-size:2rem;color:#9ca3af;flex-shrink:0;margin-top:2px}.comment-preview-content{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.comment-preview-author{font-size:.875rem;font-weight:600;color:#fff;line-height:1.2}.comment-preview-text{font-size:.875rem;color:#d1d5db;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.comment-preview-like{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:.25rem;margin:-.25rem;flex-shrink:0;transition:all .15s ease-in-out}.comment-preview-like:hover:not(:disabled){transform:scale(1.1)}.comment-preview-like:active:not(:disabled){transform:scale(.95)}.comment-preview-like:disabled{opacity:.5;cursor:not-allowed}.comment-preview-like .comment-like-icon{font-size:1.25rem;color:#d1d5db;transition:all .15s ease-in-out}.comment-preview-like .comment-like-icon.filled{color:#2ad4f5;animation:likeAnimation .3s ease-in-out}.comment-preview-like .comment-like-count{font-size:.75rem;color:#9ca3af;font-weight:500;min-width:1rem;text-align:center}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.post-comments-icon-button{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:0;background:none;border:none;cursor:pointer;transition:all .15s ease-in-out;color:#d1d5db}.post-comments-icon-button:hover{transform:scale(1.1)}.post-comments-icon-button:hover .post-comments-icon{color:#fff}.post-comments-icon-button:active{transform:scale(.95)}.post-comments-icon{font-size:1.5rem}.post-comments-count,.post-comments-icon{transition:all .15s ease-in-out;color:#d1d5db}.post-comments-count{font-size:.875rem;font-weight:500;min-width:1rem;text-align:left}.post-comments-view-all{background:none;border:none;color:#9ca3af;font-size:.75rem;font-weight:500;cursor:pointer;padding:0;text-align:left;transition:color .2s ease-in-out}.post-comments-view-all:hover{color:#d1d5db}.post-comments-loading{padding:1rem 0;color:#9ca3af;font-size:.875rem}.post-comments-list{gap:.5rem;margin-bottom:1rem}.comment,.post-comments-list{display:flex;flex-direction:column}.comment{gap:.25rem;padding:0;background:none;border:none}.comment-author{font-size:.875rem;font-weight:600;color:#fff;display:inline}.comment-content{font-size:.875rem;color:#d1d5db;line-height:1.4;display:inline;margin-left:.25rem}.comment-date{font-size:.75rem;color:#9ca3af;margin-top:.25rem}