Moderator Question Pill — Interactive Mockup

Hover the quote text (cursor changes to ?) for 300ms → "Question?" pill drops in from above.
Click the pill to reveal/hide the preceding moderator utterance. Hover the moderator badge to show × dismiss button.

Toggle states:

Quote card — at rest (no researcher_context when segment_index > 0)

[00:26]
“The navigation was hidden behind a hamburger menu. I kept looking for a sidebar but there wasn’t one. Once I found it though, it made sense.”   — p1 Rachel
frustration

Quote card — pill visible (after 300ms hover)

[00:46]
“Oh, the search was great actually. It was fast and the results were really relevant. That was probably the best part of the whole thing.”   — p1 Rachel
delight

Quote card — question expanded

m1 Good to hear. Any other thoughts on the overall experience?
[01:06]
“I think the onboarding could be better. When I first signed up I had no idea what to do. A quick tutorial or walkthrough would have helped a lot.”   — p1 Rachel
frustration

Quote card — long moderator utterance (first sentence + more…)

m1 So I want to understand your experience with the notification settings specifically.
[02:34]
“I couldn’t find the notification settings at all. I looked in my profile, in the hamburger menu, everywhere. Eventually I found them in a completely different section.”   — p2 Ben
confusion

Quote card — question expanded (no researcher_context)

m1 Can you tell me about your experience with the dashboard?
[00:10]
“Sure. I found the dashboard pretty confusing at first. I couldn’t figure out where my settings were.”   — p1 Rachel
confusion

Quote card — legacy quote (segment_index ≤ 0, researcher_context shown)

[When asked about the dashboard]
[00:26]
“The navigation was hidden behind a hamburger menu. I kept looking for a sidebar but there wasn’t one.”   — p1 Rachel
frustration