/* Reactors mini popup styles */
.mc-reactors-mini-pop{position:absolute;display:none;z-index:100000;background:#2c2c2f;color:#fff;border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,0.35);padding:8px;min-width:160px;max-width:260px}
.mc-reactors-mini-table{width:100%;border-collapse:collapse}
.mc-reactors-mini-name{padding:4px 6px;border-bottom:1px solid #3a3a3f;font-size:13px}
.mc-reactors-mini-table tr:last-child .mc-reactors-mini-name{border-bottom:0}
.mc-reactors-mini-head{font-size:13px;color:#cfd1d6;margin:0 0 4px}
.mc-reactors-mini-list{font-size:13px}
.mc-reactors-mini-list a{display:inline-block;color:#fff;text-decoration:none;transition:transform 120ms ease}
.mc-reactors-mini-list a:hover{transform:scale(1.15)}
.mc-react-chip{display:inline-flex;align-items:center;gap:4px;position:relative}
.mc-react-emoji{display:inline-block;transition:transform 120ms ease;position:relative;z-index:1}
.mc-react-chip:hover .mc-react-emoji{transform:scale(1.35)}
.mc-react-trigger{display:inline-block;transition:transform 350ms ease-out;will-change:transform}
.mc-react-trigger:hover{transform:scale(1.5) rotate(360deg)}
.mc-react-picker{display:flex;gap:8px;padding:6px 10px;background:#2c2c2f;color:#fff;border-radius:16px;box-shadow:0 8px 22px rgba(0,0,0,0.35)}
.mc-react-item{display:inline-block;transition:transform 120ms ease}
.mc-react-item:hover{transform:scale(1.5)}
.mc-react-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
/* Small picker scoped tweaks */
#mc-react-picker .mc-react-picker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(40,40,40,0.95);border-radius:18px;box-shadow:0 6px 16px rgba(0,0,0,0.25)}
#mc-react-picker .mc-react-item{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:transparent;font-size:18px;cursor:pointer}
#mc-react-picker .mc-react-item-plus{color:#ddd;border:1px dashed #777}
.mc-react-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:16px;border:1px solid #f7f7f7;background:#ccc;font-size:14px;cursor:pointer}
.mc-react-chip--active{border-color:#ccc;background:#eaf4ff}
.mc-react-emoji{line-height:1}
.mc-react-count{color:#555;font-weight:600}
.mc-react-trigger{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#d6d6d6;border:1px solid #ccc;cursor:pointer}
.mc-any{background:#2c2c2f;color:#fff;border-radius:16px;box-shadow:0 2px 6px rgba(0,0,0,0.24);padding:10px 12px;min-width:280px;max-width:360px;contain:content}
.mc-any h3{display:none!important}
.mc-any h4{margin:8px 0 6px 0;font-size:13px;font-weight:500;color:#cfd1d6}
.mc-any-reactions{display:none!important}
.mc-any-react{width:38px;height:38px;border-radius:10px;font-size:24px;line-height:38px;text-align:center;background:#3a3a3f;cursor:pointer;transition:transform 120ms ease}
.mc-any-react:hover{background:#4a4a50;transform:scale(1.3)}
.mc-any-grid{display:grid;grid-template-columns:repeat(8,36px);gap:6px;max-height:360px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;contain:content}
@media (max-width:600px){.mc-any-grid{max-height:300px}}
.mc-any-item{width:36px;height:36px;border-radius:8px;font-size:22px;line-height:36px;text-align:center;background:#3a3a3f;cursor:pointer;transition:transform 120ms ease, background-color 120ms ease}
.mc-any-item:hover{background:#4a4a50;transform:scale(1.3)}
.mc-any-tabs{display:flex;gap:6px;margin-top:10px;justify-content:center}
.mc-any-tab{width:32px;height:32px;border-radius:8px;background:#3a3a3f;border:1px solid #4a4a50;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mc-any-tab.active{background:#4a4a50}
.mc-any-item,.mc-any-react{display:flex;align-items:center;justify-content:center;line-height:1;font-family:'Segoe UI Emoji','Noto Color Emoji','Apple Color Emoji','Twemoji Mozilla',sans-serif}
@media (pointer: coarse){
  .mc-react-item,.mc-any-item,.mc-any-react,.mc-react-emoji,.mc-react-trigger{transition:none!important}
  .mc-react-item:hover,.mc-any-item:hover,.mc-any-react:hover,.mc-react-chip:hover .mc-react-emoji,.mc-react-trigger:hover{transform:none!important}
}