.emoji-reaction-container{display:inline-block;position:relative;cursor:pointer}.emoji-main-container{display:flex;align-items:center;justify-content:space-between;gap:8px}.emoji-left-part{display:flex;align-items:center;gap:4px;padding:3px 5px;border-radius:20px;transition:background-color .2s ease}.emoji-left-part:hover{background-color:rgba(0,0,0,.05)}.dark .emoji-left-part:hover{background-color:hsla(0,0%,100%,.1)}.emoji-right-part{display:flex;align-items:center;gap:12px;color:var(--color-text-light,#666)}.emotion-icon{width:20px;height:20px;display:inline-block;vertical-align:middle}.emoji-reaction-text,.emoji-total-count{font-size:14px;color:var(--color-text-light,#666);margin-left:4px}.emoji-share-item,.emoji-views-item{display:flex;align-items:center;gap:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;color:var(--color-text-light,#6c757d)}.emoji-share-item:hover,.emoji-views-item:hover{color:var(--color-text,#333)}.emoji-reaction-selector{position:absolute!important;bottom:calc(100% + 10px)!important;left:0!important;top:auto!important;right:auto!important;transform:none!important;display:none;background-color:var(--color-bg-card,#fff);border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1);padding:8px;z-index:1000;flex-wrap:wrap;gap:8px;border:1px solid rgba(0,0,0,.1)}.emoji-reaction-selector:after{content:"";position:absolute;bottom:-6px;left:10px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-bg-card,#fff)}.dark .emoji-reaction-selector{box-shadow:0 3px 10px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1)}.dark .emoji-reaction-selector:after{border-top-color:var(--color-bg-card,#333)}.emoji-selector-active{display:flex}.emoji-reaction-option{display:flex;flex-direction:column;align-items:center;padding:6px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.emoji-reaction-option:hover{background-color:rgba(0,0,0,.05)}.dark .emoji-reaction-option:hover{background-color:hsla(0,0%,100%,.1)}.emoji-reaction-option .emotion-icon{width:24px;height:24px}.emoji-reaction-label{font-size:12px;margin-top:4px;color:var(--color-text-light,#666)}.emoji-reaction-clicked{color:var(--color-primary,#007bff)}