/* Milo v0.4.94 — reaction viewers sheet. */
.miloReactionViewersOverlay{position:fixed;inset:0;z-index:1500;background:rgba(0,0,0,.34);display:grid;place-items:center;padding:18px}
.miloReactionViewersCard{width:min(390px,calc(100vw - 28px));max-height:min(70vh,560px);display:flex;flex-direction:column;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}
.miloReactionViewersHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 11px;border-bottom:1px solid var(--border)}
.miloReactionViewersHead strong{font-size:16px}
.miloReactionViewersHead button{border:0;background:transparent;color:var(--muted);font-size:24px;width:34px;height:34px;border-radius:10px;cursor:pointer}
.miloReactionViewersHead button:hover{background:var(--panel2)}
.miloReactionViewersBody{overflow:auto;padding:7px}
.miloReactionViewerRow{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;background:transparent;color:inherit;text-align:left;padding:8px 9px;border-radius:14px;cursor:pointer}
.miloReactionViewerRow:hover{background:var(--panel2)}
.miloReactionViewerAvatar{width:42px;height:42px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#ddd9ff;font-size:12px;font-weight:700}
.miloReactionViewerAvatar img{width:100%;height:100%;object-fit:cover;display:block}
.miloReactionViewerName{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.miloReactionViewerEmoji{font-size:23px;line-height:1}
.miloReactionViewersLoading,.miloReactionViewersEmpty{padding:28px 18px;text-align:center;color:var(--muted);font-size:13px;line-height:1.4}
:root[data-theme="dark"] .miloReactionViewerAvatar{background:#34304c;color:#fff}
@media(max-width:760px){
  .miloReactionViewersOverlay{align-items:end;padding:0}
  .miloReactionViewersCard{width:100%;max-height:72vh;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  .miloReactionViewersHead{padding:16px 17px 12px}
  .miloReactionViewersBody{padding:7px 9px 10px}
  .miloReactionViewerRow{grid-template-columns:44px minmax(0,1fr) auto;padding:9px}
  .miloReactionViewerAvatar{width:44px;height:44px;border-radius:15px}
}