.ld-pen path{stroke-dasharray:600;stroke-dashoffset:600px;animation:1.1s cubic-bezier(.6,.1,.2,1) .5s forwards ld-draw}@keyframes ld-draw{to{stroke-dashoffset:0}}.ld-note{font-family:var(--font-hand);color:var(--hand);line-height:1}.ld-live .ld-row{opacity:0;transform:translateY(6px)}.is-in .ld-live .ld-row,.ld-live.is-in .ld-row{animation:9s infinite ld-row;animation-delay:calc(var(--i) * .45s)}@keyframes ld-row{0%{opacity:0;transform:translateY(6px)}6%,92%{opacity:1;transform:none}to{opacity:0}}.ld-live .ld-bar{transform-origin:0;transform:scaleX(.05)}.is-in .ld-live .ld-bar,.ld-live.is-in .ld-bar{animation:9s infinite ld-bar;animation-delay:calc(var(--i) * .45s)}@keyframes ld-bar{0%,10%{transform:scaleX(.05)}70%,92%{transform:scaleX(var(--p,1))}to{transform:scaleX(var(--p,1))}}.ld-live .ld-exit{opacity:0}.is-in .ld-live .ld-exit,.ld-live.is-in .ld-exit{animation:9s infinite ld-exit}@keyframes ld-exit{0%,38%{opacity:0;transform:scale(.6)}42%{opacity:1;transform:scale(1.25)}46%,92%{opacity:1;transform:scale(1)}to{opacity:0}}.ld-type{clip-path:inset(0 100% 0 0)}.is-in .ld-type{animation:6s steps(14,end) infinite ld-type}@keyframes ld-type{0%{clip-path:inset(0 100% 0 0)}45%,90%{clip-path:inset(0)}to{clip-path:inset(0)}}.ld-caret{animation:1s step-end infinite ld-blink}@keyframes ld-blink{50%{opacity:0}}.ld-key{transition:transform .1s}.is-in .ld-key{animation:6s infinite ld-key;animation-delay:calc(var(--i) * .5s)}@keyframes ld-key{0%,8%,to{background:var(--surface);transform:none}4%{background:var(--primary-soft);transform:scale(.92)}}.ld-cell{opacity:0;transform:scale(.6)}.is-in .ld-cell{animation:.4s cubic-bezier(.2,1.4,.4,1) forwards ld-cell;animation-delay:calc(var(--i) * 40ms + .2s)}@keyframes ld-cell{to{opacity:1;transform:none}}.ld-away{transform-origin:0;transform:scaleX(0)}.is-in .ld-away{animation:.8s cubic-bezier(.2,.8,.2,1) forwards ld-grow;animation-delay:calc(var(--i) * .35s + .3s)}@keyframes ld-grow{to{transform:scaleX(1)}}.ld-ring circle:last-child{stroke-dashoffset:var(--c)}.is-in .ld-ring circle:last-child{animation:1.6s cubic-bezier(.2,.8,.2,1) .3s forwards ld-ring}@keyframes ld-ring{to{stroke-dashoffset:var(--to)}}.ld-xp{opacity:0}.is-in .ld-xp{animation:3.2s 1.2s infinite ld-xp}@keyframes ld-xp{0%{opacity:0;transform:translateY(8px)}15%,60%{opacity:1;transform:translateY(-6px)}80%,to{opacity:0;transform:translateY(-18px)}}.ld-tap{animation:none}.is-in .ld-tap{animation:3.2s 1s infinite ld-tap}@keyframes ld-tap{0%,18%,to{transform:none}9%{transform:scale(.94)}10%,60%{color:#fff;background:#16a34a;border-color:#16a34a}}.ld-line{transform-origin:0;transform:scaleX(0)}.is-in .ld-line{transition:transform 1.2s cubic-bezier(.2,.8,.2,1) .3s;transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.ld-pen path{stroke-dashoffset:0;animation:none}.ld-live .ld-row,.ld-live .ld-exit,.ld-cell,.ld-xp{opacity:1;transform:none;animation:none!important}.ld-live .ld-bar,.ld-away,.ld-line{transform:scaleX(var(--p,1));animation:none!important}.ld-type{clip-path:none;animation:none!important}.ld-key,.ld-tap{animation:none!important}.ld-ring circle:last-child{stroke-dashoffset:var(--to);animation:none}}.ld-spray .ld-spray-stroke{stroke-dasharray:1;stroke-dashoffset:1px;animation:.75s cubic-bezier(.55,.1,.3,1) .45s forwards ld-spray-draw}@keyframes ld-spray-draw{to{stroke-dashoffset:0}}.ld-spray .ld-drip{transform-box:fill-box;transform-origin:50% 0;animation:ld-drip 1.6s calc(1.15s + var(--dd,0s)) cubic-bezier(.3, 0, .2, 1) forwards;transform:scaleY(0)}@keyframes ld-drip{0%{transform:scaleY(0)}35%{transform:scaleY(.55)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.ld-spray .ld-spray-stroke{stroke-dashoffset:0;animation:none}.ld-spray .ld-drip{animation:none;transform:none}}