/* NV Next Reactions – Desktop & Mobile */
.nvnr{ margin: 18px 0; }
.nvnr .nvnr-inner{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }

/* Button base */
.nvnr-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 12px; border-radius:9999px; border:1px solid rgba(0,0,0,.12);
  background:#0f1420; color:#e2e8f0; cursor:pointer;
  box-shadow:none; transition:transform .08s ease, background .2s ease, border-color .2s ease;
}
.nvnr-btn:hover{ transform:translateY(-1px); }
.nvnr-btn.nvnr-pressed{ background:#1f2937; border-color:rgba(255,255,255,.15); }
.nvnr-btn.nvnr-loading{ opacity:.6; pointer-events:none; }

.nvnr-emoji{ font-size:18px; line-height:1; }
.nvnr-label{ font-size:14px; line-height:1; color:#cbd5e1; }
.nvnr-count{ font-weight:700; font-size:14px; }

/* Desktop tweaks */
@media (min-width:769px){
  .nvnr-desktop .nvnr-btn .nvnr-label{ display:inline; }
}

/* Mobile: compact pills */
@media (max-width:768px){
  .nvnr-mobile .nvnr-btn{ padding:6px 10px; }
  .nvnr-mobile .nvnr-emoji{ font-size:18px; }
  .nvnr-mobile .nvnr-label{ display:none; } /* only emoji + count on mobile */
  .nvnr-mobile .nvnr-count{ font-size:13px; }
}