.cspg-high-low .cspg-swipe-hint { display: none; }
@media (max-width: 700px) {
  .cspg-high-low .cspg-swipe-hint { position: absolute; inset: 0; z-index: 6; display: grid; place-content: center; justify-items: center; gap: 4px; color: var(--cspg-text, #f4f2ee); background: radial-gradient(ellipse at center, color-mix(in srgb, var(--cspg-bg, #0c1010) 35%, transparent), transparent 70%); }
  .cspg-high-low .cspg-swipe-hint, .cspg-high-low .cspg-swipe-hint * { pointer-events: none; user-select: none; }
  .cspg-high-low .cspg-swipe-hint-gesture { position: relative; display: block; width: 136px; height: 64px; }
  .cspg-high-low .cspg-swipe-hint-trail { position: absolute; inset: 0; width: 136px; height: 64px; stroke: var(--cspg-accent, #ff9b2f); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; animation: cspg-swipe-hint-trail 1.2s ease-in-out 3 both; }
  .cspg-high-low .cspg-swipe-hint-finger { position: absolute; top: 0; left: 36px; width: 64px; height: 64px; fill: var(--cspg-bg, #0c1010); stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; animation: cspg-swipe-hint-finger 1.2s ease-in-out 3 both; }
  .cspg-high-low .cspg-swipe-hint-label { margin: 0; padding: 4px 10px; border: 1px solid var(--cspg-border, #41464c); border-radius: 6px; background: var(--cspg-bg, #0c1010); color: inherit; font-size: 12px; font-weight: 600; line-height: 1.4; }
  .cspg-high-low .cspg-swipe-hint.is-static .cspg-swipe-hint-finger, .cspg-high-low .cspg-swipe-hint.is-static .cspg-swipe-hint-trail { animation: none; opacity: 1; transform: none; }
}
@keyframes cspg-swipe-hint-finger { 0%, 12% { opacity: 0; transform: translateX(30px); } 25% { opacity: 1; transform: translateX(30px); } 72% { opacity: 1; transform: translateX(-30px); } 90%, 100% { opacity: 0; transform: translateX(-30px); } }
@keyframes cspg-swipe-hint-trail { 0%, 18% { opacity: 0; } 35%, 65% { opacity: .85; } 85%, 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .cspg-high-low .cspg-swipe-hint .cspg-swipe-hint-finger, .cspg-high-low .cspg-swipe-hint .cspg-swipe-hint-trail { animation: none; opacity: 1; transform: none; }
}