.hyphy-fineprint-note { color: var(--hs-text-3); font-size: 11.5px; margin: -4px 0 4px; text-align: center; line-height: 1.4; }


/* ============================================================
   v1.9.2 — Stories REMOVED. Threaded comments + mobile search +
   DM search + like color parity + video thumbnails + rehyphes +
   per-post toggles.
   ============================================================ */

/* Like + comment buttons share the SAME idle color (per spec). */
.hyphy-like-btn { color: var(--hs-text-2); }
.hyphy-like-btn svg { fill: currentColor; }
.hyphy-like-btn.is-liked,
.hyphy-like-btn.is-liked svg { color: #ff3b5c; fill: #ff3b5c; }
.hyphy-like-btn.is-liked .count { color: #ff3b5c; }

/* Threaded comments — nested .hyphy-comment-thread inside each row. */
.hyphy-comment-thread { padding-left: 0; }
.hyphy-comment-thread[data-depth="1"],
.hyphy-comment-thread[data-depth="2"],
.hyphy-comment-thread[data-depth="3"],
.hyphy-comment-thread[data-depth="4"] {
  margin-left: 38px; border-left: 2px solid var(--hs-line); padding-left: 12px;
}
.hyphy-comment-row__meta { margin-top: 4px; display: flex; gap: 12px; align-items: center; }
.hyphy-comment-reply-btn { background: transparent; border: 0; padding: 0; cursor: pointer;
  color: var(--hs-text-3); font-size: 12px; font-weight: 700; }
.hyphy-comment-reply-btn:hover { color: var(--hs-gold); }

/* Comment composer reply-to chip. */
.hyphy-comment-bar__reply-to { display: flex; align-items: center; gap: 8px; padding: 6px 10px;
  background: var(--hs-bg-3); border-radius: 8px; margin-bottom: 6px; font-size: 12px; color: var(--hs-text-2); }
.hyphy-comment-bar__reply-cancel { background: transparent; border: 0; color: var(--hs-text-3);
  cursor: pointer; font-size: 16px; line-height: 1; }

/* Mobile search overlay (header). */
.hyphy-mobile-search-trigger { display: none; background: transparent; border: 0; color: var(--hs-text); padding: 8px; cursor: pointer; }
.hyphy-mobile-search-trigger svg { width: 22px; height: 22px; fill: currentColor; }
.hyphy-mobile-search { position: fixed; inset: 0; z-index: 220; background: var(--hs-bg, #0b0b0c);
  display: none; flex-direction: column; }
.hyphy-mobile-search.is-open { display: flex; }
.hyphy-mobile-search__head { display: flex; gap: 8px; align-items: center; padding: 10px 12px;
  border-bottom: 1px solid var(--hs-line); }
.hyphy-mobile-search__close { background: transparent; border: 0; color: var(--hs-text); font-size: 22px;
  width: 36px; height: 36px; cursor: pointer; }
.hyphy-mobile-search__input { flex: 1; padding: 10px 14px; background: var(--hs-bg-3);
  border: 1px solid var(--hs-line); border-radius: 999px; color: var(--hs-text); outline: 0; }
.hyphy-mobile-search__results { flex: 1; overflow-y: auto; padding: 8px 0; }
.hyphy-mobile-search__row { display: flex; gap: 10px; align-items: center; padding: 10px 14px;
  color: inherit; text-decoration: none; }
.hyphy-mobile-search__row:hover { background: var(--hs-bg-2); }
.hyphy-mobile-search__row img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
@media (max-width: 720px) {
  .hyphy-mobile-search-trigger { display: inline-flex; }
  .hyphy-topbar__center { display: none; }
}

/* DM inbox search bar + "new message" picker. */
.hyphy-dm__list-search { padding: 8px 10px; border-bottom: 1px solid var(--hs-line); display: flex; gap: 6px; }
.hyphy-dm__list-search input { flex: 1; padding: 8px 12px; background: var(--hs-bg-3);
  border: 1px solid var(--hs-line); border-radius: 999px; color: var(--hs-text); outline: 0; font-size: 13px; }
.hyphy-dm__new-btn { background: var(--hs-gold); color: #1a0e00; border: 0; border-radius: 999px;
  padding: 6px 12px; font-weight: 700; cursor: pointer; font-size: 12px; }
.hyphy-dm__picker { position: absolute; top: 56px; left: 8px; right: 8px; max-height: 50vh;
  overflow-y: auto; background: var(--hs-bg-2); border: 1px solid var(--hs-line); border-radius: 10px;
  z-index: 10; box-shadow: 0 8px 30px rgba(0,0,0,0.5); }
.hyphy-dm__picker-row { display: flex; gap: 10px; align-items: center; padding: 8px 12px; cursor: pointer; }
.hyphy-dm__picker-row:hover { background: var(--hs-bg-3); }
.hyphy-dm__picker-row img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.hyphy-dm__picker-empty { padding: 12px; color: var(--hs-text-3); text-align: center; font-size: 13px; }

/* v1.9.2 — Hide any legacy story DOM that might still exist on cached pages. */
.hyphy-stories-bar, .hyphy-stories-modal, .hyphy-highlights, .hyphy-stories-engage,
.hyphy-story-pill, .hyphy-stories-tile, .hyphy-stories-grid { display: none !important; }

/* Backward-compatibility: neutralise any legacy .has-active-story markup. */
.hyphy-ig-head__avatar-wrap.has-active-story,
.hyphy-ig-head__avatar-wrap.has-active-story.is-seen,
.hyphy-card__author-avatar--ring {
    background: transparent !important; padding: 0 !important;
}
.hyphy-card__author-avatar--ring img { border: 0 !important; }

/* Video grid tile play icon (when no poster). */
.hyphy-grid-tile__play { position: absolute; inset: 0; display: flex; align-items: center;
  justify-content: center; color: rgba(255,255,255,0.7); font-size: 24px; }
.hyphy-grid-tile__videobg { position: relative; background: linear-gradient(135deg, #15151a, #2a2a30) !important; }

/* ============================================================
   v1.9.2 — Rehyphes (text-post retweets) + composer toggles.
   ============================================================ */

/* Compact toggles inside the composer. */
.hyphy-composer__toggles { display: flex; gap: 14px; flex-wrap: wrap; padding: 8px 14px; font-size: 12.5px;
  color: var(--hs-text-2); border-top: 1px solid var(--hs-line); background: var(--hs-bg-2); }
.hyphy-composer__toggle { display: inline-flex; gap: 6px; align-items: center; cursor: pointer; user-select: none; }
.hyphy-composer__toggle input { accent-color: var(--hs-gold); }

/* Rehyphe quote-composer modal (lightweight inline). */
.hyphy-rehyphe-quote { padding: 8px 12px; border-left: 3px solid var(--hs-line); color: var(--hs-text-2);
  background: var(--hs-bg-3); border-radius: 6px; margin-top: 8px; font-size: 13.5px; }
.hyphy-rehyphe-quote__author { color: var(--hs-text-3); font-size: 12px; margin-bottom: 4px; }

/* Rehyphe button + counts on cards. */
.hyphy-card__action.hyphy-rehyphe-btn { color: var(--hs-text-2); }
.hyphy-card__action.hyphy-rehyphe-btn.is-rehyphed,
.hyphy-card__action.hyphy-rehyphe-btn.is-rehyphed svg { color: #1abc9c; fill: #1abc9c; }
.hyphy-card__action.hyphy-rehyphe-btn .count { font-weight: 600; }

/* Quote-rehyphe submenu (small popover). */
.hyphy-rehyphe-menu { position: absolute; background: var(--hs-bg-2); border: 1px solid var(--hs-line);
  border-radius: 10px; box-shadow: 0 8px 30px rgba(0,0,0,0.5); padding: 6px; z-index: 50; min-width: 180px; }
.hyphy-rehyphe-menu button { display: block; width: 100%; text-align: left; background: transparent;
  border: 0; color: var(--hs-text); padding: 8px 12px; cursor: pointer; border-radius: 6px; }
.hyphy-rehyphe-menu button:hover { background: var(--hs-bg-3); }
.hyphy-rehyphe-menu button[disabled] { color: var(--hs-text-3); cursor: not-allowed; }
.hyphy-rehyphe-menu button[disabled]:hover { background: transparent; }

/* Rehyphe banner on rendered cards. */
.hyphy-card__rehyphe-banner { display: flex; align-items: center; gap: 6px;
  font-size: 12px; color: var(--hs-text-3); padding: 6px 14px 0; }
.hyphy-card__rehyphe-banner a { color: var(--hs-text-2); font-weight: 600; }
.hyphy-card__rehyphe-banner svg { width: 14px; height: 14px; fill: currentColor; }

/* Embedded original (quote rehyphe). */
.hyphy-card__quoted { margin: 10px 14px 0; border: 1px solid var(--hs-line); border-radius: 12px;
  padding: 10px; background: var(--hs-bg-3); }
.hyphy-card__quoted .hyphy-card__author { font-size: 12.5px; }
.hyphy-card__quoted .hyphy-card__content { font-size: 13.5px; }

/* "Comments are off" footer on cards. */
.hyphy-card__comments-off { font-size: 12px; color: var(--hs-text-3); padding: 4px 14px 8px; font-style: italic; }
.hyphy-comments-disabled { padding: 14px; color: var(--hs-text-3); font-style: italic; text-align: center;
  border: 1px dashed var(--hs-line); border-radius: 10px; }
