.ld-sweep{overflow:hidden}@media (prefers-reduced-motion:no-preference){.ld-sweep:after{content:"";background:linear-gradient(100deg, transparent 30%, color-mix(in oklch, var(--background) 55%, transparent) 50%, transparent 70%);animation:1.8s ease-in-out infinite ld-sweep;position:absolute;inset:0;transform:translate(-100%)}.ld-dot{animation:1.2s ease-in-out infinite ld-breathe}}@keyframes ld-sweep{to{transform:translate(100%)}}@keyframes ld-breathe{50%{opacity:.3}}
.how-strike{opacity:0;position:relative}.how-strike:after{content:"";transform-origin:0;background:currentColor;height:1px;position:absolute;top:55%;left:0;right:0}.how-caret{opacity:0}.how-progress{transform:scaleX(0)}.how-ok{background:var(--glow)}@keyframes how-fade{0%{opacity:0}to{opacity:1}}@keyframes how-pop{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes how-snap{0%{opacity:0;transform:translateY(-14px)scale(.7)}70%{opacity:1;transform:translateY(1px)scale(1.03)}to{opacity:1;transform:none}}@keyframes how-drop{0%{opacity:0;transform:translateY(-115%)rotate(-4deg)}65%{opacity:1;transform:translateY(3%)rotate(.5deg)}to{opacity:1;transform:none}}@keyframes how-slide{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@keyframes how-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes how-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes how-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes how-strike-word{0%{opacity:0}10%,55%{opacity:1}75%,to{opacity:0}}@keyframes how-strike-line{0%,30%{transform:scaleX(0)}45%,to{transform:scaleX(1)}}@keyframes how-fix-word{0%,65%{opacity:0;transform:translateY(4px)}80%,to{opacity:1;transform:none}}@keyframes how-ok{0%,82%{background:var(--foreground)}92%,to{background:var(--glow)}}@media (prefers-reduced-motion:no-preference){.how-card{transition:border-color .3s var(--ease-out), opacity .3s var(--ease-out)}.how[data-live] .how-card[data-state=idle]{opacity:.5}.how[data-live] .how-card[data-state=active]{border-color:color-mix(in oklab, var(--glow) 55%, var(--border))}.how[data-live] .how-card[data-state=done] .how-progress{opacity:.3;transform:scaleX(1)}.how[data-live] [data-state=active] .how-progress{animation:3.6s linear both how-draw}.how[data-live] [data-state=active] .how-word{animation:.12s linear both how-fade;animation-delay:calc(var(--w) * .15s + .2s)}.how[data-live] [data-state=active] .how-caret{animation:.9s step-end 4 how-blink}.how[data-live] [data-state=active] .how-pop{animation:how-pop .38s var(--ease-out) both;animation-delay:var(--d,0s)}.how[data-live] [data-state=active] .how-snap{animation:how-snap .46s var(--ease-out) both;animation-delay:calc(var(--k) * .24s + .2s)}.how[data-live] [data-state=active] .how-drop{animation:how-drop .7s var(--ease-out) .2s both}.how[data-live] [data-state=active] .how-tag{animation:how-slide .36s var(--ease-out) both;animation-delay:calc(var(--k) * .32s + 1.1s)}.how[data-live] [data-state=active] .how-line{transform-origin:0;animation:how-draw .5s var(--ease-out) both;animation-delay:calc(var(--k) * .25s + .15s)}.how[data-live] [data-state=active] .how-strike{animation:2s linear .5s both how-strike-word}.how[data-live] [data-state=active] .how-strike:after{animation:2s linear .5s both how-strike-line}.how[data-live] [data-state=active] .how-fix{animation:how-fix-word 2s var(--ease-out) .5s both}.how[data-live] [data-state=active] .how-learn{animation:how-pop .38s var(--ease-out) 2.3s both}.how[data-live] [data-state=active] .how-ok{animation:3.2s linear both how-ok}.how[data-live] [data-state=active] .how-bar{animation:how-grow .52s var(--ease-out) both;animation-delay:calc(var(--k) * .26s + 2.5s)}}
.pr-edit{white-space:nowrap}.pr-strike{background:var(--destructive,#d33);transform-origin:0;height:1.5px;position:absolute;top:55%;left:0;right:0}.pr-del{color:var(--muted-foreground)}@keyframes pr-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pr-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes pr-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pr-stamp{0%{opacity:0;transform:scale(.94)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.pr-root[data-armed]:not([data-live]) :is(.pr-bar,.pr-strike){transform:scaleX(0)}.pr-root[data-armed]:not([data-live]) .pr-col{transform:scaleY(0)}.pr-root[data-armed]:not([data-live]) :is(.pr-ins,.pr-stamp,.pr-num){opacity:0}.pr-root[data-live] .pr-bar{animation:pr-draw .9s var(--ease-out) both;animation-delay:calc(var(--k) * .15s + .2s)}.pr-root[data-live] .pr-strike{animation:pr-draw .42s var(--ease-out) 1.3s both}.pr-root[data-live] .pr-ins{animation:pr-in .42s var(--ease-out) 1.8s both}.pr-root[data-live] .pr-stamp{animation:pr-stamp .48s var(--ease-out) 2.4s both}.pr-root[data-live] .pr-col{animation:pr-rise .7s var(--ease-out) both;animation-delay:calc(var(--k) * .18s + .5s)}.pr-root[data-live] .pr-num{animation:pr-in .32s var(--ease-out) both;animation-delay:calc(var(--k) * .18s + 1s)}}