.reaction-widget { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; position: relative; }
.reaction-widget__label { color: #666; font-size: 13px; margin-right: 3px; }
.reaction-choice, .reaction-widget__plus { border: 1px solid #ddd; border-radius: 18px; background: #fff; color: #333; min-height: 32px; padding: 3px 9px; cursor: pointer; }
.reaction-choice:hover, .reaction-widget__plus:hover { border-color: #999; background: #f8f8f8; }
.reaction-choice.is-selected { border-color: #cf2424; background: #fff1f1; }
.reaction-choice__emoji { font-size: 17px; line-height: 1; vertical-align: middle; }
.reaction-choice__count { font-size: 12px; margin-left: 3px; vertical-align: middle; }
.reaction-widget__plus { font-size: 19px; line-height: 1; min-width: 32px; }
.reaction-widget__more { position: relative; }
.reaction-widget__popover { position: absolute; z-index: 20; top: 38px; right: 0; display: flex; gap: 5px; padding: 8px; border: 1px solid #ddd; border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.15); white-space: nowrap; }
.reaction-widget__popover[hidden] { display: none; }