#gtip{position:fixed;z-index:60;right:calc(16px + env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom));max-width:min(300px,calc(100vw - 32px));background:#fffdf6;color:#3b2f5c;border:3px solid #cfc6e8;border-radius:18px;padding:12px 14px;font-size:16px;line-height:1.35;box-shadow:0 6px 18px rgba(60,40,110,.18);pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
#gtip.show{opacity:1;transform:none}
#gtip::after{content:'';position:absolute;right:22px;bottom:-12px;border:10px solid transparent;border-top-color:#cfc6e8;border-bottom:0}
@media (min-width:700px){#gtip{font-size:19px;max-width:360px}}
@media (prefers-reduced-motion:reduce){#gtip{transition:none}}