.swipe-guide{position:absolute;top:29%;left:14px;right:14px;z-index:4;padding:12px 13px 10px;border:1px solid #ffffff50;border-radius:17px;background:#261923e8;color:#fff8f3;box-shadow:0 8px 24px #14081524;pointer-events:none;text-align:center;animation:swipe-guide-appear .22s ease-out both}
.swipe-guide-labels{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.4;font-weight:700}.swipe-guide-labels span:last-child{color:#ff9ab5}
.swipe-guide-track{position:relative;display:flex;justify-content:space-between;align-items:center;width:154px;height:40px;margin:3px auto 4px}.swipe-guide-track::before{content:"";position:absolute;top:23px;left:25px;right:25px;border-top:1px dashed #ffffff48}.swipe-guide-track i{font-size:22px;font-style:normal;color:#d8c7ce}.swipe-guide-track i:last-child{color:#ff86a8}.swipe-guide-hand{position:absolute;left:calc(50% - 16px);top:2px;font-size:30px;line-height:36px;animation:swipe-guide-hand 2.6s ease-in-out 2 both;filter:drop-shadow(0 2px 3px #16071440)}
.swipe-guide p{margin:0;font-size:11px;line-height:1.5;color:#eedbe3}
@keyframes swipe-guide-hand{0%,45%,100%{transform:translateX(0) rotate(0deg)}20%,30%{transform:translateX(-45px) rotate(-12deg)}70%,80%{transform:translateX(45px) rotate(12deg)}}
@keyframes swipe-guide-appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:350px){.swipe-guide{left:10px;right:10px;padding-inline:10px}.swipe-guide-labels{font-size:12px;gap:8px}.swipe-guide p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.swipe-guide,.swipe-guide-hand{animation:none}}