.vg-layer{z-index:120;pointer-events:none;position:fixed;inset:0}.vg-dim{background-color:#06081473;position:fixed}.vg-spot{border-radius:16px;transition:top .45s cubic-bezier(.2,.8,.2,1),left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1);position:fixed}.vg-spot:after{content:"";border:3px solid var(--c1,#22d3ee);border-radius:20px;animation:1.6s ease-in-out infinite vg-outline;position:absolute;inset:-4px}@keyframes vg-outline{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--c1,#22d3ee) 55%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--c1,#22d3ee) 0%, transparent)}}.vg-rings{width:0;height:0;transition:top .45s cubic-bezier(.2,.8,.2,1),left .45s cubic-bezier(.2,.8,.2,1);position:fixed}.vg-ring{width:var(--vg-r,64px);height:var(--vg-r,64px);margin:calc(var(--vg-r,64px) / -2) 0 0 calc(var(--vg-r,64px) / -2);border:3px solid var(--c1,#22d3ee);opacity:0;border-radius:999px;animation:2.1s cubic-bezier(.2,.7,.3,1) infinite vg-ring;position:absolute;top:0;left:0}.vg-ring:nth-child(2){animation-delay:.7s}.vg-ring:nth-child(3){animation-delay:1.4s}@keyframes vg-ring{0%{opacity:.95;transform:scale(.45)}70%{opacity:.25}to{opacity:0;transform:scale(1.9)}}.vg-core{border:3px solid var(--c1,#22d3ee);background:0 0;border-radius:999px;width:22px;height:22px;margin:-11px 0 0 -11px;animation:1.05s ease-in-out infinite vg-core;position:absolute;top:0;left:0;box-shadow:0 0 0 2px #ffffffd9}@keyframes vg-core{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.vg-badge{left:calc(var(--vg-r,64px) / 2 - 6px);top:calc(var(--vg-r,64px) / -2 - 6px);color:#111;background:#fff;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 7px;font:800 12px/1 system-ui,sans-serif;display:grid;position:absolute;box-shadow:0 4px 14px #0000004d}.vg-hand{filter:drop-shadow(0 6px 10px #00000059);width:44px;height:44px;margin:2px 0 0 -6px;transition:top .7s cubic-bezier(.2,.8,.2,1),left .7s cubic-bezier(.2,.8,.2,1);position:fixed}.vg-hand>svg{transform-origin:20% 10%;width:100%;height:100%;animation:1.4s ease-in-out infinite vg-tap}.vg-hand[data-action=type]>svg{animation:.9s ease-in-out infinite vg-type}.vg-hand[data-action=look]>svg{animation:2.2s ease-in-out infinite vg-float}@keyframes vg-tap{0%,55%,to{transform:translate(8px,10px)scale(1)}70%{transform:translate(0)scale(.86)}80%{transform:translate(0)scale(.92)}}@keyframes vg-type{0%,to{transform:translate(6px,8px)rotate(-6deg)}50%{transform:translate(2px,4px)rotate(6deg)}}@keyframes vg-float{0%,to{transform:translate(10px,12px)}50%{transform:translate(14px,4px)}}.vg-card{pointer-events:auto;width:min(380px,100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;transition:top .45s cubic-bezier(.2,.8,.2,1),left .45s cubic-bezier(.2,.8,.2,1);animation:.35s cubic-bezier(.2,.8,.2,1) vt-pop-in;position:fixed;overflow-y:auto}.vg-progress{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:999px;height:5px;overflow:hidden}.vg-progress>span{border-radius:inherit;background:var(--c1,#22d3ee);height:100%;transition:width .4s;display:block}.vg-why{background:color-mix(in srgb, var(--c1,#22d3ee) 11%, transparent);border-radius:14px;margin-top:10px;padding:10px 12px;font-size:13.5px;line-height:1.55}.vg-example{background:color-mix(in srgb, currentColor 7%, transparent);border-radius:10px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font:600 12.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.vg-btn{border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:700;transition:transform .15s,opacity .15s;display:inline-flex}.vg-btn:hover{transform:translateY(-1px)}.vg-btn:disabled{opacity:.4;transform:none}.vg-btn-primary{background:var(--c1,#22d3ee);color:var(--on-c1,#101010)}.vg-btn-soft{border:1px solid color-mix(in srgb, currentColor 16%, transparent)}.vg-finish-burst{pointer-events:none;position:fixed;top:40%;left:50%}.vg-finish-burst>i{border-radius:3px;width:10px;height:14px;animation:1.4s cubic-bezier(.2,.7,.3,1) forwards vt-confetti-fall;position:absolute}@media (max-width:640px){.vg-card:not([data-finish]){width:auto;max-height:46dvh;bottom:12px;right:12px;top:auto!important;left:12px!important}.vg-card[data-edge=top]:not([data-finish]){bottom:auto;top:12px!important}}@media (prefers-reduced-motion:reduce){.vg-ring,.vg-core,.vg-hand>svg,.vg-spot:after{animation:none!important}.vg-ring:first-child{opacity:.6;transform:scale(1.1)}.vg-spot,.vg-rings,.vg-hand,.vg-card{transition:none!important}}