.ap-page{--ap-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");--ap-accent:#4f46e5;--ap-accent-soft:#4f46e517;--ap-stage-bg:#f1f4fa;--ap-grain-alpha:.05;--ap-stage-border:#0f172a14;--ap-stage-shadow:0 32px 80px -48px #0f172a66,inset 0 1px 0 #ffffffbf;--ap-field-line:#64748b6b;--ap-well:#c6cdda;--ap-well-border:#ffffffe6;--ap-orb-c1:#4f46e5;--ap-orb-c2:#9333ea;--ap-orb-c3:#0ea5e9;--ap-orb-fill:#4f46e5;--ap-orb-hi:#c7d2fe;--ap-glow:#6366f173;--ap-hint:#475569bf}.dark .ap-page{--ap-accent:#818cf8;--ap-accent-soft:#818cf824;--ap-stage-bg:#131726;--ap-grain-alpha:.08;--ap-stage-border:#ffffff17;--ap-stage-shadow:0 32px 80px -44px #000000bf,inset 0 1px 0 #ffffff0f;--ap-field-line:#94a3b84d;--ap-well:#414b61;--ap-well-border:#ffffff29;--ap-orb-c1:#818cf8;--ap-orb-c2:#c084fc;--ap-orb-c3:#38bdf8;--ap-orb-fill:#818cf8;--ap-orb-hi:#e0e7ff;--ap-glow:#818cf88c;--ap-hint:#94a3b8c7}.ap-stage{background:var(--ap-stage-bg);border:1px solid var(--ap-stage-border);box-shadow:var(--ap-stage-shadow);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:28px;overflow:hidden}.ap-stage:before{content:"";z-index:1;background-image:var(--ap-noise);opacity:var(--ap-grain-alpha);pointer-events:none;background-size:140px 140px;position:absolute;inset:0}.ap-field{z-index:0;border:2px dashed var(--ap-field-line);opacity:0;pointer-events:none;border-radius:9999px;transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1),border-color .25s,background-color .25s;position:absolute;transform:scale(.82)}.ap-stage[data-fields=on] .ap-field{opacity:1;transition-delay:calc(var(--ap-i,0)*70ms);transform:scale(1)}.ap-well[data-hot=true] .ap-field{border-style:solid;border-color:var(--ap-accent);background:var(--ap-accent-soft);opacity:1;transition-delay:0s;transform:scale(1.04)}.ap-well-point{z-index:20;background:var(--ap-well);border:2px solid var(--ap-well-border);filter:url(#ap-rough);touch-action:none;border-radius:9999px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background-color .25s,box-shadow .3s;position:absolute;box-shadow:0 4px 14px -6px #0f172a66}.ap-well-point:before{content:"";border-radius:inherit;position:absolute;inset:-12px}.ap-well[data-edge=top] .ap-well-point,.ap-well[data-edge=bottom] .ap-well-point{cursor:ew-resize}.ap-well[data-edge=left] .ap-well-point,.ap-well[data-edge=right] .ap-well-point{cursor:ns-resize}.ap-well[data-hot=true] .ap-well-point{background:var(--ap-accent);transform:scale(1.18)}.ap-well-point[data-docked=true]{background:var(--ap-orb-fill);box-shadow:0 0 0 4px var(--ap-accent-soft),0 6px 22px -6px var(--ap-glow);filter:url(#ap-rough);border-color:#ffffff80;animation:2.8s ease-in-out infinite ap-dock-breathe}.ap-well-point[data-docked=true]:after{content:"";border-radius:inherit;background-image:var(--ap-noise);mix-blend-mode:overlay;opacity:.6;background-size:120px 120px;position:absolute;inset:0}.ap-well .ap-well-point[data-docked=true]{cursor:pointer}.ap-well-point[data-anim=gulp]{animation:.5s cubic-bezier(.34,1.56,.64,1) ap-gulp}.ap-well-point[data-anim=nudge]{animation:.45s ap-nudge}.ap-well-point[data-anim=spit]{animation:.55s cubic-bezier(.34,1.56,.64,1) ap-spit}.ap-orb{z-index:30;cursor:grab;touch-action:none;will-change:transform;transition:opacity .22s;position:absolute;top:0;left:0}.ap-orb[data-mode=dragging]{cursor:grabbing}.ap-orb[data-hidden=true]{opacity:0;pointer-events:none}.ap-orb:before{content:"";border-radius:9999px;position:absolute;inset:-10px}.ap-orb-body{background:var(--ap-orb-fill);box-shadow:0 6px 20px -6px var(--ap-glow);filter:url(#ap-rough);border-radius:9999px;position:absolute;inset:0}.ap-orb-body:before{content:"";background:var(--ap-orb-hi);opacity:.9;border-radius:9999px;width:30%;height:30%;position:absolute;top:15%;left:20%}.ap-orb-body:after{content:"";background-image:var(--ap-noise);mix-blend-mode:overlay;opacity:.6;background-size:120px 120px;border-radius:9999px;animation:.9s step-end infinite ap-grain;position:absolute;inset:0}.ap-orb[data-mode=idle] .ap-orb-body{animation:3.4s ease-in-out infinite ap-breathe}.ap-spark{z-index:15;background:var(--ap-spark,var(--ap-accent));pointer-events:none;border-radius:9999px;animation:.55s cubic-bezier(.16,1,.3,1) forwards ap-spark;position:absolute}.ap-ripple{z-index:10;border:2px solid var(--ap-accent);pointer-events:none;border-radius:9999px;width:44px;height:44px;margin:-22px 0 0 -22px;animation:.7s cubic-bezier(.22,1,.36,1) forwards ap-ripple;position:absolute}.ap-hint{text-align:center;letter-spacing:.01em;color:var(--ap-hint);font-size:.8125rem;animation:.45s both ap-hint-in}@keyframes ap-ripple{0%{opacity:.75;transform:scale(.35)}to{opacity:0;transform:scale(3.6)}}@keyframes ap-gulp{0%{transform:scale(1)}35%{transform:scale(1.55)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes ap-nudge{0%,to{transform:scale(1)}30%{transform:scale(1.22,.82)}65%{transform:scale(.92,1.1)}}@keyframes ap-spit{0%{transform:scale(1)}28%{transform:scale(1.35)}55%{transform:scale(.7)}80%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ap-spark{0%{opacity:.95;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--ap-dx),var(--ap-dy))scale(.15)}}@keyframes ap-grain{0%,to{background-position:0 0}33%{background-position:-14px 10px}66%{background-position:12px -8px}}@keyframes ap-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ap-dock-breathe{0%,to{box-shadow:0 0 0 4px var(--ap-accent-soft),0 6px 22px -6px var(--ap-glow)}50%{box-shadow:0 0 0 9px var(--ap-accent-soft),0 6px 30px -4px var(--ap-glow)}}@keyframes ap-hint-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ap-orb[data-mode=idle] .ap-orb-body,.ap-orb-body:after,.ap-well-point[data-docked=true]{animation:none}}