/* ChaabiHub Loopz UX v206 — clearer gestures + stable action rail. */
body[data-page="loopz"] .loopz-actions .loopz-follow-btn,
body[data-page="loopz"] .loopz-actions .loopz-follow-btn.feed-follow-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-template-rows: none !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: auto !important;
  min-height: 22px !important;
  padding: 2px 5px !important;
  border-radius: 999px !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
}
.loopz-gesture-hint-v206 {
  position: fixed;
  z-index: 5200;
  inset-inline-start: 50%;
  bottom: calc(96px + env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100vw - 32px);
  padding: 9px 14px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  color: #fff;
  background: rgba(5,8,15,.82);
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
  pointer-events: none;
  animation: loopzHintIn .22s ease both;
}
[dir="rtl"] .loopz-gesture-hint-v206 { transform: translateX(50%); }
.loopz-gesture-hint-v206.is-leaving { animation: loopzHintOut .28s ease both; }
@keyframes loopzHintIn { from { opacity:0; translate:0 8px; } to { opacity:1; translate:0 0; } }
@keyframes loopzHintOut { to { opacity:0; translate:0 8px; } }
@media (min-width: 769px) {
  .loopz-gesture-hint-v206 { bottom: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .loopz-gesture-hint-v206 { animation: none; }
}