:root{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--spring:cubic-bezier(.2, .9, .25, 1.15);--dur-press:90ms;--dur-menu:.18s;--dur-menu-exit:.144s;--stagger:30ms;--press:.97}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.95)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scaleY(0)}to{transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes pulse-ok{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 45%, transparent)}to{box-shadow:0 0 0 8px #0000}}@keyframes pulse-text{0%{transform:scale(1)}40%{color:var(--ok);transform:scale(1.06)}to{transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)scale(.95)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:no-preference){.view>*{animation:rise .6s var(--ease-out) backwards}.view>:nth-child(2){animation-delay:60ms}.view>:nth-child(3){animation-delay:.12s}.view>:nth-child(4){animation-delay:.18s}.view>:nth-child(n+5){animation-delay:.24s}.view>.head .hero{animation:rise .7s var(--ease-out) .1s backwards}.grid>.tile,.grid>.panel,.wb-item{animation:rise .6s var(--ease-out) backwards}.grid>:first-child{animation-delay:80ms}.grid>:nth-child(2){animation-delay:.13s}.grid>:nth-child(3){animation-delay:.18s}.grid>:nth-child(4){animation-delay:.23s}.grid>:nth-child(5){animation-delay:.28s}.grid>:nth-child(n+6){animation-delay:.33s}.wb-item{animation-delay:calc(80ms + min(var(--i,0), 10) * 50ms)}.wb.editing .wb-item{animation-delay:calc(var(--i,0) * -.07s)}.why li,.mail-list li,tbody tr,.todo-list li{animation:fade .4s var(--ease-out) backwards}.why li:nth-child(2),.todo-list li:nth-child(2),tbody tr:nth-child(2),.mail-list li:nth-child(2){animation-delay:calc(var(--stagger) * 1)}.why li:nth-child(3),.todo-list li:nth-child(3),tbody tr:nth-child(3),.mail-list li:nth-child(3){animation-delay:calc(var(--stagger) * 2)}.why li:nth-child(4),.todo-list li:nth-child(4),tbody tr:nth-child(4),.mail-list li:nth-child(4){animation-delay:calc(var(--stagger) * 3)}.why li:nth-child(5),.todo-list li:nth-child(5),tbody tr:nth-child(5),.mail-list li:nth-child(5){animation-delay:calc(var(--stagger) * 4)}.why li:nth-child(n+6),.todo-list li:nth-child(n+6),tbody tr:nth-child(n+6),.mail-list li:nth-child(n+6){animation-delay:calc(var(--stagger) * 5)}.revchart .mark{transform-box:fill-box;transform-origin:bottom;animation:grow .8s var(--ease-out) backwards}.revchart .bar:nth-of-type(2) .mark{animation-delay:50ms}.revchart .bar:nth-of-type(3) .mark{animation-delay:.1s}.revchart .bar:nth-of-type(4) .mark{animation-delay:.15s}.revchart .bar:nth-of-type(5) .mark{animation-delay:.2s}.revchart .bar:nth-of-type(n+6) .mark{animation-delay:.25s}.detail{animation:slide-in .45s var(--ease-out) backwards}details[open]>.menu,details[open]>.navmenu{animation:pop var(--dur-menu) var(--ease-out) backwards;transform-origin:100% 0}.suggest{animation:pop var(--dur-menu) var(--ease-out) backwards;transform-origin:top}.sendmail .menu{animation:pop var(--dur-menu) var(--ease-out) backwards;transform-origin:0 0}.sendmail .menu.up{transform-origin:0 100%}.todo-pop{animation:pop var(--dur-menu) var(--ease-out) backwards;transform-origin:100% 0}.toast{animation:toast-in .3s var(--ease-out) backwards}.pulse-ok{animation:pulse-ok .6s var(--ease-out)}.savestate.just{animation:pulse-text .45s var(--ease-out);display:inline-block}.ink-right>.tab-ink{--ink-tl:.3s;--ink-tr:.25s}.ink-left>.tab-ink{--ink-tl:.25s;--ink-tr:.3s}.tab-ink{transition:left var(--ink-tl,0s) var(--ease-in-out), right var(--ink-tr,0s) var(--ease-in-out), top .28s var(--ease-in-out), height .28s var(--ease-in-out)}.ink-snap>.tab-ink{transition:none}.quote-tabs a{transition:color .2s var(--ease-out), border-color .2s var(--ease-out)}.tile,.hero,.panel,.btn,.chip,.nav,.tab,.toolsbtn,.stagebar button,.pill{transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out), background-color .2s, color .2s, border-color .2s, opacity .2s}a.tile:hover,.wb:not(.editing) .wb-body>:is(.tile,.panel):hover{transform:translateY(-3px)}.hero:hover{transform:translateY(-2px)}a.tile:active,.btn:active:not(:disabled),.chip:active,.toolsbtn:active,.iconbtn:active,.nav:active,.tab:active,.stagebar button:active,.todo-check:active,.todo-snooze:active{transform:scale(var(--press));transition-duration:var(--dur-press)}tr.click td{transition:background-color .15s}.rv,.rv-done{animation:none!important}.rv{opacity:0;transform:translateY(24px)scale(.98)}.rv.rv-in{opacity:1;transition:opacity .6s var(--ease-out) var(--rv-d,0s), transform .75s var(--ease-out) var(--rv-d,0s);transform:none}.rv:not(.rv-in) *{animation-name:none!important}}
