/* Emoji glyphs use the device's system emoji font; interface icons are bundled Font Awesome SVGs. */
.nm-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 2px;min-width:0;font-size:12px}
.nm-reactions button,.nm-reaction-picker button{font:inherit;cursor:pointer;color:var(--nm-muted,#63727c);background:var(--nm-input,#f6f8fa);border:1px solid var(--nm-border,#dce3e7);border-radius:var(--nm-radius,6px);transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.nm-reaction-add,.nm-reaction-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:5px 10px;white-space:nowrap;line-height:1.2}
.nm-reactions .nm-reaction-add{background:transparent;border-color:transparent;padding-left:4px}
.nm-reaction-add .nm-icon{width:18px;height:18px}.nm-reaction-plus{display:inline-flex;line-height:1}.nm-reaction-plus .nm-icon{width:10px;height:10px}.nm-reaction-dismiss .nm-icon{width:15px;height:15px}
.nm-reactions button:hover,.nm-reactions button.is-active,.nm-reaction-picker button:hover,.nm-reaction-picker button[aria-pressed=true]{background:var(--nm-accent-soft,#e7f3ec);border-color:var(--nm-accent,#248c4d);color:var(--nm-accent,#248c4d)}
.nm-reaction-chip.is-active{font-weight:700}.nm-reaction-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:19px;line-height:1.1;display:inline-block}
.nm-reaction-chip [data-reaction-count]{font-variant-numeric:tabular-nums;min-width:8px}
.nm-comment>.nm-reactions{margin-top:8px;font-size:11px}.nm-comment .nm-reaction-add,.nm-comment .nm-reaction-chip{min-height:30px;padding:4px 8px}.nm-comment .nm-reaction-emoji{font-size:17px}
.nm-reaction-picker{position:fixed;z-index:200;width:300px;max-width:calc(100vw - 24px);padding:12px;background:var(--nm-surface,#fff);color:var(--nm-text,#19252b);border:1px solid var(--nm-border,#dce3e7);border-radius:var(--nm-radius-lg,8px);box-shadow:0 10px 32px #0002;box-sizing:border-box;animation:nm-reaction-appear .16s ease-out}
.nm-reaction-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:12px;font-weight:650;color:var(--nm-muted,#63727c)}
.nm-reaction-picker .nm-reaction-dismiss{border:0;background:transparent;padding:4px 6px;min-width:26px;min-height:26px;line-height:1;font-size:18px;color:var(--nm-muted,#63727c)}
.nm-reaction-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.nm-reaction-picker .nm-reaction-choice{min-width:0;min-height:40px;padding:6px 0;display:grid;place-items:center;background:transparent;border-color:transparent}
.nm-reaction-choice .nm-reaction-emoji{font-size:26px;transition:transform .16s ease}
.nm-reaction-choice:hover .nm-reaction-emoji{transform:translateY(-2px) scale(1.08)}
.nm-reaction-picker-note{font-size:11px;line-height:1.4;margin:8px 0 0;color:var(--nm-muted,#63727c)}
.nm-reactions[aria-busy=true]{opacity:.65}.nm-reactions button:focus-visible,.nm-reaction-picker button:focus-visible{outline:2px solid var(--nm-accent,#248c4d);outline-offset:2px}
.nm-reaction-picker[hidden],.nm-reactions [hidden]{display:none!important}
@keyframes nm-reaction-appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.nm-reactions{gap:5px}.nm-reaction-add,.nm-reaction-chip{min-height:38px}.nm-comment .nm-reaction-add,.nm-comment .nm-reaction-chip{min-height:34px}}
@media(prefers-reduced-motion:reduce){.nm-reactions,.nm-reactions *,.nm-reaction-picker,.nm-reaction-picker *{animation:none!important;transition:none!important;transform:none!important}}
@media(forced-colors:active){.nm-reaction-chip.is-active,.nm-reaction-picker button[aria-pressed=true]{outline:2px solid Highlight}.nm-reaction-picker{border:1px solid CanvasText}}
/* 0.1.5: compact smile+ action, local raster emoji and a searchable, bounded palette. */
.nm-reactions .nm-reaction-add{position:relative;width:38px;min-width:38px;height:36px;padding:7px 10px 7px 4px;gap:0}
.nm-reaction-add>.nm-icon{width:22px;height:22px}
.nm-reaction-add .nm-reaction-plus{position:absolute;right:3px;bottom:5px;border-radius:50%;background:var(--nm-surface,#fff);box-shadow:0 0 0 2px var(--nm-surface,#fff)}
.nm-reaction-add .nm-reaction-plus .nm-icon{width:10px;height:10px}
.nm-reaction-image{display:block!important;flex-shrink:0;width:22px!important;height:22px!important;max-width:none;object-fit:contain;vertical-align:middle}
.nm-reaction-choice .nm-reaction-image{width:28px!important;height:28px!important;transition:transform .16s ease}
.nm-reaction-choice:hover .nm-reaction-image{transform:translateY(-2px) scale(1.08)}
.nm-reaction-picker{width:328px;display:flex;flex-direction:column;max-height:calc(100dvh - 24px);overflow:hidden}
.nm-reaction-picker-heading,.nm-reaction-picker-note,.nm-reaction-search{flex-shrink:0}
.nm-reaction-picker .nm-reaction-search{box-sizing:border-box;width:100%;min-width:0;min-height:34px;font:inherit;font-size:13px;padding:6px 9px;margin:0 0 8px;border:1px solid var(--nm-border,#dce3e7);border-radius:var(--nm-radius,6px);color:var(--nm-text,#19252b);background:var(--nm-input,#f6f8fa)}
.nm-reaction-grid{overflow-y:auto;overscroll-behavior:contain;max-height:260px;min-height:44px;padding:3px;scrollbar-width:thin;scrollbar-color:var(--nm-border,#dce3e7) transparent}
.nm-reaction-picker .nm-reaction-choice{min-height:44px}
.nm-reaction-empty{font-size:13px;color:var(--nm-muted,#63727c);text-align:center;padding:16px 0;margin:0}
.nm-reaction-picker [hidden]{display:none!important}
.nm-reactions button:disabled:not([aria-busy=true]){cursor:default}
@media(max-width:600px){.nm-reactions .nm-reaction-add{width:42px;min-width:42px;height:40px}.nm-reaction-add .nm-reaction-plus{right:4px;bottom:6px}.nm-comment .nm-reaction-image{width:20px!important;height:20px!important}.nm-reaction-picker .nm-reaction-search{font-size:16px}}
@media(prefers-reduced-motion:reduce){.nm-reaction-choice .nm-reaction-image{transform:none!important;transition:none!important}}