/* ============================================================
 * v2.1.132 — Chat "Timeline Cards" redesign
 *
 * Visual layer that retunes the chat to a row-based timeline:
 *  • 36px rounded-square avatar at left
 *  • No bubbles — content flows in clear rows
 *  • Continuation rows from same sender hide the header
 *  • Hover reveals a glassy action bar at the right
 *  • Single slim status strip combines slow mode + presence + typing
 *  • Inline reaction pills under each message
 *
 * Loads after chat.css, overrides cleanly.
 * ============================================================ */

/* ───── Container surface ───── */
.eos-side {
  background: #FFFFFF;
  border: 0.5px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03), 0 8px 24px rgba(0,0,0,0.05);
  overflow: hidden;
  min-height: 600px;
}
[data-theme="dark"] .eos-side {
  background: #0F1419;
  border-color: rgba(255,255,255,0.06);
  box-shadow: 0 8px 24px rgba(0,0,0,0.5);
}

/* ───── Top tabs (Chat / Notes / Bible) ───── */
.eos-side-tabs {
  background: #FAFBFC;
  border-bottom: 0.5px solid rgba(0,0,0,0.06);
  padding: 4px 6px;
  display: flex; gap: 2px;
}
[data-theme="dark"] .eos-side-tabs {
  background: #14191F;
  border-bottom-color: rgba(255,255,255,0.06);
}
.eos-side-tab {
  flex: 1;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.2px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #5F6368;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  transition: background 120ms ease, color 120ms ease;
}
.eos-side-tab:hover { color: #1A1A2E; background: rgba(0,0,0,0.04); }
.eos-side-tab.is-active {
  background: #FFFFFF;
  color: #B47705;
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}
[data-theme="dark"] .eos-side-tab { color: #8B9298; }
[data-theme="dark"] .eos-side-tab:hover { color: #E9EDEF; background: rgba(255,255,255,0.06); }
[data-theme="dark"] .eos-side-tab.is-active {
  background: #1F2A30;
  color: #FFCB6F;
  box-shadow: 0 1px 2px rgba(0,0,0,0.45);
}
.eos-side-tab svg { width: 14px; height: 14px; }

/* ───── Sub-mode toggle (Church chat / YouTube chat) — small pill row ───── */
.eos-chat-mode {
  display: inline-flex !important;
  margin: 10px 14px 0 !important;
  background: rgba(0,0,0,0.04);
  border-radius: 999px;
  padding: 3px;
  width: auto;
  align-self: center;
  gap: 0;
}
[data-theme="dark"] .eos-chat-mode { background: rgba(255,255,255,0.06); }

/* ───── Floating top-right tool buttons (search, bookmarks, lang) ───── */
.eos-chat-search-toggle,
.eos-chat-bm-toggle,
.eos-chat-langpill {
  top: 52px !important;
  background: rgba(0,0,0,0.05) !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 26px !important;
  height: 26px !important;
}
[data-theme="dark"] .eos-chat-search-toggle,
[data-theme="dark"] .eos-chat-bm-toggle,
[data-theme="dark"] .eos-chat-langpill {
  background: rgba(255,255,255,0.08) !important;
  color: #8B9298 !important;
}
.eos-chat-langpill { right: 110px !important; }
.eos-chat-bm-toggle { right: 78px !important; }
.eos-chat-search-toggle { right: 46px !important; }

/* ───── Status strip (slow mode + presence collapsed) ───── */
/* Slim down the slow-mode and presence bars. */
.eos-chat-slowbar {
  margin: 8px 14px 0 !important;
  padding: 7px 12px !important;
  font-size: 11.5px !important;
  border-radius: 8px !important;
  border-left: 3px solid #F5A312 !important;
  background: rgba(245,163,18,0.06) !important;
  border-top: 0.5px solid rgba(245,163,18,0.20) !important;
  border-right: 0.5px solid rgba(245,163,18,0.15) !important;
  border-bottom: 0.5px solid rgba(245,163,18,0.15) !important;
  box-shadow: none !important;
  color: #6B4400 !important;
}
[data-theme="dark"] .eos-chat-slowbar {
  background: rgba(245,163,18,0.10) !important;
  color: #F5D89B !important;
  border-top-color: rgba(245,163,18,0.25) !important;
  border-right-color: rgba(245,163,18,0.20) !important;
  border-bottom-color: rgba(245,163,18,0.20) !important;
}

.eos-chat-pr {
  margin: 8px 14px 0 !important;
}
.eos-chat-pr__bar {
  padding: 6px 12px !important;
  font-size: 11.5px !important;
  border-radius: 8px !important;
  border-left: 3px solid #1D9E75 !important;
  background: rgba(29,158,117,0.06) !important;
  border-top: 0.5px solid rgba(29,158,117,0.20) !important;
  border-right: 0.5px solid rgba(29,158,117,0.15) !important;
  border-bottom: 0.5px solid rgba(29,158,117,0.15) !important;
  box-shadow: none !important;
}
[data-theme="dark"] .eos-chat-pr__bar {
  background: rgba(29,158,117,0.10) !important;
  color: #9FE1CB !important;
}

/* ───── Pinned strip ───── */
.eos-chat-pin {
  margin: 10px 14px 4px !important;
  padding: 9px 12px !important;
  background: #FFFFFF !important;
  border: 0.5px solid rgba(0,0,0,0.08) !important;
  border-left: 3px solid #F5A312 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
}
[data-theme="dark"] .eos-chat-pin {
  background: #1F2A30 !important;
  border-color: rgba(255,255,255,0.06) !important;
  border-left-color: #F5A312 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
}

/* ───── Typing indicator (compact) ───── */
.eos-chat-typing {
  margin: 0 14px 4px !important;
  padding: 5px 11px !important;
  font-size: 11.5px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,0.04) !important;
  color: #5F6368 !important;
  box-shadow: none !important;
}
[data-theme="dark"] .eos-chat-typing {
  background: rgba(255,255,255,0.04) !important;
  color: #8B9298 !important;
}

/* ═══════════════════════════════════════════════════════════════
   TIMELINE — message rows
   ═══════════════════════════════════════════════════════════════ */
.eos-chat-stream {
  padding: 8px 0 !important;
  background: transparent !important;
  gap: 0 !important;
}

/* Row layout */
.eos-chat-msg {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 6px 16px !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  align-items: start !important;
  position: relative !important;
  border-radius: 0 !important;
  transition: background 120ms ease;
}
.eos-chat-msg:hover {
  background: rgba(245,163,18,0.05);
}
[data-theme="dark"] .eos-chat-msg:hover {
  background: rgba(255,255,255,0.025);
}

/* Avatar — 36px rounded-square */
.eos-chat-msg__avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #AFA9EC, #534AB7) !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-top: 2px !important;
  object-fit: cover !important;
  letter-spacing: 0.3px !important;
}

/* Body container holds head + text */
.eos-chat-msg__body {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  position: relative !important;
}
.eos-chat-msg__body::before { display: none !important; }

/* Header row (sender name + time) */
.eos-chat-msg .who {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--sender-color, #6F4FCB);
  margin: 0 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  line-height: 1.2 !important;
}
[data-theme="dark"] .eos-chat-msg .who {
  color: var(--sender-color-dark, #AFA9EC) !important;
}
.eos-chat-msg .time {
  font-size: 11px !important;
  color: #5F6368 !important;
  font-variant-numeric: tabular-nums !important;
  margin: 0 0 0 8px !important;
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  font-weight: 400 !important;
  letter-spacing: 0.1px !important;
  align-self: baseline !important;
  background: transparent !important;
}
[data-theme="dark"] .eos-chat-msg .time {
  color: #5F6368 !important;
}

/* Message text */
.eos-chat-msg__text {
  display: block !important;
  font-size: 14px !important;
  color: #1A1A2E !important;
  line-height: 1.5 !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
  margin-top: 2px !important;
}
[data-theme="dark"] .eos-chat-msg__text {
  color: #E1E2E5 !important;
}

/* Continuation rows: same sender as previous, no big gap, no header */
.eos-chat-msg.is-continuation {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.eos-chat-msg.is-continuation .eos-chat-msg__avatar {
  visibility: hidden !important;
  position: relative !important;
}
.eos-chat-msg.is-continuation .who { display: none !important; }
.eos-chat-msg.is-continuation .time { display: none !important; }
/* Tiny inline timestamp on hover for continuation rows */
.eos-chat-msg.is-continuation:hover .eos-chat-msg__avatar::after {
  content: attr(data-time);
  position: absolute;
  top: 2px; left: -2px;
  font-size: 10px;
  color: #5F6368;
  font-variant-numeric: tabular-nums;
  visibility: visible !important;
  width: 40px;
  text-align: center;
}

/* ───── Hover-reveal action menu (glassy) ───── */
.eos-chat-actions {
  position: absolute !important;
  top: -10px !important;
  right: 14px !important;
  background: rgba(15, 20, 25, 0.85) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 8px !important;
  padding: 2px !important;
  display: none !important;
  gap: 1px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.20) !important;
  z-index: 10 !important;
}
.eos-chat-msg:hover .eos-chat-actions { display: inline-flex !important; }
.eos-chat-action {
  background: transparent !important;
  color: #E1E2E5 !important;
  font-size: 0 !important; /* hide labels */
  padding: 0 !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.eos-chat-action span { display: none !important; }
.eos-chat-action svg {
  width: 14px !important;
  height: 14px !important;
}
.eos-chat-action:hover {
  background: rgba(255,255,255,0.10) !important;
  color: #FFCB6F !important;
}
.eos-chat-action--delete:hover {
  background: rgba(220,53,69,0.20) !important;
  color: #FF8B97 !important;
}

/* ───── Reactions — inline pills under text ───── */
.eos-chat-msg__pills {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 3px !important;
  margin-top: 5px !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  right: auto !important;
  bottom: auto !important;
}
.eos-chat-msg__pills:empty { display: none !important; }
.eos-chat-pill {
  background: rgba(0,0,0,0.05) !important;
  border: 0.5px solid rgba(0,0,0,0.05) !important;
  padding: 1px 8px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  color: #1A1A2E !important;
  gap: 4px !important;
}
[data-theme="dark"] .eos-chat-pill {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.05) !important;
  color: #E1E2E5 !important;
}
.eos-chat-pill.is-mine {
  background: rgba(245,163,18,0.18) !important;
  border-color: rgba(245,163,18,0.40) !important;
  color: #B47705 !important;
}
[data-theme="dark"] .eos-chat-pill.is-mine {
  color: #FFCB6F !important;
}

/* ───── Reaction bar (hover-floats above message) ───── */
.eos-chat-react-bar {
  background: rgba(15, 20, 25, 0.85) !important;
  border: 0.5px solid rgba(255,255,255,0.10) !important;
  border-radius: 999px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  padding: 3px 4px !important;
  right: auto !important;
  left: 50px !important;
  top: -16px !important;
}
.eos-chat-react-q,
.eos-chat-react-more {
  background: transparent !important;
  color: #E1E2E5 !important;
}

/* ───── Link previews — flatter cards ───── */
.eos-chat-lp { margin-top: 6px !important; }
.eos-chat-lp__card {
  background: rgba(0,0,0,0.03) !important;
  border: 0.5px solid rgba(0,0,0,0.08) !important;
  border-left: 3px solid #F5A312 !important;
  border-radius: 8px !important;
  padding: 9px 11px !important;
  max-width: 420px !important;
}
[data-theme="dark"] .eos-chat-lp__card {
  background: rgba(255,255,255,0.03) !important;
  border-color: rgba(255,255,255,0.06) !important;
  border-left-color: #F5A312 !important;
}

/* ───── Verse cards ───── */
.eos-chat-vc__card {
  background: rgba(29,158,117,0.06) !important;
  border: 0.5px solid rgba(29,158,117,0.20) !important;
  border-left: 3px solid #1D9E75 !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  margin-top: 6px !important;
  max-width: 420px !important;
}
[data-theme="dark"] .eos-chat-vc__card {
  background: rgba(29,158,117,0.10) !important;
  border-color: rgba(29,158,117,0.25) !important;
}

/* ───── Polls ───── */
.eos-chat-poll {
  background: #FFFFFF !important;
  border: 0.5px solid rgba(0,0,0,0.08) !important;
  border-left: 3px solid #F5A312 !important;
  border-radius: 10px !important;
  color: #1A1A2E !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
  padding: 12px 14px !important;
  max-width: 480px !important;
}
[data-theme="dark"] .eos-chat-poll {
  background: #1F2A30 !important;
  border-color: rgba(255,255,255,0.06) !important;
  border-left-color: #F5A312 !important;
  color: #E9EDEF !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
}

/* ───── Translation block ───── */
.eos-chat-tr-block {
  margin-top: 5px !important;
  padding: 7px 11px !important;
  border-left: 2px solid #534AB7 !important;
  background: rgba(83,74,183,0.06) !important;
  border-radius: 0 8px 8px 0 !important;
  font-size: 13px !important;
}
[data-theme="dark"] .eos-chat-tr-block {
  background: rgba(127,119,221,0.10) !important;
  border-left-color: #AFA9EC !important;
}
.eos-chat-tr-toggle {
  font-size: 11px !important;
  margin-top: 4px !important;
}

/* ───── Mentioned-me highlight ───── */
.eos-chat-msg--mentioned-me {
  background: rgba(245,163,18,0.06);
  border-left: 3px solid #F5A312;
  padding-left: 13px !important;
}
[data-theme="dark"] .eos-chat-msg--mentioned-me {
  background: rgba(245,163,18,0.10);
}
.eos-chat-msg--mentioned-me .body {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ───── Tombstone ───── */
.eos-chat-msg--tomb {
  opacity: 0.6;
  padding: 4px 16px !important;
}
.eos-chat-msg--tomb .eos-chat-msg__avatar {
  background: rgba(0,0,0,0.05) !important;
  width: 28px !important;
  height: 28px !important;
}
[data-theme="dark"] .eos-chat-msg--tomb .eos-chat-msg__avatar {
  background: rgba(255,255,255,0.05) !important;
}
.eos-chat-tomb {
  background: transparent !important;
  border: 0 !important;
  font-size: 12px !important;
  padding: 0 !important;
  color: #5F6368 !important;
}

/* ───── Composer ───── */
.eos-chat-form {
  background: transparent !important;
  border-top: 0.5px solid rgba(0,0,0,0.06) !important;
  padding: 10px 14px 14px !important;
  gap: 6px !important;
  align-items: center !important;
}
[data-theme="dark"] .eos-chat-form {
  border-top-color: rgba(255,255,255,0.06) !important;
}

.eos-chat-emoji-btn,
.eos-chat-poll-btn {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #5F6368 !important;
  margin-right: 0 !important;
}
.eos-chat-emoji-btn:hover,
.eos-chat-poll-btn:hover {
  background: rgba(0,0,0,0.05) !important;
  color: #B47705 !important;
  transform: none !important;
}
[data-theme="dark"] .eos-chat-emoji-btn,
[data-theme="dark"] .eos-chat-poll-btn {
  color: #8B9298 !important;
}
[data-theme="dark"] .eos-chat-emoji-btn:hover,
[data-theme="dark"] .eos-chat-poll-btn:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #FFCB6F !important;
}

.eos-chat-input[contenteditable="true"] {
  background: #F4F5F7 !important;
  border: 0 !important;
  border-radius: 20px !important;
  padding: 9px 16px !important;
  font-size: 14px !important;
  flex: 1 !important;
  max-height: 110px !important;
  box-shadow: none !important;
}
.eos-chat-input[contenteditable="true"]:empty::before {
  color: rgba(0,0,0,0.42) !important;
  opacity: 1 !important;
}
.eos-chat-input[contenteditable="true"]:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(245,163,18,0.5) !important;
}
[data-theme="dark"] .eos-chat-input[contenteditable="true"] {
  background: #1F2A30 !important;
  color: #E9EDEF !important;
}
[data-theme="dark"] .eos-chat-input[contenteditable="true"]:empty::before {
  color: rgba(233,237,239,0.45) !important;
}

.eos-chat-send {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #F5A312, #DD8E04) !important;
  color: #1A1A2E !important;
  border: 0 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(245,163,18,0.35) !important;
  transition: transform 80ms ease, box-shadow 120ms ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.eos-chat-send:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 3px 12px rgba(245,163,18,0.50) !important;
}
.eos-chat-send svg { width: 17px !important; height: 17px !important; }
[data-theme="dark"] .eos-chat-send {
  background: linear-gradient(135deg, #FAC775, #F5A312) !important;
}

/* ───── Quoted reply strip ───── */
.eos-chat-quoted {
  background: rgba(0,0,0,0.04) !important;
  border-left: 2px solid var(--watch-accent, #F5A312) !important;
  padding: 5px 9px !important;
  border-radius: 0 6px 6px 0 !important;
  font-size: 11.5px !important;
  margin-bottom: 4px !important;
  cursor: pointer !important;
  max-width: 420px !important;
}
[data-theme="dark"] .eos-chat-quoted {
  background: rgba(255,255,255,0.04) !important;
}

/* ───── Search panel + bookmarks ───── */
.eos-chat-search,
.eos-chat-bm-panel {
  background: #FFFFFF !important;
  border: 0.5px solid rgba(0,0,0,0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.10) !important;
  margin: 8px 14px 0 !important;
}
[data-theme="dark"] .eos-chat-search,
[data-theme="dark"] .eos-chat-bm-panel {
  background: #1F2A30 !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.55) !important;
}

/* ───── Edited tag ───── */
.eos-chat-edited {
  font-style: italic !important;
  opacity: 0.55 !important;
  margin-right: 4px !important;
  font-size: 10.5px !important;
}

/* ───── Pinned message badge inside body ───── */
.eos-chat-pin-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 10px !important;
  padding: 1px 6px !important;
  background: rgba(245,163,18,0.16) !important;
  color: #B47705 !important;
  border-radius: 4px !important;
  margin-right: 6px !important;
  vertical-align: 1px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
}
[data-theme="dark"] .eos-chat-pin-badge {
  background: rgba(245,163,18,0.24) !important;
  color: #FFCB6F !important;
}

/* ───── @you mention pill ───── */
.eos-chat-youpill {
  font-size: 9.5px !important;
  background: #F5A312 !important;
  color: #1A1A2E !important;
  font-weight: 700 !important;
  padding: 1px 6px !important;
  border-radius: 4px !important;
  margin-right: 5px !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
}

/* ───── Mention chip in body text ───── */
.eos-chat-mention {
  display: inline-block !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  padding: 1px 6px !important;
  border-radius: 4px !important;
  background: rgba(83,74,183,0.18) !important;
  color: #534AB7 !important;
}
[data-theme="dark"] .eos-chat-mention {
  background: rgba(127,119,221,0.22) !important;
  color: #CECBF6 !important;
}

/* Make sure the body in muted/deleted rows doesn't break */
.eos-chat-msg__body--tomb { padding: 0 !important; }

/* ============================================================
 * v2.1.133 — Share to socials modal
 * ============================================================ */
.eos-chat-share-modal {
  position: fixed; inset: 0;
  background: rgba(15,23,42,0.55);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
  z-index: 4000;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.eos-chat-share-modal.is-open { display: flex; animation: eosChatFadeIn 160ms ease-out; }

.eos-chat-share-modal__sheet {
  background: #FFFFFF;
  color: #1A1A2E;
  border-radius: 16px;
  padding: 18px 18px 16px;
  max-width: 380px;
  width: 100%;
  border: 0.5px solid rgba(0,0,0,0.08);
  box-shadow: 0 16px 48px rgba(0,0,0,0.22);
  animation: eosChatSlideUp 200ms ease-out;
}
[data-theme="dark"] .eos-chat-share-modal__sheet {
  background: #1F2A30;
  color: #E1E2E5;
  border-color: rgba(255,255,255,0.08);
  box-shadow: 0 16px 48px rgba(0,0,0,0.6);
}

.eos-chat-share-modal__head {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 14px;
}
.eos-chat-share-modal__head h4 {
  flex: 1;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1px;
}
.eos-chat-share-modal__x {
  appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  opacity: 0.55;
  cursor: pointer;
  font-size: 19px;
  line-height: 1;
  padding: 0 4px;
  border-radius: 4px;
  transition: background 120ms ease, opacity 120ms ease;
}
.eos-chat-share-modal__x:hover { opacity: 1; background: rgba(0,0,0,0.05); }
[data-theme="dark"] .eos-chat-share-modal__x:hover { background: rgba(255,255,255,0.08); }

.eos-chat-share-modal__preview {
  display: flex; gap: 10px; align-items: flex-start;
  padding: 11px 12px;
  border-radius: 10px;
  background: rgba(0,0,0,0.04);
  font-size: 12.5px;
  line-height: 1.45;
  margin-bottom: 14px;
}
[data-theme="dark"] .eos-chat-share-modal__preview { background: rgba(255,255,255,0.04); }
.eos-chat-share-modal__preview .avatar {
  width: 30px; height: 30px;
  border-radius: 9px;
  background: linear-gradient(135deg, #AFA9EC, #534AB7);
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.eos-chat-share-modal__preview .col { flex: 1; min-width: 0; }
.eos-chat-share-modal__preview .who {
  font-size: 11.5px;
  font-weight: 600;
  color: #6F4FCB;
  display: block;
  margin-bottom: 2px;
}
[data-theme="dark"] .eos-chat-share-modal__preview .who { color: #AFA9EC; }
.eos-chat-share-modal__preview .text { display: block; color: inherit; }

.eos-chat-share-modal__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 12px;
}

.eos-chat-share-btn {
  appearance: none;
  background: rgba(0,0,0,0.03);
  border: 0.5px solid rgba(0,0,0,0.06);
  border-radius: 10px;
  padding: 10px 6px;
  cursor: pointer;
  color: inherit;
  font: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  font-size: 10.5px;
  transition: background 120ms ease, transform 80ms ease, border-color 120ms ease;
}
.eos-chat-share-btn:hover {
  background: rgba(245,163,18,0.10);
  transform: translateY(-1px);
  border-color: rgba(245,163,18,0.30);
}
[data-theme="dark"] .eos-chat-share-btn {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.06);
}
[data-theme="dark"] .eos-chat-share-btn:hover {
  background: rgba(245,163,18,0.16);
  border-color: rgba(245,163,18,0.30);
}
.eos-chat-share-btn .ico {
  width: 32px; height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}
.eos-chat-share-btn .ico.fb { background: #1877F2; }
.eos-chat-share-btn .ico.x  { background: #0F1419; }
[data-theme="dark"] .eos-chat-share-btn .ico.x { background: #FFFFFF; color: #0F1419; }
.eos-chat-share-btn .ico.wa { background: #25D366; }
.eos-chat-share-btn .ico.tg { background: #229ED9; }
.eos-chat-share-btn .ico.em { background: #5F6368; }
.eos-chat-share-btn .ico.cp { background: linear-gradient(135deg, #6F4FCB, #4A1B0C); }
.eos-chat-share-btn .ico.img { background: linear-gradient(135deg, #1D9E75, #0F6E56); }
.eos-chat-share-btn .lbl { font-weight: 500; letter-spacing: 0.1px; }

.eos-chat-share-btn--wide {
  grid-column: 1 / -1;
  flex-direction: row;
  padding: 12px 14px;
  align-items: center;
  text-align: left;
  gap: 12px;
}
.eos-chat-share-btn--wide .col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1px;
  text-align: left;
  min-width: 0;
}
.eos-chat-share-btn--wide .col .lbl { font-size: 12px; }
.eos-chat-share-btn--wide .col small {
  font-size: 10px;
  opacity: 0.6;
  font-weight: 400;
}
.eos-chat-share-btn--wide .ico {
  width: 36px;
  height: 36px;
}

.eos-chat-share-modal__foot {
  font-size: 10.5px;
  opacity: 0.55;
  margin: 0;
  text-align: center;
  line-height: 1.5;
}

/* ============================================================
 * v2.1.134 — Q&A mode rail
 * ============================================================ */

.eos-chat-qa {
  margin: 8px 14px 0;
  border-radius: 12px;
  background: rgba(83,74,183,0.04);
  border: 0.5px solid rgba(83,74,183,0.25);
  overflow: hidden;
  animation: eosChatFadeIn 180ms ease-out;
}
.eos-chat-qa[hidden] { display: none !important; }
[data-theme="dark"] .eos-chat-qa {
  background: rgba(127,119,221,0.10);
  border-color: rgba(127,119,221,0.30);
}

/* Top bar */
.eos-chat-qa__bar {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  background: linear-gradient(90deg, rgba(83,74,183,0.14), rgba(127,119,221,0.06));
  border-bottom: 0.5px solid rgba(83,74,183,0.20);
  font-size: 12px;
}
[data-theme="dark"] .eos-chat-qa__bar {
  background: linear-gradient(90deg, rgba(127,119,221,0.20), rgba(127,119,221,0.06));
  border-bottom-color: rgba(127,119,221,0.30);
}
.eos-chat-qa__ico { color: #534AB7; }
[data-theme="dark"] .eos-chat-qa__ico { color: #AFA9EC; }
.eos-chat-qa__lbl { font-weight: 600; color: #3C3489; flex: 1; }
[data-theme="dark"] .eos-chat-qa__lbl { color: #CECBF6; }
.eos-chat-qa__live {
  font-size: 9px;
  padding: 2px 7px;
  background: #DC3545;
  color: #FFFFFF;
  border-radius: 4px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  animation: eosQaPulse 1.6s ease-in-out infinite;
}
@keyframes eosQaPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(220,53,69,0.4); }
  50% { box-shadow: 0 0 0 5px rgba(220,53,69,0); }
}
.eos-chat-qa__count {
  font-size: 10.5px;
  opacity: 0.7;
}
.eos-chat-qa__toggle {
  appearance: none;
  background: #DC3545;
  color: #FFFFFF;
  border: 0;
  font: inherit;
  font-size: 10.5px;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 999px;
  cursor: pointer;
  letter-spacing: 0.2px;
}
.eos-chat-qa__toggle:hover { background: #B02A37; }
/* When Q&A is closed and admin opens it */
.eos-chat-qa[hidden=false] .eos-chat-qa__toggle:not(.is-end) { background: #534AB7; }

/* Submit box */
.eos-chat-qa__submit {
  padding: 10px 14px;
  border-bottom: 0.5px solid rgba(83,74,183,0.15);
  display: flex; flex-direction: column; gap: 6px;
}
[data-theme="dark"] .eos-chat-qa__submit { border-bottom-color: rgba(127,119,221,0.20); }
.eos-chat-qa__submit-head {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #534AB7;
  opacity: 0.85;
}
[data-theme="dark"] .eos-chat-qa__submit-head { color: #AFA9EC; }
.eos-chat-qa__submit-input {
  font: inherit;
  font-size: 13px;
  padding: 8px 11px;
  border: 0.5px solid rgba(0,0,0,0.10);
  background: #FFFFFF;
  color: inherit;
  border-radius: 8px;
  min-height: 40px;
  max-height: 100px;
  resize: vertical;
}
[data-theme="dark"] .eos-chat-qa__submit-input {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.10);
  color: #E1E2E5;
}
.eos-chat-qa__submit-input:focus {
  outline: none;
  border-color: #534AB7;
  box-shadow: 0 0 0 2px rgba(83,74,183,0.20);
}
.eos-chat-qa__submit-row {
  display: flex; align-items: center; gap: 8px;
}
.eos-chat-qa__submit-count {
  font-size: 10.5px;
  opacity: 0.55;
  flex: 1;
  font-variant-numeric: tabular-nums;
}
.eos-chat-qa__submit-send {
  background: linear-gradient(135deg, #534AB7, #7F77DD);
  color: #FFFFFF;
  border: 0;
  font: inherit;
  font-size: 11.5px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: transform 80ms ease, box-shadow 120ms ease;
}
.eos-chat-qa__submit-send:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(83,74,183,0.30); }

/* Questions list */
.eos-chat-qa__list {
  padding: 6px 8px 8px;
  display: flex; flex-direction: column; gap: 4px;
  max-height: 360px;
  overflow-y: auto;
}
.eos-chat-qa__empty {
  font-size: 12px;
  font-style: italic;
  opacity: 0.55;
  text-align: center;
  padding: 14px 12px;
  margin: 0;
}

.eos-chat-qa__item {
  display: flex; gap: 10px;
  padding: 9px 12px;
  border-radius: 10px;
  background: rgba(0,0,0,0.02);
  border: 0.5px solid rgba(0,0,0,0.06);
  position: relative;
}
[data-theme="dark"] .eos-chat-qa__item {
  background: rgba(255,255,255,0.02);
  border-color: rgba(255,255,255,0.06);
}
.eos-chat-qa__item.top-voted {
  background: rgba(245,163,18,0.06);
  border-color: rgba(245,163,18,0.30);
}
[data-theme="dark"] .eos-chat-qa__item.top-voted {
  background: rgba(245,163,18,0.12);
  border-color: rgba(245,163,18,0.35);
}
.eos-chat-qa__item.answered {
  background: rgba(29,158,117,0.06);
  border-color: rgba(29,158,117,0.25);
}
[data-theme="dark"] .eos-chat-qa__item.answered {
  background: rgba(29,158,117,0.14);
  border-color: rgba(29,158,117,0.30);
}

.eos-chat-qa__vote {
  display: flex; flex-direction: column; align-items: center;
  gap: 1px;
  min-width: 32px;
}
.eos-chat-qa__vote-spacer { display: block; height: 16px; }
.eos-chat-qa__vote-btn {
  appearance: none;
  background: transparent;
  border: 0;
  color: #5F6368;
  cursor: pointer;
  padding: 3px;
  border-radius: 4px;
  display: inline-flex; align-items: center; justify-content: center;
  transition: color 120ms ease, background 120ms ease;
}
[data-theme="dark"] .eos-chat-qa__vote-btn { color: #8B9298; }
.eos-chat-qa__vote-btn:hover { color: #B47705; background: rgba(245,163,18,0.10); }
.eos-chat-qa__vote-btn.voted { color: #F5A312; background: rgba(245,163,18,0.16); }
.eos-chat-qa__vote-num {
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #1A1A2E;
}
[data-theme="dark"] .eos-chat-qa__vote-num { color: #E1E2E5; }
.eos-chat-qa__item.top-voted .eos-chat-qa__vote-num { color: #B47705; }
[data-theme="dark"] .eos-chat-qa__item.top-voted .eos-chat-qa__vote-num { color: #FFCB6F; }

.eos-chat-qa__content { flex: 1; min-width: 0; }
.eos-chat-qa__content-head {
  display: flex; align-items: baseline; gap: 8px;
  margin-bottom: 3px;
}
.eos-chat-qa__who {
  font-size: 11.5px;
  font-weight: 600;
  color: #6F4FCB;
}
[data-theme="dark"] .eos-chat-qa__who { color: #AFA9EC; }
.eos-chat-qa__time {
  font-size: 10.5px;
  opacity: 0.55;
  font-variant-numeric: tabular-nums;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.eos-chat-qa__answered-tick {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
  background: #1D9E75;
  color: #FFFFFF;
  padding: 1px 6px;
  border-radius: 999px;
  text-transform: uppercase;
  opacity: 1;
}
.eos-chat-qa__q {
  font-size: 13.5px;
  line-height: 1.5;
  color: inherit;
  word-wrap: break-word;
}
.eos-chat-qa__answer {
  margin-top: 7px;
  padding: 7px 11px;
  border-radius: 8px;
  background: rgba(29,158,117,0.12);
  border-left: 2px solid #1D9E75;
  font-size: 12.5px;
  font-style: italic;
  line-height: 1.5;
}
[data-theme="dark"] .eos-chat-qa__answer {
  background: rgba(93,202,165,0.16);
}
.eos-chat-qa__answer-by {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #0F6E56;
  text-transform: uppercase;
}
[data-theme="dark"] .eos-chat-qa__answer-by { color: #5DCAA5; }

/* Admin tools */
.eos-chat-qa__admin {
  position: absolute;
  top: 8px; right: 10px;
  display: inline-flex;
  gap: 3px;
  align-items: center;
}
.eos-chat-qa__admin-answer {
  appearance: none;
  background: linear-gradient(135deg, #1D9E75, #0F6E56);
  color: #FFFFFF;
  border: 0;
  font: inherit;
  font-size: 9.5px;
  font-weight: 700;
  padding: 4px 9px;
  border-radius: 999px;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: transform 80ms ease;
}
.eos-chat-qa__admin-answer:hover { transform: translateY(-1px); }
.eos-chat-qa__admin-dismiss {
  appearance: none;
  background: rgba(0,0,0,0.05);
  color: #5F6368;
  border: 0;
  font: inherit;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.eos-chat-qa__admin-dismiss:hover { background: rgba(220,53,69,0.18); color: #B02A37; }
[data-theme="dark"] .eos-chat-qa__admin-dismiss {
  background: rgba(255,255,255,0.06);
  color: #8B9298;
}
[data-theme="dark"] .eos-chat-qa__admin-dismiss:hover { background: rgba(220,53,69,0.25); color: #FF8B97; }

/* ============================================================
 * v2.1.141 — First-time visitor welcome card
 * ============================================================ */
.eos-wf-card {
  margin: 10px 14px 8px;
  border-radius: 14px;
  padding: 14px 16px 12px;
  background:
    radial-gradient(circle at 85% 15%, rgba(245,163,18,0.16), transparent 55%),
    #FFFFFF;
  border: 0.5px solid rgba(245,163,18,0.35);
  box-shadow: 0 4px 18px rgba(245,163,18,0.10);
  position: relative;
  animation: eosWfSlide 280ms ease-out;
}
@keyframes eosWfSlide { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
[data-theme="dark"] .eos-wf-card {
  background:
    radial-gradient(circle at 85% 15%, rgba(245,163,18,0.22), transparent 55%),
    #1F2A30;
  border-color: rgba(245,163,18,0.40);
  color: #E1E2E5;
}

.eos-wf-x {
  position: absolute; top: 10px; right: 12px;
  background: transparent; border: 0; color: inherit;
  opacity: 0.45; cursor: pointer; font-size: 17px;
  padding: 2px 6px; border-radius: 4px;
  transition: opacity 120ms ease, background 120ms ease;
}
.eos-wf-x:hover { opacity: 1; background: rgba(0,0,0,0.05); }
[data-theme="dark"] .eos-wf-x:hover { background: rgba(255,255,255,0.06); }

.eos-wf-head {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 10px;
}
.eos-wf-head__ico {
  width: 36px; height: 36px;
  border-radius: 11px;
  background: linear-gradient(135deg, #F5A312, #DD8E04);
  color: #1A1A2E;
  display: inline-flex; align-items: center; justify-content: center;
}
.eos-wf-head__col { flex: 1; min-width: 0; }
.eos-wf-head h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.eos-wf-head small {
  display: block;
  font-size: 10.5px;
  opacity: 0.65;
  font-weight: 400;
  margin-top: 1px;
}

.eos-wf-msg {
  font-size: 13px;
  line-height: 1.55;
  margin-bottom: 12px;
  color: inherit;
}

.eos-wf-cta {
  display: flex; gap: 8px;
}
.eos-wf-btn {
  background: linear-gradient(135deg, #F5A312, #DD8E04);
  color: #1A1A2E;
  border: 0;
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: 999px;
  cursor: pointer;
  flex: 1;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  box-shadow: 0 2px 8px rgba(245,163,18,0.30);
  transition: transform 80ms ease, box-shadow 120ms ease;
}
.eos-wf-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(245,163,18,0.45); }
.eos-wf-btn svg { color: inherit; }

.eos-wf-btn-skip {
  background: transparent;
  border: 0.5px solid rgba(0,0,0,0.15);
  color: inherit;
  font: inherit;
  font-size: 11.5px;
  padding: 9px 14px;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 120ms ease;
}
[data-theme="dark"] .eos-wf-btn-skip { border-color: rgba(255,255,255,0.18); }
.eos-wf-btn-skip:hover { background: rgba(0,0,0,0.04); }
[data-theme="dark"] .eos-wf-btn-skip:hover { background: rgba(255,255,255,0.05); }

/* ============================================================
 * v2.1.142 — Persistent announcement banner
 * ============================================================ */
.eos-ann-bar {
  display: flex; align-items: center; gap: 9px;
  margin: 10px 14px 0;
  padding: 8px 12px;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(245,163,18,0.16), rgba(245,163,18,0.06));
  border-left: 3px solid #F5A312;
  font-size: 12.5px;
  color: #6B4400;
  cursor: pointer;
  transition: background 120ms ease;
  animation: eosAnnSlide 280ms ease-out;
}
@keyframes eosAnnSlide { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.eos-ann-bar:hover { background: linear-gradient(90deg, rgba(245,163,18,0.24), rgba(245,163,18,0.10)); }
[data-theme="dark"] .eos-ann-bar {
  background: linear-gradient(90deg, rgba(245,163,18,0.22), rgba(245,163,18,0.08));
  color: #F5D89B;
}
[data-theme="dark"] .eos-ann-bar:hover {
  background: linear-gradient(90deg, rgba(245,163,18,0.30), rgba(245,163,18,0.12));
}

.eos-ann-bar__ico {
  width: 24px; height: 24px;
  border-radius: 8px;
  background: rgba(245,163,18,0.25);
  color: #B47705;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
[data-theme="dark"] .eos-ann-bar__ico {
  background: rgba(245,163,18,0.30);
  color: #FFCB6F;
}

.eos-ann-bar__col {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.eos-ann-bar__lbl {
  font-size: 9.5px;
  opacity: 0.75;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.eos-ann-bar__msg {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eos-ann-bar__cta {
  font-weight: 700;
  color: #B47705;
  flex-shrink: 0;
  font-size: 11.5px;
}
[data-theme="dark"] .eos-ann-bar__cta { color: #FFCB6F; }

.eos-ann-bar__x {
  appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  opacity: 0.55;
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
  padding: 1px 5px;
  border-radius: 4px;
  flex-shrink: 0;
  transition: opacity 120ms ease, background 120ms ease;
}
.eos-ann-bar__x:hover {
  opacity: 1;
  background: rgba(0,0,0,0.06);
}
[data-theme="dark"] .eos-ann-bar__x:hover {
  background: rgba(255,255,255,0.06);
}

/* ============================================================
 * v2.1.143 — Persistent Tap to give button
 * ============================================================ */
.eos-tg-give-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 14px 6px;
  padding: 11px 16px;
  background: linear-gradient(135deg, #F5A312, #DD8E04);
  color: #1A1A2E;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.1px;
  border-radius: 999px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(245,163,18,0.25);
  transition: transform 80ms ease, box-shadow 120ms ease, background 120ms ease;
  animation: eosTgSlide 280ms ease-out;
}
@keyframes eosTgSlide { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.eos-tg-give-btn:hover {
  background: linear-gradient(135deg, #DD8E04, #BD7700);
  box-shadow: 0 4px 14px rgba(245,163,18,0.40);
  transform: translateY(-1px);
}
.eos-tg-give-btn:focus-visible {
  outline: 2px solid rgba(245,163,18,0.65);
  outline-offset: 2px;
}
.eos-tg-give-btn__lbl {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.eos-tg-give-btn__chev {
  margin-left: auto;
  opacity: 0.65;
  font-weight: 700;
  font-size: 14px;
}

[data-theme="dark"] .eos-tg-give-btn {
  background: linear-gradient(135deg, #F5A312, #DD8E04);
  color: #1A1A2E;
  box-shadow: 0 2px 8px rgba(245,163,18,0.35);
}
[data-theme="dark"] .eos-tg-give-btn:hover {
  background: linear-gradient(135deg, #FAC775, #F5A312);
  box-shadow: 0 4px 14px rgba(245,163,18,0.50);
}

/* ============================================================
 * v2.1.144 — Quick-reply suggestions row
 * ============================================================ */
.eos-qr-row {
  display: flex;
  gap: 6px;
  margin: 0 14px 6px;
  padding: 4px 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  animation: eosQrSlide 280ms ease-out;
}
@keyframes eosQrSlide { from { opacity: 0; transform: translateY(2px); } to { opacity: 1; transform: translateY(0); } }
.eos-qr-row::-webkit-scrollbar { height: 3px; }
.eos-qr-row::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 3px; }
[data-theme="dark"] .eos-qr-row::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); }

.eos-qr-chip {
  appearance: none;
  border: 0.5px solid rgba(0,0,0,0.10);
  background: rgba(0,0,0,0.04);
  color: inherit;
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  padding: 7px 13px;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  scroll-snap-align: start;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: background 120ms ease, border-color 120ms ease, transform 80ms ease, opacity 120ms ease;
}
.eos-qr-chip:hover {
  background: rgba(245,163,18,0.12);
  border-color: rgba(245,163,18,0.30);
  transform: translateY(-1px);
}
.eos-qr-chip:active { transform: translateY(0); }
.eos-qr-chip.is-sending {
  opacity: 0.45;
  pointer-events: none;
}
.eos-qr-chip:focus-visible {
  outline: 2px solid rgba(245,163,18,0.55);
  outline-offset: 1px;
}

[data-theme="dark"] .eos-qr-chip {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.10);
}
[data-theme="dark"] .eos-qr-chip:hover {
  background: rgba(245,163,18,0.20);
  border-color: rgba(245,163,18,0.40);
}

/* ============================================================
 * v2.1.145 — Pinned scripture banner
 * ============================================================ */
.eos-ps-card {
  margin: 8px 14px 12px;
  padding: 12px 14px 10px;
  border-radius: 12px;
  border: 0.5px solid rgba(29,158,117,0.30);
  border-left: 3px solid #1D9E75;
  background:
    linear-gradient(135deg, rgba(29,158,117,0.10), rgba(29,158,117,0.04));
  color: inherit;
  animation: eosPsIn 320ms ease-out;
}
@keyframes eosPsIn { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
.eos-ps-head {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 6px;
}
.eos-ps-ico {
  width: 26px; height: 26px;
  border-radius: 8px;
  background: rgba(29,158,117,0.22);
  color: #0F6E56;
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  font-size: 13px;
}
.eos-ps-lbl {
  flex: 1;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  opacity: 0.7;
}
.eos-ps-trans {
  font-size: 9px;
  background: rgba(15,110,86,0.18);
  color: #0F6E56;
  padding: 2px 7px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.4px;
}
.eos-ps-text {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 14px;
  font-style: italic;
  line-height: 1.55;
  margin-bottom: 8px;
}
.eos-ps-text sup {
  font-size: 9.5px;
  color: #1D9E75;
  font-weight: 700;
  margin-right: 1px;
  font-style: normal;
  vertical-align: super;
}
.eos-ps-foot {
  display: flex; align-items: center; justify-content: space-between;
  font-size: 11.5px;
}
.eos-ps-ref { font-weight: 600; color: #0F6E56; }
.eos-ps-cta {
  appearance: none;
  background: transparent;
  border: 0.5px solid rgba(15,110,86,0.40);
  color: #0F6E56;
  font: inherit; font-size: 10.5px; font-weight: 500;
  padding: 4px 10px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex; align-items: center; gap: 4px;
  text-decoration: none;
  transition: background 120ms ease;
}
.eos-ps-cta:hover { background: rgba(29,158,117,0.10); }

[data-theme="dark"] .eos-ps-card {
  background: linear-gradient(135deg, rgba(29,158,117,0.18), rgba(29,158,117,0.06));
  border-color: rgba(29,158,117,0.40);
  border-left-color: #5DCAA5;
}
[data-theme="dark"] .eos-ps-ico { background: rgba(93,202,165,0.25); color: #5DCAA5; }
[data-theme="dark"] .eos-ps-trans { background: rgba(93,202,165,0.20); color: #5DCAA5; }
[data-theme="dark"] .eos-ps-text sup { color: #5DCAA5; }
[data-theme="dark"] .eos-ps-ref { color: #5DCAA5; }
[data-theme="dark"] .eos-ps-cta { color: #5DCAA5; border-color: rgba(93,202,165,0.40); }
[data-theme="dark"] .eos-ps-cta:hover { background: rgba(93,202,165,0.10); }

/* ============================================================
 * v2.1.145 — Admin Quick Controls (front-end feature toggles)
 * ============================================================ */
#eos-chat { position: relative; }
.eos-aqc-gear {
  position: absolute;
  top: 10px; right: 10px;
  width: 32px; height: 32px;
  border-radius: 999px;
  border: 0.5px solid rgba(245,163,18,0.45);
  background: linear-gradient(135deg, rgba(245,163,18,0.20), rgba(245,163,18,0.08));
  color: #B86B00;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  z-index: 90;
  font-size: 15px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.10);
  transition: transform 120ms ease, background 120ms ease;
}
.eos-aqc-gear:hover { transform: rotate(30deg); background: linear-gradient(135deg, rgba(245,163,18,0.30), rgba(245,163,18,0.12)); }
.eos-aqc-gear:focus-visible { outline: 2px solid rgba(245,163,18,0.6); outline-offset: 2px; }
[data-theme="dark"] .eos-aqc-gear { color: #FFC76E; background: linear-gradient(135deg, rgba(245,163,18,0.28), rgba(245,163,18,0.10)); border-color: rgba(245,163,18,0.55); }

.eos-aqc-panel {
  position: absolute;
  top: 50px; right: 10px;
  width: min(340px, calc(100% - 20px));
  max-height: calc(100% - 70px);
  background: #FFFFFF;
  border-radius: 14px;
  border: 0.5px solid rgba(0,0,0,0.08);
  box-shadow: 0 12px 36px rgba(0,0,0,0.18);
  z-index: 100;
  display: flex; flex-direction: column;
  opacity: 0;
  transform: translateY(-6px) scale(0.98);
  transition: opacity 200ms ease, transform 200ms ease;
  overflow: hidden;
}
.eos-aqc-panel.is-open { opacity: 1; transform: translateY(0) scale(1); }
[data-theme="dark"] .eos-aqc-panel { background: #1F2A30; border-color: rgba(255,255,255,0.08); box-shadow: 0 12px 36px rgba(0,0,0,0.50); }

.eos-aqc-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 14px 8px;
  border-bottom: 0.5px solid rgba(0,0,0,0.06);
}
[data-theme="dark"] .eos-aqc-head { border-bottom-color: rgba(255,255,255,0.06); }
.eos-aqc-head__title {
  font-size: 13px; font-weight: 600;
  display: inline-flex; align-items: center; gap: 6px;
  color: #B86B00;
}
[data-theme="dark"] .eos-aqc-head__title { color: #FFC76E; }
.eos-aqc-close {
  appearance: none; background: transparent; border: 0;
  font-size: 20px; line-height: 1; cursor: pointer; color: inherit; opacity: 0.6;
  padding: 0 4px;
}
.eos-aqc-close:hover { opacity: 1; }

.eos-aqc-sub {
  font-size: 11px; opacity: 0.6; padding: 6px 14px 4px;
}
.eos-aqc-list {
  overflow-y: auto;
  flex: 1;
  padding: 4px 6px;
}
.eos-aqc-row {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 9px;
  cursor: pointer;
  transition: background 120ms ease;
}
.eos-aqc-row:hover { background: rgba(0,0,0,0.04); }
[data-theme="dark"] .eos-aqc-row:hover { background: rgba(255,255,255,0.05); }
.eos-aqc-row.is-saving { opacity: 0.6; }
.eos-aqc-row.is-saved { background: rgba(29,158,117,0.10); }
.eos-aqc-ico { font-size: 16px; text-align: center; }
.eos-aqc-meta { display: flex; flex-direction: column; min-width: 0; }
.eos-aqc-name { font-size: 12.5px; font-weight: 500; line-height: 1.2; }
.eos-aqc-desc { font-size: 10.5px; opacity: 0.55; line-height: 1.2; margin-top: 2px; }

.eos-aqc-tgl { position: relative; width: 36px; height: 20px; flex-shrink: 0; }
.eos-aqc-tgl input { position: absolute; inset: 0; opacity: 0; cursor: pointer; z-index: 2; margin: 0; }
.eos-aqc-tgl-track {
  position: absolute; inset: 0;
  background: rgba(0,0,0,0.18);
  border-radius: 999px;
  transition: background 160ms ease;
}
.eos-aqc-tgl-track::after {
  content: ""; position: absolute;
  width: 16px; height: 16px;
  top: 2px; left: 2px;
  background: #FFFFFF;
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: transform 160ms ease;
}
.eos-aqc-tgl input:checked ~ .eos-aqc-tgl-track { background: #F5A312; }
.eos-aqc-tgl input:checked ~ .eos-aqc-tgl-track::after { transform: translateX(16px); }
[data-theme="dark"] .eos-aqc-tgl-track { background: rgba(255,255,255,0.18); }

.eos-aqc-foot {
  padding: 10px 14px;
  border-top: 0.5px solid rgba(0,0,0,0.06);
}
[data-theme="dark"] .eos-aqc-foot { border-top-color: rgba(255,255,255,0.06); }
.eos-aqc-deep {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11.5px; font-weight: 500;
  color: #B86B00;
  text-decoration: none;
}
.eos-aqc-deep:hover { text-decoration: underline; }
[data-theme="dark"] .eos-aqc-deep { color: #FFC76E; }

/* ============================================================
 * v2.1.146 — Service Flow card
 * ============================================================ */
.eos-sf-card {
  margin: 6px 14px 12px;
  padding: 10px 12px 8px;
  border-radius: 12px;
  border: 0.5px solid rgba(245,163,18,0.18);
  background: linear-gradient(135deg, rgba(245,163,18,0.06), rgba(245,163,18,0.02));
  animation: eosSfIn 320ms ease-out;
}
@keyframes eosSfIn { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } }
[data-theme="dark"] .eos-sf-card {
  border-color: rgba(245,163,18,0.25);
  background: linear-gradient(135deg, rgba(245,163,18,0.10), rgba(245,163,18,0.03));
}
.eos-sf-head {
  display: flex; align-items: center; gap: 7px;
  margin-bottom: 8px;
}
.eos-sf-head__lbl {
  font-size: 10px; font-weight: 700;
  letter-spacing: 0.5px; text-transform: uppercase;
  opacity: 0.6;
}
.eos-sf-head__live {
  font-size: 9.5px;
  background: rgba(220,38,38,0.16);
  color: #DC2626;
  padding: 2px 7px;
  border-radius: 999px;
  font-weight: 700; letter-spacing: 0.4px;
  display: inline-flex; align-items: center; gap: 4px;
}
.eos-sf-head__live::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: #DC2626;
  animation: eosSfPulseDot 1.2s ease-in-out infinite;
}
@keyframes eosSfPulseDot { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.4); opacity: 0.5; } }
.eos-sf-head__exp {
  margin-left: auto;
  appearance: none; background: transparent; border: 0;
  cursor: pointer; opacity: 0.55; font-size: 13px; color: inherit;
  padding: 2px 4px; border-radius: 4px;
}
.eos-sf-head__exp:hover { opacity: 1; background: rgba(0,0,0,0.05); }
[data-theme="dark"] .eos-sf-head__exp:hover { background: rgba(255,255,255,0.06); }

.eos-sf-strip {
  display: flex; align-items: center; gap: 0;
  overflow-x: auto;
  padding-bottom: 2px;
  -webkit-overflow-scrolling: touch;
}
.eos-sf-strip::-webkit-scrollbar { height: 3px; }
.eos-sf-strip::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.10); border-radius: 3px; }

.eos-sf-step {
  position: relative;
  display: flex; flex-direction: column; align-items: center;
  min-width: 64px;
  padding: 4px 6px;
  flex-shrink: 0;
}
.eos-sf-step__dot {
  width: 22px; height: 22px;
  border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 11px;
  background: rgba(0,0,0,0.06);
  color: rgba(0,0,0,0.50);
  border: 1px solid transparent;
  transition: all 200ms ease;
}
[data-theme="dark"] .eos-sf-step__dot { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.40); }
.eos-sf-step__lbl {
  font-size: 9.5px; font-weight: 500;
  margin-top: 4px; opacity: 0.6;
  text-align: center; white-space: nowrap;
}
.eos-sf-step.is-done .eos-sf-step__dot { background: rgba(29,158,117,0.18); color: #0F6E56; }
[data-theme="dark"] .eos-sf-step.is-done .eos-sf-step__dot { background: rgba(93,202,165,0.20); color: #5DCAA5; }
.eos-sf-step.is-done .eos-sf-step__lbl { opacity: 0.7; }
.eos-sf-step.is-now .eos-sf-step__dot {
  background: #F5A312; color: #FFFFFF;
  border-color: rgba(245,163,18,0.5);
  box-shadow: 0 0 0 4px rgba(245,163,18,0.15);
  animation: eosSfNow 1.5s ease-in-out infinite;
}
@keyframes eosSfNow { 0%, 100% { box-shadow: 0 0 0 4px rgba(245,163,18,0.15); } 50% { box-shadow: 0 0 0 8px rgba(245,163,18,0.06); } }
.eos-sf-step.is-now .eos-sf-step__lbl { opacity: 1; font-weight: 700; color: #B86B00; }
[data-theme="dark"] .eos-sf-step.is-now .eos-sf-step__lbl { color: #FFC76E; }

.eos-sf-conn {
  height: 2px; flex: 1;
  background: rgba(0,0,0,0.08);
  margin-top: 5px;
  min-width: 6px;
}
[data-theme="dark"] .eos-sf-conn { background: rgba(255,255,255,0.08); }
.eos-sf-conn.is-done { background: rgba(29,158,117,0.30); }
[data-theme="dark"] .eos-sf-conn.is-done { background: rgba(93,202,165,0.30); }

.eos-sf-now {
  margin-top: 10px;
  padding: 8px 10px;
  background: rgba(245,163,18,0.08);
  border-radius: 9px;
  border-left: 3px solid #F5A312;
  display: flex; align-items: center; gap: 8px;
}
[data-theme="dark"] .eos-sf-now { background: rgba(245,163,18,0.12); }
.eos-sf-now__title { font-size: 12.5px; font-weight: 600; color: #B86B00; }
[data-theme="dark"] .eos-sf-now__title { color: #FFC76E; }
.eos-sf-now__sub { font-size: 11px; opacity: 0.7; }

.eos-sf-expanded {
  margin-top: 10px;
  border-top: 0.5px dashed rgba(0,0,0,0.10);
  padding-top: 8px;
}
[data-theme="dark"] .eos-sf-expanded { border-color: rgba(255,255,255,0.10); }
.eos-sf-row {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  gap: 8px; align-items: center;
  padding: 5px 4px;
  font-size: 11.5px;
}
.eos-sf-row__ico { font-size: 13px; opacity: 0.7; }
.eos-sf-row__name { font-weight: 500; line-height: 1.3; }
.eos-sf-row__time { font-size: 10px; opacity: 0.55; font-variant-numeric: tabular-nums; }
.eos-sf-row.is-done .eos-sf-row__name { opacity: 0.5; text-decoration: line-through; }
.eos-sf-row.is-now { background: rgba(245,163,18,0.08); border-radius: 6px; padding-left: 6px; padding-right: 6px; }
.eos-sf-row.is-now .eos-sf-row__name { color: #B86B00; font-weight: 700; text-decoration: none; }
[data-theme="dark"] .eos-sf-row.is-now { background: rgba(245,163,18,0.12); }
[data-theme="dark"] .eos-sf-row.is-now .eos-sf-row__name { color: #FFC76E; }

.eos-sf-admin {
  margin-top: 12px;
  padding: 10px;
  background: rgba(0,0,0,0.03);
  border-radius: 9px;
  border: 0.5px dashed rgba(0,0,0,0.12);
}
[data-theme="dark"] .eos-sf-admin { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.10); }
.eos-sf-admin__head {
  font-size: 9.5px; opacity: 0.55;
  text-transform: uppercase; letter-spacing: 0.5px;
  margin-bottom: 6px; font-weight: 600;
  display: inline-flex; align-items: center; gap: 5px;
}
.eos-sf-admin__btns { display: flex; gap: 5px; flex-wrap: wrap; }
.eos-sf-admin__btn {
  font-size: 11px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(245,163,18,0.12);
  color: #B86B00;
  border: 0.5px solid rgba(245,163,18,0.30);
  cursor: pointer;
  font: inherit;
  transition: background 120ms ease, opacity 120ms ease;
}
.eos-sf-admin__btn:hover { background: rgba(245,163,18,0.20); }
.eos-sf-admin__btn--prev { background: rgba(0,0,0,0.05); color: inherit; border-color: rgba(0,0,0,0.10); }
.eos-sf-admin__btn--prev:hover { background: rgba(0,0,0,0.08); }
.eos-sf-admin__btn.is-sending { opacity: 0.55; pointer-events: none; }
[data-theme="dark"] .eos-sf-admin__btn { color: #FFC76E; background: rgba(245,163,18,0.15); }
[data-theme="dark"] .eos-sf-admin__btn--prev { background: rgba(255,255,255,0.06); color: inherit; border-color: rgba(255,255,255,0.10); }

/* ============================================================
 * v2.1.155 — Spotlight a message
 * ============================================================ */
.eos-sp-overlay {
  position: absolute; inset: 0;
  z-index: 60;
  pointer-events: none;
}
.eos-sp-overlay.is-on { pointer-events: auto; }
.eos-sp-card {
  position: absolute;
  left: 50%; bottom: 22%;
  transform: translate(-50%, 16px) scale(0.94);
  width: min(460px, calc(100% - 32px));
  background: rgba(255,255,255,0.10);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  backdrop-filter: blur(22px) saturate(180%);
  border: 0.5px solid rgba(255,255,255,0.22);
  border-left: 3px solid #F5A312;
  border-radius: 14px;
  padding: 14px 16px 18px;
  color: #FFFFFF;
  box-shadow: 0 20px 60px rgba(0,0,0,0.40);
  display: flex; gap: 12px; align-items: flex-start;
  opacity: 0;
  transition: opacity 600ms ease, transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
}
.eos-sp-overlay.is-on .eos-sp-card {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.eos-sp-card__av {
  width: 44px; height: 44px; border-radius: 50%;
  background: linear-gradient(135deg, #F5A312, #B86B00);
  color: #FFFFFF;
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 600; font-size: 14px;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}
.eos-sp-card__body { min-width: 0; flex: 1; }
.eos-sp-card__lbl {
  font-size: 9.5px; font-weight: 700; letter-spacing: 0.6px;
  text-transform: uppercase;
  background: rgba(245,163,18,0.30);
  color: #FFC76E;
  padding: 2px 8px;
  border-radius: 999px;
  display: inline-flex; align-items: center; gap: 4px;
  margin-bottom: 5px;
}
.eos-sp-card__lbl::before {
  content: ""; width: 5px; height: 5px; border-radius: 50%;
  background: #FFC76E;
  animation: eosSpBlink 1.2s ease-in-out infinite;
}
@keyframes eosSpBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
.eos-sp-card__head {
  display: flex; align-items: baseline; gap: 6px;
  margin-bottom: 4px; flex-wrap: wrap;
}
.eos-sp-card__name { font-size: 14px; font-weight: 600; }
.eos-sp-card__loc { font-size: 12px; opacity: 0.75; }
.eos-sp-card__text {
  font-size: 14.5px;
  line-height: 1.5;
  font-family: Georgia, serif;
  word-wrap: break-word;
}
.eos-sp-card__close {
  position: absolute; top: 6px; right: 8px;
  width: 26px; height: 26px;
  background: rgba(255,255,255,0.10);
  color: #FFFFFF;
  border: 0;
  border-radius: 50%;
  font-size: 16px; line-height: 1;
  cursor: pointer;
  opacity: 0.55;
  transition: opacity 120ms ease, background 120ms ease;
}
.eos-sp-card__close:hover { opacity: 1; background: rgba(255,255,255,0.20); }
.eos-sp-card__bar {
  position: absolute; left: 16px; right: 16px; bottom: 8px;
  height: 2.5px;
  background: rgba(255,255,255,0.18);
  border-radius: 999px; overflow: hidden;
}
.eos-sp-card__bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #F5A312, #FFC76E);
  border-radius: 999px;
  transform-origin: left;
  animation: eosSpCount 8s linear forwards;
}
@keyframes eosSpCount {
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

/* ----- Admin trigger button on each chat message ----- */
.eos-chat-msg { position: relative; }
.eos-sp-trigger {
  position: absolute;
  top: 6px; right: 8px;
  width: 26px; height: 26px;
  border-radius: 50%;
  border: 0;
  background: rgba(0,0,0,0.04);
  color: #B86B00;
  cursor: pointer;
  font-size: 14px;
  opacity: 0;
  display: inline-flex; align-items: center; justify-content: center;
  transition: opacity 120ms ease, background 120ms ease, transform 120ms ease;
}
.eos-chat-msg:hover .eos-sp-trigger { opacity: 1; }
.eos-sp-trigger:hover {
  background: linear-gradient(135deg, #F5A312, #B86B00);
  transform: scale(1.10);
  color: #FFFFFF;
}
.eos-sp-trigger.is-loading {
  opacity: 1;
  animation: eosSpSpin 1s linear infinite;
}
@keyframes eosSpSpin { from { transform: rotate(0); } to { transform: rotate(360deg); } }
.eos-sp-trigger.is-active {
  opacity: 1;
  background: linear-gradient(135deg, #F5A312, #B86B00);
  color: #FFFFFF;
  box-shadow: 0 0 0 4px rgba(245,163,18,0.20);
}
.eos-sp-trigger.is-err { opacity: 1; background: rgba(220,38,38,0.18); color: #DC2626; }

[data-theme="dark"] .eos-sp-trigger { background: rgba(255,255,255,0.06); color: #FFC76E; }
[data-theme="dark"] .eos-sp-trigger:hover { color: #FFFFFF; }

/* Mobile */
@media (max-width: 720px) {
  .eos-sp-card { bottom: 14%; padding: 12px 14px 16px; }
  .eos-sp-card__av { width: 38px; height: 38px; font-size: 12px; }
  .eos-sp-card__text { font-size: 13px; }
}

/* ============================================================
 * v2.1.156 — Tap-to-Amen
 * ============================================================ */
.eos-am-btn {
  position: absolute;
  left: 50%; bottom: 22px;
  transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 9px;
  background: linear-gradient(135deg, #1D9E75, #0F6E56);
  color: #FFFFFF;
  border: 1.5px solid rgba(255,255,255,0.18);
  border-radius: 999px;
  padding: 10px 18px 10px 14px;
  font: inherit; font-size: 13.5px; font-weight: 600;
  cursor: pointer;
  z-index: 8;
  box-shadow: 0 8px 24px rgba(29,158,117,0.40);
  animation: eosAmBreathe 2.4s ease-in-out infinite;
  transition: transform 120ms ease, box-shadow 120ms ease;
}
@keyframes eosAmBreathe {
  0%, 100% { box-shadow: 0 8px 24px rgba(29,158,117,0.40), 0 0 0 0 rgba(29,158,117,0.45); }
  50% { box-shadow: 0 8px 24px rgba(29,158,117,0.40), 0 0 0 10px rgba(29,158,117,0); }
}
.eos-am-btn:hover { transform: translateX(-50%) translateY(-2px); }
.eos-am-btn.is-pressed { transform: translateX(-50%) scale(0.95); }
.eos-am-btn__ico {
  width: 26px; height: 26px;
  background: rgba(255,255,255,0.20);
  border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 14px;
}
.eos-am-btn__count {
  background: rgba(255,255,255,0.22);
  padding: 2px 10px; border-radius: 999px;
  font-size: 12.5px; font-variant-numeric: tabular-nums; font-weight: 700;
  min-width: 26px; text-align: center;
}

/* Burst overlay */
.eos-am-bursts {
  position: absolute; inset: 0;
  pointer-events: none;
  z-index: 7;
  overflow: hidden;
}
.eos-am-burst {
  position: absolute; bottom: 80px;
  width: 36px; height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(93,202,165,0.32), rgba(29,158,117,0.20));
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(93,202,165,0.40);
  color: #FFFFFF;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 16px;
  animation: eosAmRise 3s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes eosAmRise {
  0% { opacity: 0; transform: translateY(20px) scale(0.6); }
  15% { opacity: 1; transform: translateY(-10px) scale(1); }
  60% { opacity: 1; transform: translateY(-130px) scale(1.05); }
  100% { opacity: 0; transform: translateY(-220px) scale(0.9); }
}

/* Admin dashboard inside #eos-chat */
.eos-am-dash {
  margin: 10px 12px 14px;
  padding: 12px 14px;
  background: linear-gradient(135deg, rgba(29,158,117,0.10), rgba(29,158,117,0.03));
  border: 0.5px solid rgba(29,158,117,0.24);
  border-left: 3px solid #1D9E75;
  border-radius: 10px;
}
[data-theme="dark"] .eos-am-dash {
  background: linear-gradient(135deg, rgba(93,202,165,0.14), rgba(93,202,165,0.04));
  border-color: rgba(93,202,165,0.30);
  border-left-color: #5DCAA5;
}
.eos-am-dash__head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 4px;
}
.eos-am-dash__lbl {
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 0.4px; text-transform: uppercase;
  color: #0F6E56; opacity: 0.85;
}
[data-theme="dark"] .eos-am-dash__lbl { color: #5DCAA5; }
.eos-am-dash__rate { font-size: 10.5px; opacity: 0.7; font-variant-numeric: tabular-nums; }
.eos-am-dash__big {
  font-size: 26px; font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #0F6E56;
  line-height: 1.1; margin: 2px 0 8px;
}
[data-theme="dark"] .eos-am-dash__big { color: #5DCAA5; }
.eos-am-dash__cols h4 {
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.5px; text-transform: uppercase;
  opacity: 0.55; margin: 4px 0 6px;
}
.eos-am-country {
  display: flex; align-items: center; gap: 8px;
  padding: 4px 0;
}
.eos-am-country__flag { font-size: 16px; flex-shrink: 0; }
.eos-am-country__name { font-size: 12px; min-width: 80px; max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eos-am-country__bar {
  height: 4px; flex: 1;
  background: rgba(0,0,0,0.06);
  border-radius: 999px;
  position: relative;
  overflow: hidden;
}
[data-theme="dark"] .eos-am-country__bar { background: rgba(255,255,255,0.06); }
.eos-am-country__fill {
  position: absolute; left: 0; top: 0; bottom: 0;
  background: linear-gradient(90deg, #1D9E75, #5DCAA5);
  border-radius: 999px;
}
.eos-am-country__count {
  font-size: 10.5px; font-weight: 700;
  opacity: 0.75; font-variant-numeric: tabular-nums;
  min-width: 26px; text-align: right;
}

@media (max-width: 720px) {
  .eos-am-btn { bottom: 14px; padding: 8px 14px 8px 10px; font-size: 12.5px; }
  .eos-am-btn__ico { width: 22px; height: 22px; font-size: 12px; }
}

/* ============================================================
 * v2.1.157 — Service Modes
 * ============================================================ */

/* Mode badge on the player */
.eos-svm-badge {
  position: absolute;
  top: 14px; left: 14px;
  z-index: 6;
  background: rgba(0,0,0,0.55);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 0.5px solid rgba(255,255,255,0.14);
  color: #FFFFFF;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: inline-flex; align-items: center; gap: 5px;
  animation: eosSvmGlow 3s ease-in-out infinite;
}
@keyframes eosSvmGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(245,163,18,0); }
  50% { box-shadow: 0 0 0 3px rgba(245,163,18,0.30); }
}
.eos-svm-badge__ico { font-size: 13px; }

/* Chip strip inside admin gear panel */
.eos-svm-strip {
  margin: 0 10px 10px;
  padding: 10px 12px;
  background: linear-gradient(180deg, rgba(245,163,18,0.06), rgba(245,163,18,0.02));
  border: 0.5px solid rgba(245,163,18,0.20);
  border-radius: 12px;
}
.eos-svm-strip__head {
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 0.4px; text-transform: uppercase;
  opacity: 0.65;
  margin-bottom: 7px;
  display: flex; align-items: center; justify-content: space-between;
}
.eos-svm-strip__active {
  font-size: 9.5px; font-weight: 700;
  background: rgba(245,163,18,0.18);
  color: #B86B00;
  padding: 1px 7px;
  border-radius: 999px;
}
[data-theme="dark"] .eos-svm-strip__active { color: #FFC76E; background: rgba(245,163,18,0.22); }
.eos-svm-chips {
  display: flex; gap: 5px; flex-wrap: wrap;
}
.eos-svm-chip {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 6px 11px;
  font: inherit; font-size: 11.5px; font-weight: 600;
  background: rgba(0,0,0,0.04);
  border: 0.5px solid rgba(0,0,0,0.08);
  border-radius: 999px;
  color: inherit;
  cursor: pointer;
  transition: all 160ms ease;
}
[data-theme="dark"] .eos-svm-chip { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.10); }
.eos-svm-chip:hover {
  background: rgba(245,163,18,0.12);
  border-color: rgba(245,163,18,0.30);
  color: #B86B00;
}
[data-theme="dark"] .eos-svm-chip:hover { color: #FFC76E; }
.eos-svm-chip.is-on {
  background: linear-gradient(135deg, #F5A312, #B86B00);
  color: #FFFFFF;
  border-color: transparent;
  box-shadow: 0 3px 10px rgba(245,163,18,0.30);
}
.eos-svm-chip__ico { font-size: 13px; }

.eos-svm-clear {
  margin-top: 8px;
  width: 100%;
  background: transparent;
  border: 0.5px dashed rgba(0,0,0,0.18);
  color: inherit;
  font: inherit; font-size: 10.5px;
  padding: 6px;
  border-radius: 7px;
  cursor: pointer;
  opacity: 0.65;
}
[data-theme="dark"] .eos-svm-clear { border-color: rgba(255,255,255,0.18); }
.eos-svm-clear:hover { opacity: 1; border-color: rgba(245,163,18,0.30); color: #B86B00; }
[data-theme="dark"] .eos-svm-clear:hover { color: #FFC76E; }

/* ============================================================
 * v2.1.158 — Capture this Moment
 * ============================================================ */

/* Camera button on the player */
.eos-mc-btn {
  position: absolute;
  right: 12px; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px;
  border-radius: 50%;
  background: rgba(0,0,0,0.55);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 0.5px solid rgba(255,255,255,0.16);
  color: #FFFFFF;
  font-size: 20px;
  cursor: pointer;
  z-index: 6;
  opacity: 0.85;
  transition: opacity 200ms ease, background 200ms ease, transform 200ms ease;
}
.eos-mc-btn:hover {
  opacity: 1;
  background: linear-gradient(135deg, rgba(245,163,18,0.55), rgba(184,107,0,0.55));
  transform: translateY(-50%) scale(1.05);
}
.eos-mc-btn.is-pressed { transform: translateY(-50%) scale(0.92); }

/* When the v2.1.157 rxbar is also present, push the camera up so they don't overlap */
.eos-cn-rxbar + .eos-mc-btn,
#eos-cn-rxbar ~ .eos-mc-btn { top: calc(50% + 100px); }

/* ----- Modal ----- */
.eos-mc-modal-bg {
  position: fixed; inset: 0;
  z-index: 9100;
  background: rgba(0,0,0,0.55);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  animation: eosMcFade 200ms ease-out;
}
@keyframes eosMcFade { from { opacity: 0; } to { opacity: 1; } }

.eos-mc-modal {
  width: min(440px, 100%);
  max-height: 90vh;
  background: var(--cn-bg, #FFFFFF);
  color: var(--cn-fg, #1A1A2E);
  border-radius: 16px;
  border: 0.5px solid rgba(0,0,0,0.10);
  overflow: hidden;
  display: flex; flex-direction: column;
  box-shadow: 0 30px 80px rgba(0,0,0,0.30);
}
[data-theme="dark"] .eos-mc-modal {
  background: #11161D;
  color: #E6E7EA;
  border-color: rgba(255,255,255,0.08);
}
.eos-mc-modal__head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 0.5px solid rgba(0,0,0,0.06);
  font-weight: 600; font-size: 14px;
}
[data-theme="dark"] .eos-mc-modal__head { border-bottom-color: rgba(255,255,255,0.06); }
.eos-mc-modal__close {
  background: transparent; border: 0;
  font-size: 22px; line-height: 1; cursor: pointer;
  color: inherit; opacity: 0.6;
  padding: 0 4px;
}
.eos-mc-modal__close:hover { opacity: 1; }

.eos-mc-modal__preview {
  padding: 16px 16px 0;
  display: flex; justify-content: center;
}
.eos-mc-modal__preview img {
  width: min(260px, 60vw);
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.20);
}

.eos-mc-modal__grid {
  padding: 14px 16px 4px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.eos-mc-btn-share {
  display: inline-flex; flex-direction: column; align-items: center; gap: 5px;
  padding: 10px 4px;
  background: rgba(0,0,0,0.03);
  border: 0.5px solid rgba(0,0,0,0.08);
  color: inherit;
  border-radius: 10px;
  cursor: pointer;
  font: inherit; font-size: 10.5px; font-weight: 600;
  text-decoration: none;
  transition: transform 120ms ease, background 120ms ease;
}
[data-theme="dark"] .eos-mc-btn-share {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.08);
}
.eos-mc-btn-share:hover { transform: translateY(-1px); }
.eos-mc-btn-share span {
  width: 32px; height: 32px;
  border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  color: #FFFFFF;
  font-size: 16px;
}
.eos-mc-btn-share.is-wa span { background: #25D366; }
.eos-mc-btn-share.is-ig span { background: linear-gradient(135deg, #FEDA75, #FA7E1E, #D62976, #962FBF, #4F5BD5); }
.eos-mc-btn-share.is-fb span { background: #1877F2; }
.eos-mc-btn-share.is-x  span { background: #000000; }
.eos-mc-btn-share.is-em span { background: #6E7681; }
.eos-mc-btn-share.is-co span { background: #534AB7; }
.eos-mc-btn-share.is-dl span { background: linear-gradient(135deg, #1D9E75, #0F6E56); }
.eos-mc-btn-share.is-lk span { background: linear-gradient(135deg, #F5A312, #B86B00); }

.eos-mc-modal__hint {
  font-size: 11px; opacity: 0.55;
  padding: 6px 16px 14px;
  margin: 0;
  text-align: center;
}

/* ----- Admin tally ----- */
.eos-mc-tally {
  display: flex; align-items: center; justify-content: space-between;
  margin: 8px 10px;
  padding: 9px 12px;
  background: linear-gradient(135deg, rgba(245,163,18,0.10), rgba(245,163,18,0.03));
  border: 0.5px solid rgba(245,163,18,0.24);
  border-radius: 9px;
  font-size: 11.5px;
}
.eos-mc-tally span:last-child {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #B86B00;
  font-size: 14px;
}
[data-theme="dark"] .eos-mc-tally span:last-child { color: #FFC76E; }

/* Mobile tweak */
@media (max-width: 720px) {
  .eos-mc-btn { width: 38px; height: 38px; font-size: 17px; right: 10px; }
  .eos-mc-modal__grid { grid-template-columns: repeat(4, 1fr); }
}

/* ============================================================
 * v2.1.159 — Pre-roll countdown
 * ============================================================ */
.eos-pre-overlay {
  position: absolute; inset: 0;
  z-index: 50;
  background: linear-gradient(135deg, #1a2940 0%, #0a1220 50%, #2d1b1f 100%);
  display: flex; align-items: center; justify-content: center;
  opacity: 0;
  transition: opacity 600ms ease;
  overflow: hidden;
}
.eos-pre-overlay::before {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 70% 30%, rgba(245,163,18,0.25), transparent 60%),
    radial-gradient(ellipse at 20% 80%, rgba(127,119,221,0.15), transparent 60%);
}
.eos-pre-overlay.is-on { opacity: 1; }

.eos-pre-inner {
  position: relative; z-index: 2;
  text-align: center;
  color: #FFFFFF;
  padding: 30px 24px;
}
.eos-pre-eyebrow {
  font-size: 11px; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  color: #FFC76E;
  margin-bottom: 16px;
  display: inline-flex; align-items: center; gap: 6px;
}
.eos-pre-eyebrow::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: #FFC76E;
  animation: eosPreBlink 1.4s ease-in-out infinite;
}
@keyframes eosPreBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

.eos-pre-digits {
  display: flex; align-items: flex-start; justify-content: center; gap: 14px;
  margin-bottom: 16px;
}
.eos-pre-d {
  display: flex; flex-direction: column; align-items: center;
}
.eos-pre-num {
  font-size: clamp(48px, 9vw, 80px);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1; letter-spacing: -2px;
  background: linear-gradient(135deg, #F5A312, #FFC76E);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: eosPreTick 1s ease-in-out infinite;
}
@keyframes eosPreTick {
  0%, 92%, 100% { transform: scale(1); }
  96% { transform: scale(1.05); }
}
.eos-pre-lbl {
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.5px; text-transform: uppercase;
  opacity: 0.5;
  margin-top: 6px;
}
.eos-pre-sep {
  font-size: clamp(48px, 9vw, 80px); font-weight: 600;
  color: rgba(245,163,18,0.35);
  line-height: 1;
  align-self: flex-start;
}

.eos-pre-msg {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 15px;
  max-width: 580px; margin: 0 auto 18px;
  opacity: 0.9;
  line-height: 1.5;
  padding: 0 14px;
}

.eos-pre-cta {
  display: flex; gap: 8px; justify-content: center; flex-wrap: wrap;
}
.eos-pre-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 9px 16px;
  background: rgba(255,255,255,0.10);
  border: 0.5px solid rgba(255,255,255,0.20);
  color: #FFFFFF;
  border-radius: 999px;
  font: inherit; font-size: 12px; font-weight: 600;
  cursor: pointer;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: background 160ms ease, transform 120ms ease;
}
.eos-pre-btn:hover { background: rgba(245,163,18,0.30); border-color: rgba(245,163,18,0.50); transform: translateY(-1px); }
.eos-pre-btn--primary {
  background: linear-gradient(135deg, #F5A312, #B86B00);
  border-color: transparent;
}
.eos-pre-btn--primary:hover { background: linear-gradient(135deg, #FFC76E, #F5A312); }

/* ----- Admin section inside the gear panel ----- */
.eos-pre-admin {
  margin: 0 10px 10px;
  padding: 11px 12px;
  background: linear-gradient(180deg, rgba(245,163,18,0.06), rgba(245,163,18,0.02));
  border: 0.5px solid rgba(245,163,18,0.20);
  border-radius: 12px;
}
.eos-pre-admin__h {
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 0.4px; text-transform: uppercase;
  opacity: 0.65;
  margin-bottom: 8px;
  display: flex; align-items: center; justify-content: space-between;
}
.eos-pre-admin__state {
  font-size: 9.5px; font-weight: 700;
  background: rgba(0,0,0,0.06);
  color: inherit;
  padding: 1px 7px; border-radius: 999px;
}
.eos-pre-admin__state.is-on { background: rgba(245,163,18,0.22); color: #B86B00; }
[data-theme="dark"] .eos-pre-admin__state.is-on { color: #FFC76E; background: rgba(245,163,18,0.30); }
.eos-pre-admin__quick {
  display: flex; gap: 5px; flex-wrap: wrap;
  margin-bottom: 8px;
}
.eos-pre-admin__quick button {
  padding: 6px 11px;
  font: inherit; font-size: 11.5px; font-weight: 600;
  background: rgba(255,255,255,0.6);
  border: 0.5px solid rgba(0,0,0,0.08);
  color: inherit;
  border-radius: 999px;
  cursor: pointer;
}
[data-theme="dark"] .eos-pre-admin__quick button {
  background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.10);
}
.eos-pre-admin__quick button:hover {
  background: rgba(245,163,18,0.15);
  border-color: rgba(245,163,18,0.30);
  color: #B86B00;
}
[data-theme="dark"] .eos-pre-admin__quick button:hover { color: #FFC76E; }

.eos-pre-admin__row {
  display: flex; gap: 5px; align-items: center;
  margin-bottom: 8px;
}
.eos-pre-admin__dt {
  flex: 1;
  font: inherit; font-size: 11.5px;
  padding: 6px 10px;
  background: rgba(255,255,255,0.7);
  border: 0.5px solid rgba(0,0,0,0.10);
  color: inherit;
  border-radius: 7px;
}
[data-theme="dark"] .eos-pre-admin__dt {
  background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.10);
}
[data-pre-set] {
  font: inherit; font-size: 11.5px; font-weight: 600;
  padding: 6px 14px;
  background: linear-gradient(135deg, #F5A312, #B86B00);
  color: #FFFFFF;
  border: 0;
  border-radius: 7px;
  cursor: pointer;
}
.eos-pre-admin__cancel {
  font: inherit; font-size: 11px; font-weight: 600;
  padding: 6px 11px;
  background: transparent;
  border: 0.5px dashed rgba(220,38,38,0.40);
  color: #DC2626;
  border-radius: 7px;
  cursor: pointer;
}
.eos-pre-admin__msg {
  width: 100%;
  font: inherit; font-size: 11.5px;
  padding: 6px 10px;
  background: rgba(255,255,255,0.7);
  border: 0.5px solid rgba(0,0,0,0.10);
  color: inherit;
  border-radius: 7px;
}
[data-theme="dark"] .eos-pre-admin__msg {
  background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.10);
}

/* Mobile */
@media (max-width: 720px) {
  .eos-pre-inner { padding: 18px 14px; }
  .eos-pre-digits { gap: 8px; }
  .eos-pre-msg { font-size: 13px; }
}

/* ============================================================
 * v2.1.160 — Reaction Shower
 * ============================================================ */
.eos-sh-overlay {
  position: absolute; inset: 0;
  pointer-events: none;
  z-index: 9000;
  overflow: hidden;
  transition: opacity 600ms ease;
}
.eos-sh-overlay.is-fading { opacity: 0; }

.eos-sh-em {
  position: absolute;
  top: -50px;
  animation-name: eosShFall;
  animation-timing-function: cubic-bezier(0.32, 0.05, 0.6, 0.95);
  animation-fill-mode: both;
  will-change: transform, opacity;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.20));
}
@keyframes eosShFall {
  0% {
    transform: translate(0, 0) rotate(0deg);
    opacity: 0;
  }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% {
    transform: translate(var(--rx, 0px), 110vh) rotate(var(--rot, 360deg));
    opacity: 0;
  }
}

/* ----- Admin preset picker inside gear panel ----- */
.eos-sh-picker {
  margin: 0 10px 10px;
  padding: 11px 12px;
  background: linear-gradient(180deg, rgba(245,163,18,0.06), rgba(245,163,18,0.02));
  border: 0.5px solid rgba(245,163,18,0.20);
  border-radius: 12px;
}
.eos-sh-picker__h {
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 0.4px; text-transform: uppercase;
  opacity: 0.65;
  margin-bottom: 8px;
  display: flex; align-items: center; justify-content: space-between;
}
.eos-sh-picker__hint {
  font-size: 9.5px; font-weight: 700;
  background: rgba(0,0,0,0.06); color: inherit;
  padding: 1px 7px; border-radius: 999px;
}
[data-theme="dark"] .eos-sh-picker__hint { background: rgba(255,255,255,0.08); }

.eos-sh-picker__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}
.eos-sh-preset {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 10px 4px;
  background: rgba(255,255,255,0.6);
  border: 0.5px solid rgba(0,0,0,0.08);
  border-radius: 11px;
  color: inherit;
  cursor: pointer;
  font: inherit;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}
[data-theme="dark"] .eos-sh-preset {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.10);
}
.eos-sh-preset:hover {
  transform: translateY(-2px);
  background: rgba(245,163,18,0.10);
  border-color: rgba(245,163,18,0.30);
}
.eos-sh-preset.is-firing {
  opacity: 0.5;
  pointer-events: none;
  transform: scale(0.96);
}
.eos-sh-preset__em {
  font-size: 22px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
}
.eos-sh-preset__lbl {
  font-size: 10.5px; font-weight: 600;
}
.eos-sh-preset__sub {
  font-size: 9px; opacity: 0.55;
}