/* SpectraHub V78: unobstructed, uniformly sized reaction picker. */
body.spectrahubForum .shReactionBar {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:7px 10px;min-height:42px;min-width:0;max-width:100%;
  padding:10px 0 0;margin:16px 0 0;line-height:1.4;
}
body.spectrahubForum .shReactionSummaryWrap {min-width:0;flex:0 1 auto;}
body.spectrahubForum .shReactionSummaryButton[hidden] {display:none!important;}
body.spectrahubForum .shReactionActions {
  display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto;min-width:0;
}
body.spectrahubForum .shReactionPickerWrap {position:relative;display:inline-flex;flex:0 0 auto;align-items:center;}
body.spectrahubForum .shReactionLikeTrigger,
body.spectrahubForum .shReactionLogin {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:34px;padding:7px 10px;border-radius:8px;
  line-height:1.3;white-space:nowrap;font-size:14px;
}
body.spectrahubForum .shReactionLikeTrigger:focus-visible,
body.spectrahubForum .shReactionChoice:focus-visible {
  outline:2px solid #89c6ff!important;outline-offset:2px!important;
}
/* Fallback remains functional when JavaScript is disabled. */
body.spectrahubForum .shReactionPicker {
  box-sizing:border-box!important;grid-template-columns:repeat(9,40px)!important;
  grid-auto-rows:40px!important;gap:6px!important;
  width:max-content!important;max-width:calc(100vw - 24px)!important;
  padding:11px!important;margin:0!important;
  border:1px solid #697681!important;border-radius:12px!important;
  background:#333941!important;
  box-shadow:0 18px 42px rgba(0,0,0,.45)!important;
  transition:opacity .13s ease,visibility .13s ease!important;
}
body.spectrahubForum .shReactionPickerChoice,
body.spectrahubForum .shReactionPicker .shReactionChoice {
  box-sizing:border-box!important;appearance:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:40px!important;min-width:40px!important;max-width:40px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  flex:0 0 40px!important;padding:0!important;margin:0!important;
  color:#fff!important;background:#444c56!important;border:1px solid #5f6a76!important;
  border-radius:9px!important;font:normal 23px/1 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important;
  white-space:nowrap!important;text-align:center!important;
  overflow:visible!important;letter-spacing:0!important;
  cursor:pointer!important;transform:none!important;
  transition:background .12s ease,border-color .12s ease,box-shadow .12s ease!important;
}
body.spectrahubForum .shReactionPicker .shReactionChoice:hover,
body.spectrahubForum .shReactionPicker .shReactionChoice:focus-visible {
  background:#586677!important;border-color:#8ac8f4!important;
  box-shadow:inset 0 0 0 1px rgba(138,200,244,.32)!important;
}
body.spectrahubForum .shReactionPicker .shReactionChoice.is-active {
  border-color:#56aaff!important;background:#28496b!important;
  box-shadow:inset 0 0 0 1px #56aaff!important;
}
/* Once enhanced, the picker lives under body, so post overflow never cuts it off. */
body.spectrahubForum.shReactionPickerReady .shReactionPickerWrap .shReactionPicker {
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
body.spectrahubForum .shReactionPicker.shReactionPickerFloating {
  position:fixed!important;right:auto!important;bottom:auto!important;
  display:grid!important;transform:none!important;z-index:200000!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
body.spectrahubForum .shReactionPicker.shReactionPickerFloating.is-open {
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
body.spectrahubForum .shReactionPicker.shReactionPickerFloating::after {
  content:'';position:absolute;inset:auto auto -9px 0;height:9px;width:100%;
}
@media(max-width:650px) {
  body.spectrahubForum .shReactionPicker,
  body.spectrahubForum .shReactionPicker.shReactionPickerFloating {
    grid-template-columns:repeat(5,40px)!important;
  }
  body.spectrahubForum .shReactionBar {gap:8px;}
  body.spectrahubForum .shReactionPickerWrap {max-width:100%;}
}
@media(max-width:340px) {
  body.spectrahubForum .shReactionPicker,
  body.spectrahubForum .shReactionPicker.shReactionPickerFloating {
    grid-template-columns:repeat(4,40px)!important;
  }
}