.comment-item-wrapper{transition:background-color .2s}.comment-item-wrapper:hover{background-color:#00000003}.comment-bubble{word-wrap:break-word;overflow-wrap:break-word;max-width:calc(100% - 48px)}.reaction-picker-popup{transform-origin:0 100%;animation:.15s cubic-bezier(.18,.89,.32,1.28) reactionPopup}@keyframes reactionPopup{0%{opacity:0;transform:scale(0)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.reaction-emoji-button{transition:transform .15s}.reaction-emoji-button:hover{transform:scale(1.4)}.comment-action-btn{cursor:pointer;transition:color .2s;position:relative}.comment-action-btn:hover{color:#0084ff}.comment-action-btn:after{content:"";background-color:#0084ff;height:2px;transition:transform .2s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.comment-action-btn:hover:after{transform:scaleX(1)}.reaction-badge{animation:.3s cubic-bezier(.68,-.55,.265,1.55) reactionPop}@keyframes reactionPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.reply-form-enter{animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.image-preview-enter{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.comment-list-container::-webkit-scrollbar{width:8px}.comment-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.comment-list-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.comment-list-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.reaction-loading{border:2px solid #0084ff33;border-top-color:#0084ff;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}textarea:focus{border-color:#0000;outline:none}.avatar-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.comment-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.emoji-picker-item{cursor:pointer;transition:transform .2s}.emoji-picker-item:hover{transform:scale(1.3)}.more-button{opacity:0;transition:opacity .2s}.group:hover .more-button{opacity:1}.edited-badge{opacity:.7;font-style:italic;transition:opacity .2s}.edited-badge:hover{opacity:1;cursor:pointer;text-decoration:underline}.new-comment-indicator{background:#0084ff;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}*{-webkit-tap-highlight-color:transparent}button,a,.clickable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media (max-width:640px){.comment-bubble{max-width:100%}.comment-action-btn{font-size:12px}}