/* Responder, corazón UFY y compartir. La actividad del dueño conserva su lugar. */
.ufy-story-viewer-footer {
  position: absolute; z-index: 3; right: 12px;
  bottom: max(14px, env(safe-area-inset-bottom));
  display: flex; align-items: center; gap: 8px;
}
.ufy-story-viewer-footer.has-reply { left: 16px; }
.ufy-story-viewer-footer.has-reply::before {
  content: ''; position: absolute; z-index: -1; pointer-events: none;
  inset: -28px -16px -40px; background: linear-gradient(transparent, #0008);
}
.ufy-story-reply { position: relative; display: flex; align-items: center; flex: 1; min-width: 0; margin: 0; border: 1px solid #ffffffe0; border-radius: 30px; background: #17111d40; }
.ufy-story-reply:focus-within { border-color: #d4b4ff; background: #17111d99; }
.ufy-story-reply textarea { display: block; flex: 1; width: 100%; min-width: 0; height: 46px; margin: 0; padding: 12px 16px; border: 0; border-radius: inherit; outline: none; resize: none; background: transparent; color: #fff; font: 16px/20px system-ui, sans-serif; }
.ufy-story-reply textarea::placeholder { color: #f2edf3; opacity: 1; }
.ufy-story-reply textarea:focus-visible { outline: none; }
.ufy-story-reply .ufy-story-reply-send { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; margin-right: 4px; padding: 8px; border: 0; border-radius: 50%; background: #fff; color: #201529; }
.ufy-story-reply-send svg { width: 22px; height: 22px; }
.ufy-story-reply.is-sending .ufy-story-reply-send { opacity: .5; }
.ufy-story-reply-status { position: absolute; left: 0; bottom: 54px; width: max-content; max-width: min(320px, 80vw); margin: 0; padding: 10px 12px; border: 1px solid #b6a4cc80; border-radius: 14px; background: #1b112cf2; color: #fff; font: 13px/1.4 system-ui, sans-serif; }
.ufy-story-reply-status.is-error { border-color: #f3a0a7; }
.ufy-story-viewer-footer .ufy-story-viewer-like-area { position: relative; inset: auto; max-width: none; flex: 0 0 44px; }
.ufy-story-viewer-footer .ufy-story-viewer-like-message { position: absolute; right: 0; bottom: 54px; width: 220px; }
.ufy-story-viewer-footer .ufy-story-viewer-like-button img { width: 30px; height: 30px; }
.ufy-story-viewer-footer .ufy-story-viewer-share { position: static; width: 44px; height: 44px; flex: 0 0 44px; padding: 7px; border: 0; border-radius: 0; background: transparent; }
.ufy-story-viewer.has-reply-bar .ufy-story-original { bottom: max(78px, calc(env(safe-area-inset-bottom) + 64px)); }
@media (max-width: 360px) {
  .ufy-story-viewer-footer { gap: 4px; right: 8px; }
  .ufy-story-viewer-footer.has-reply { left: 12px; }
}