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