.td-demo{--pink:#f2637e;--pink-deep:#d6395a;--pink-soft:#ff8ea3;--pink-bg:#fff1f4;--pink-line:#f6c2cf;--pink-glow:#f2637e4d;--green:#188f63;--green-bg:#e6f6ee;--green-line:#a4ddc2;--amber:#b27411;--amber-bg:#fff5e2;--bg:#eef0f4;--ink:#1c2230;--muted:#6a7382;--faint:#9aa3b2;--line:#e7eaf1;--line2:#eef1f6;--card:#fff;--card2:#fbfcfe;--field:#f3f5f9;--field-edge:#e7eaf1;--sh-sm:0 1px 2px #141c300d,0 2px 6px #141c300d;--sh-md:0 8px 24px #141c301a,0 2px 6px #141c300d;--sh-lg:0 22px 48px #141c3029,0 6px 14px #141c3012;--r-lg:20px;--r-md:14px;--r-sm:10px;--pill:999px;--ease:cubic-bezier(.22,.61,.36,1);--cam:1.1s cubic-bezier(.45,.05,.22,1)}.td-demo *{box-sizing:border-box;margin:0;padding:0}.td-demo{-webkit-font-smoothing:antialiased;width:100%;height:auto;max-width:var(--lp-stage-max,min(94vw, 1440px));background:0 0;flex-direction:column;margin-inline:auto;font-family:Hiragino Sans,Noto Sans JP,Yu Gothic UI,system-ui,sans-serif;display:flex;position:relative;overflow:visible}.td-demo .tdemo-frame{aspect-ratio:1600/1000;background:var(--bg);border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 40px 80px -24px #141c304d,0 12px 28px -14px #141c3024,0 0 0 1px #141c300f}.td-demo .tdemo-viewport{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.td-demo .tdemo-stage{background:var(--bg);border-radius:18px;flex:none;width:1600px;height:1000px;position:relative;overflow:hidden}.td-demo .cam{transform-origin:0 0;transition:transform var(--cam);position:absolute;inset:0}.td-demo .cam.snap{transition:none}.td-demo.paused .tdemo-stage *{animation-play-state:paused!important}.td-demo.snapdone .tdemo-stage *{transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}.td-demo.nodelay .tdemo-stage *{animation-delay:0s!important}.td-demo .tdemo-bar{align-items:center;gap:14px;padding:16px 6px 0;display:flex}.td-demo .ctl{white-space:nowrap;border-radius:var(--pill);cursor:pointer;color:#5a6472;background:#fff;border:1px solid #e4e8f0;flex:none;align-items:center;gap:7px;padding:9px 15px;font-size:12px;font-weight:800;transition:background .2s;display:inline-flex;box-shadow:0 1px 2px #141c300d}.td-demo .ctl:hover{color:var(--ink);background:#f7f8fb;border-color:#d7dce6}.td-demo .ctl svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.td-demo .ctl.pp{color:#fff;background:linear-gradient(150deg,var(--pink),var(--pink-deep));width:38px;height:38px;box-shadow:0 6px 16px -4px var(--pink-glow),0 2px 4px #141c301a;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.td-demo .ctl.pp:hover{background:linear-gradient(150deg,var(--pink-soft),var(--pink));box-shadow:0 8px 20px -4px var(--pink-glow),0 2px 6px #141c301f}.td-demo .ctl.pp svg{stroke-width:2.4px}.td-demo .tdemo-actions{flex:none;align-items:center;gap:8px;display:flex}.td-demo .scrub{cursor:pointer;touch-action:none;flex:auto;align-items:center;width:auto;min-width:0;height:22px;display:flex}.td-demo .scrub-track{background:#e2e7ef;border-radius:3px;width:100%;height:6px;position:relative}.td-demo .scrub-fill{background:linear-gradient(90deg,var(--pink),var(--pink-deep));border-radius:3px;position:absolute;top:0;bottom:0;left:0}.td-demo .scrub-knob{border:2.5px solid var(--pink);width:14px;height:14px;transition:transform .15s var(--ease);background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #141c302e}.td-demo .scrub:hover .scrub-knob{transform:translate(-50%,-50%)scale(1.15)}@media (max-width:640px){.td-demo .tdemo-bar{gap:10px;padding-top:12px}.td-demo .tdemo-bar .ctl{padding:9px 11px}.td-demo .tdemo-bar .ctl .ctl-label{display:none}}.td-demo:fullscreen{background:var(--bg);--tdemo-fs-w:min(100vw - 36px, (100vh - 90px) * 1.6);justify-content:center;width:100%;max-width:none;height:100%;padding:18px}.td-demo:fullscreen .tdemo-frame{width:var(--tdemo-fs-w);aspect-ratio:1600/1000;border-radius:14px;flex:none;height:auto;margin-inline:auto}.td-demo:fullscreen .tdemo-bar{width:var(--tdemo-fs-w);margin-inline:auto;padding:14px 2px 2px}@media (prefers-reduced-motion:reduce){.td-demo .tdemo-stage *{transition:none!important;animation:none!important}}.td-demo .intro{z-index:30;opacity:0;pointer-events:none;transition:opacity 1.8s var(--ease);background:radial-gradient(700px 460px at 78% 18%,#f2637e24,#0000 65%),radial-gradient(560px 400px at 16% 86%,#f2637e1a,#0000 60%),radial-gradient(#1a26400d 1px,#0000 1px) 0 0/26px 26px,linear-gradient(160deg,#fff,#fff5f7);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.td-demo .intro.on{opacity:1}.td-demo .intro.lead{opacity:1;transition:none}.td-demo .intro-word{gap:6px;display:flex}.td-demo .intro-l{letter-spacing:.04em;background:linear-gradient(160deg,var(--pink),var(--pink-deep));color:#0000;opacity:0;-webkit-background-clip:text;background-clip:text;font-size:124px;font-weight:900;line-height:1;transform:translateY(46px)}.td-demo .intro.on .intro-l{animation:.85s cubic-bezier(.2,.8,.25,1) both td-introL}@keyframes td-introL{0%{opacity:0;transform:translateY(46px)scale(.96)}60%{opacity:1}80%{transform:translateY(-6px)}to{opacity:1;transform:none}}.td-demo .intro-line{background:linear-gradient(90deg,var(--pink),var(--pink-deep));border-radius:2px;width:0;height:3px;margin:30px 0 22px}.td-demo .intro.on .intro-line{animation:td-introLine .9s var(--ease) 1.15s both}@keyframes td-introLine{0%{width:0}to{width:280px}}.td-demo .intro-tag{letter-spacing:.34em;text-indent:.34em;color:var(--pink-deep);opacity:0;font-size:22px;font-weight:900}.td-demo .intro.on .intro-tag{animation:td-rise .8s var(--ease) 1.5s both}.td-demo .app{height:100%;display:flex}.td-demo .side{border-right:1px solid var(--line);z-index:4;background:#fff;flex-direction:column;flex:none;width:224px;padding:22px 14px;display:flex;position:relative}.td-demo .logo{align-items:center;gap:10px;padding:2px 10px 22px;display:flex}.td-demo .logo-name{color:var(--pink-deep);letter-spacing:.02em;font-size:23px;font-weight:900}.td-demo .nav{flex-direction:column;gap:3px;display:flex}.td-demo .nav-i{color:var(--muted);border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:700;display:flex}.td-demo .nav-i svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.td-demo .nav-i.on{background:var(--pink-bg);color:var(--pink-deep);font-weight:800}.td-demo .nav-b{color:var(--pink-deep);background:var(--pink-bg);border:1px solid var(--pink-line);border-radius:var(--pill);margin-left:auto;padding:1px 8px;font-size:10px;font-weight:900}.td-demo .side-foot{border-top:1px solid var(--line2);align-items:center;gap:10px;margin-top:auto;padding:10px 12px;display:flex}.td-demo .sf-av{background:var(--field);border:1px solid var(--field-edge);width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.td-demo .sf-n{color:var(--ink);white-space:nowrap;font-size:12px;font-weight:800}.td-demo .sf-r{color:var(--faint);white-space:nowrap;font-size:10px;font-weight:700}.td-demo .main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.td-demo .topbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);z-index:4;background:#ffffffdb;flex:none;align-items:center;gap:16px;height:64px;padding:0 28px;display:flex;position:relative}.td-demo .tb-title{color:var(--ink);white-space:nowrap;font-size:16px;font-weight:900}.td-demo .tb-crumb{color:var(--faint);white-space:nowrap;font-size:11.5px;font-weight:700}.td-demo .tb-right{align-items:center;gap:12px;margin-left:auto;display:flex}.td-demo .tb-ai{color:var(--pink-deep);white-space:nowrap;background:var(--pink-bg);border:1px solid var(--pink-line);border-radius:var(--pill);flex:none;align-items:center;gap:7px;padding:6px 14px;font-size:11.5px;font-weight:900;display:inline-flex}.td-demo .tb-ai .dot{background:var(--pink);border-radius:50%;width:7px;height:7px;animation:1.6s infinite td-pulse}@keyframes td-pulse{0%,to{box-shadow:0 0 0 0 var(--pink-glow)}55%{box-shadow:0 0 0 6px #0000}}.td-demo .content{flex:1;min-height:0;position:relative;overflow:hidden}.td-demo .content:before{content:"";pointer-events:none;background:radial-gradient(560px 360px at 86% -6%,#f2637e1a,#0000 65%),radial-gradient(480px 320px at -4% 108%,#f2637e12,#0000 60%),radial-gradient(#1a26400d 1px,#0000 1px) 0 0/26px 26px;position:absolute;inset:0}.td-demo .scene{opacity:0;pointer-events:none;transition:opacity .95s var(--ease),transform .95s var(--ease);flex-direction:column;justify-content:center;padding:30px 36px;display:flex;position:absolute;inset:0;transform:translateY(16px)}.td-demo .scene>*{width:100%}.td-demo .scene.on{opacity:1;pointer-events:auto;transform:none}.td-demo .scene.slide-in,.td-demo .scene.slide-out{transition:opacity 1.15s var(--ease),transform 1.3s cubic-bezier(.3,.05,.2,1)}.td-demo .scene.slide-in{transform:translate(360px)}.td-demo .scene.slide-in.on{transform:none}.td-demo .scene.gentle{transition:opacity 1.35s var(--ease),transform 1.55s cubic-bezier(.32,.04,.18,1)}.td-demo .scene.gentle.slide-in{transform:translate(250px)}.td-demo .scene.gentle.slide-in.on{transform:none}.td-demo .scene.on .rise{animation:td-rise .65s var(--ease) both}@keyframes td-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.td-demo .h1{color:var(--ink);white-space:nowrap;font-size:20px;font-weight:900}.td-demo .sub{color:var(--muted);white-space:nowrap;margin-top:3px;font-size:12px;font-weight:700}.td-demo .chip{border-radius:var(--pill);white-space:nowrap;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:900;display:inline-flex}.td-demo .chip.ok{background:var(--green-bg);color:var(--green);border:1px solid var(--green-line)}.td-demo .chip.ai{background:var(--pink-bg);color:var(--pink-deep);border:1px solid var(--pink-line)}.td-demo .chip.wait{background:var(--amber-bg);color:var(--amber);border:1px solid #f0cf8d}.td-demo .chip svg{stroke:currentColor;fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.td-demo .av{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.td-demo .orb{color:#fff;background:linear-gradient(150deg,var(--pink),var(--pink-deep));box-shadow:0 8px 24px var(--pink-glow);border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.td-demo .orb:before{content:"";background:conic-gradient(from var(--td-oa,0deg), var(--pink-soft), transparent 30%, var(--pink) 50%, transparent 75%, var(--pink-soft));-webkit-mask-composite:xor;border-radius:19px;padding:3px;animation:3.2s linear infinite td-orbSpin;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --td-oa{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes td-orbSpin{to{--td-oa:360deg}}.td-demo .orb svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.td-demo .orb.t{letter-spacing:0;font-weight:900;line-height:1}.td-demo .btn-ghost{color:var(--muted);background:var(--card);border:1px solid var(--line);white-space:nowrap;border-radius:var(--pill);flex:none;padding:10px 20px;font-size:12.5px;font-weight:800}.td-demo .btn-main{color:#fff;white-space:nowrap;background:linear-gradient(150deg,var(--pink),var(--pink-deep));border-radius:var(--pill);box-shadow:0 4px 14px var(--pink-glow);border:none;flex:none;align-items:center;gap:7px;padding:10px 26px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.td-demo .btn-main svg{stroke:currentColor;fill:none;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.td-demo .btn-main.pressed{background:var(--green);animation:td-press .45s var(--ease);box-shadow:0 4px 14px #188f6366}@keyframes td-press{0%{transform:scale(1)}30%{transform:scale(.9)}65%{transform:scale(1.06)}to{transform:scale(1)}}.td-demo .btn-main.pressed:after{content:"";border-radius:inherit;border:2px solid var(--green);animation:td-ripple .6s var(--ease) forwards;pointer-events:none;position:absolute;inset:-2px}@keyframes td-ripple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes td-pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes td-popIn{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes td-ringOut{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.td-demo .btn-main.sm{gap:5px;padding:8px 18px;font-size:11.5px}.td-demo .mascot{flex:none;position:relative}.td-demo .m-ripple{pointer-events:none;border-radius:50%;position:absolute}.td-demo .m-ripple.r1{background:#f2637e0d;inset:-74px}.td-demo .m-ripple.r2{background:#f2637e0f;inset:-44px}.td-demo .m-ring{pointer-events:none;border-radius:50%;position:absolute}.td-demo .m-ring.ring1{border:1px solid #f2637e24;inset:-34px}.td-demo .m-ring.ring2{border:1px solid #c490dc24;inset:-21px}@keyframes td-mspin{to{transform:rotate(360deg)}}.td-demo .rdot{border-radius:50%;position:absolute}.td-demo .rdot.d1{background:#f2637e59;width:8px;height:8px;margin-left:-4px;top:-4px;left:50%}.td-demo .rdot.d2{background:#a78bfa59;width:6px;height:6px;margin-left:-3px;bottom:-3px;left:50%}.td-demo .rdot.d3{background:#fbbf2473;width:6px;height:6px;margin-top:-3px;top:50%;right:-3px}.td-demo .rdot.d4{background:#60a5fa4d;width:8px;height:8px;margin-top:-4px;top:50%;left:-4px}.td-demo .m-glow{pointer-events:none;filter:blur(10px);background:radial-gradient(circle,#f2637e29,#fbbf2412 55%,#0000 75%);border-radius:50%;position:absolute;inset:-26px}.td-demo .m-body{background:linear-gradient(135deg,#f8a4b8,#f2637e 52%,#d14b6a);border-radius:28%;position:absolute;inset:0;box-shadow:0 12px 30px #f2637e59}.td-demo .m-inner{background:linear-gradient(135deg,#ffffff38,#0000 55%);border-radius:28%;position:absolute;inset:3px}.td-demo .m-antenna{flex-direction:column;align-items:center;display:flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.td-demo .m-abulb{background:#fcd34d;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #fbbf248c}.td-demo .m-astem{background:#ffffff59;border-radius:2px;width:2px;height:7px}.td-demo .m-face{background:#ffffff1a;border:1px solid #ffffff26;border-radius:15px;position:absolute;inset:32% 16% 22%}.td-demo .m-eyes{justify-content:center;gap:13px;margin-top:12px;display:flex}.td-demo .m-eye{background:#fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px #ffffff80}.td-demo .m-mouth{border-bottom:2.5px solid #ffffff9e;border-radius:0 0 19px 19px;width:19px;height:10px;margin:4px auto 0;display:block}.td-demo .m-cheek{background:#ffffff26;border-radius:50%;width:12px;height:8px;position:absolute;bottom:22%}.td-demo .m-cheek.cl{left:10%}.td-demo .m-cheek.cr{right:10%}.td-demo .m-led{background:#6ee7b7bf;border-radius:50%;width:6px;height:6px;animation:1.6s infinite td-pulse;position:absolute;top:18%;right:8%;box-shadow:0 0 4px #6ee7b766}.td-demo .m-spark{color:#fcd34d;position:absolute;top:-5px;right:-9px}.td-demo .m-spark svg{stroke:currentColor;fill:currentColor;stroke-width:1px}.td-demo .m-label{white-space:nowrap;border-radius:var(--pill);color:#9aa3b2;box-shadow:var(--sh-md);background:#fff;border:1px solid #f1f3f7;padding:5px 15px;font-size:11px;font-weight:800;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.td-demo .m-label b{background:linear-gradient(90deg,#f2637e,#a855f7);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900}.td-demo .flow{justify-content:center;align-items:center;gap:0;width:100%;display:flex}.td-demo .flow-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-md)}.td-demo .fc-hd{color:var(--ink);white-space:nowrap;border-bottom:1px solid var(--line2);align-items:center;gap:8px;padding:13px 18px;font-size:12px;font-weight:900;display:flex}.td-demo .fc-hd svg{stroke:var(--pink-deep);fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.td-demo .beam{background:repeating-linear-gradient(90deg,var(--pink-line) 0 8px,transparent 8px 16px);opacity:0;border-radius:2px;flex:none;width:120px;height:3px;position:relative}@keyframes td-beamIn{0%{opacity:0}to{opacity:1}}.td-demo .beam-dot{background:var(--pink);width:10px;height:10px;box-shadow:0 0 12px 2px var(--pink-glow);opacity:0;border-radius:50%;margin-top:-5px;position:absolute;top:50%;left:0}@keyframes td-beamRun{0%{opacity:0;left:0}12%{opacity:1}88%{opacity:1}to{opacity:0;left:calc(100% - 10px)}}.td-demo .flow-orb{flex:none;justify-content:center;align-items:center;padding:0 28px;display:flex;position:relative}@keyframes td-orbWake{0%{transform:scale(1)}40%{transform:scale(1.14)}70%{transform:scale(.97)}to{transform:scale(1)}}.td-demo .card-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}.td-demo .act-card{border:1.5px solid var(--pink-line);opacity:0;align-items:center;gap:14px;padding:20px 24px;display:flex;position:relative;transform:translate(-14px)scale(.96)}.td-demo .scene.on .act-card{animation:td-actIn .6s var(--ease) var(--act-t,4.4s) both, td-actLaunch 1.1s var(--ease) calc(var(--act-t,4.4s) + 1.9s) forwards}@keyframes td-actIn{0%{opacity:0;transform:translate(-14px)scale(.96)}to{opacity:1;transform:none}}@keyframes td-actLaunch{0%{transform:scale(1)}50%{transform:scale(1.05)}to{box-shadow:0 18px 46px var(--pink-glow);transform:scale(1.07)}}.td-demo .act-ic{background:var(--pink-bg);border:1px solid var(--pink-line);width:46px;height:46px;color:var(--pink-deep);border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.td-demo .act-ic svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.td-demo .act-t{color:var(--ink);white-space:nowrap;font-size:15px;font-weight:900}.td-demo .act-s{color:var(--pink-deep);white-space:nowrap;background:var(--pink-bg);border:1px solid var(--pink-line);border-radius:var(--pill);align-items:center;gap:4px;margin-top:5px;padding:2px 10px;font-size:10px;font-weight:900;display:inline-flex}.td-demo .act-s svg{stroke:currentColor;fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.td-demo .act-card:before{content:"";background:conic-gradient(from var(--td-oa,0deg), var(--pink-soft), transparent 28%, var(--pink) 50%, transparent 72%, var(--pink-soft));-webkit-mask-composite:xor;opacity:0;pointer-events:none;border-radius:23px;padding:3px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.td-demo .scene.on .act-card:before{animation:td-orbSpin 2.4s linear infinite, td-beamIn .4s var(--ease) calc(var(--act-t,4.4s) + .4s) both}.td-demo .act-ring{border:2px solid var(--pink);opacity:0;pointer-events:none;border-radius:22px;position:absolute;inset:-3px}.td-demo .scene.on .act-ring{animation:td-ringOut 1s var(--ease) calc(var(--act-t,4.4s) + .5s) 2}.td-demo .act-p{background:var(--pink);opacity:0;pointer-events:none;width:7px;height:7px;box-shadow:0 0 10px 2px var(--pink-glow);border-radius:50%;position:absolute}.td-demo .act-p.p1{top:22%;left:-8px}.td-demo .act-p.p2{background:#fcd34d;width:5px;height:5px;top:8%;right:-6px;box-shadow:0 0 8px 2px #fbbf2466}.td-demo .act-p.p3{width:5px;height:5px;bottom:-8px;left:28%}.td-demo .act-p.p4{background:#a78bfa;bottom:-6px;right:16%;box-shadow:0 0 8px 2px #a78bfa66}.td-demo .scene.on .act-p.p1{animation:td-pFloat 1.6s var(--ease) calc(var(--act-t,4.4s) + .4s) 2}.td-demo .scene.on .act-p.p2{animation:td-pFloat 1.6s var(--ease) calc(var(--act-t,4.4s) + .8s) 2}.td-demo .scene.on .act-p.p3{animation:td-pFloat 1.6s var(--ease) calc(var(--act-t,4.4s) + 1.1s) 2}.td-demo .scene.on .act-p.p4{animation:td-pFloat 1.6s var(--ease) calc(var(--act-t,4.4s) + .6s) 2}@keyframes td-pFloat{0%{opacity:0;transform:translateY(6px)scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-26px)scale(1.15)}}.td-demo .act-sweep{pointer-events:none;z-index:8;transform-origin:50%;opacity:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.td-demo .scene.on .act-sweep{animation:td-sweepGrow 1s cubic-bezier(.45,.05,.35,1) calc(var(--sweep-t,6.2s) + .85s) forwards}@keyframes td-sweepGrow{0%{opacity:1;transform:scale(1)}70%{opacity:.5}to{opacity:0;transform:scale(3.2)}}.td-demo .sweep-flip{transform-origin:688px 468px;transform:scaleY(-1)}.td-demo .sweep-ring{fill:none;stroke:var(--pink);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:0 100;opacity:0}.td-demo .scene.on .sweep-ring{animation:td-ringDraw .9s cubic-bezier(.45,.08,.4,1) var(--sweep-t,6.2s) forwards}@keyframes td-ringDraw{0%{opacity:0;stroke-dasharray:0 100}10%{opacity:.85}to{opacity:.85;stroke-dasharray:100 0}}.td-demo .sweep-head{fill:none;stroke:#fff;stroke-width:6.5px;stroke-linecap:round;stroke-dasharray:2.4 97.6;stroke-dashoffset:2.4px;opacity:0}.td-demo .scene.on .sweep-head{animation:td-headRun .9s cubic-bezier(.45,.08,.4,1) var(--sweep-t,6.2s) forwards, td-headOut .25s var(--ease) calc(var(--sweep-t,6.2s) + .9s) forwards}@keyframes td-headRun{0%{opacity:0;stroke-dashoffset:2.4px}9%{opacity:1}to{opacity:1;stroke-dashoffset:-95.2px}}@keyframes td-headOut{to{opacity:0}}