.d,.d1,.dm,.dmd,.df{fill:none;stroke:var(--color-ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.d1{stroke-width:1.4px}.dm{stroke:var(--color-ink-faint);stroke-width:1.4px}.dmd{stroke:var(--color-ink-faint);stroke-width:1.4px;stroke-dasharray:3 7}.df{fill:var(--color-page)}.ink{fill:var(--color-ink)}.hole{fill:var(--color-page)}.hand{font-family:var(--font-hand);font-weight:500}.app-tag{cursor:pointer;outline:none}.app-tag :is(.df,text){transition:fill .15s}.app-tag:hover .df,.app-tag:focus-visible .df{fill:var(--color-ink)}.app-tag:hover text,.app-tag:focus-visible text{fill:var(--color-page)}.app-tag:focus-visible .df{stroke-width:3.4px}@media (prefers-reduced-motion:reduce){.app-tag :is(.df,text){transition:none}}@keyframes sketch{0%{stroke-dashoffset:1px}}@keyframes pop{0%{opacity:0;scale:.3}55%{opacity:1;scale:1.12}78%{scale:.96}}@keyframes rise{0%{opacity:0;translate:0 30px}}@keyframes fade{0%{opacity:0}}@keyframes slap{0%{opacity:0;rotate:-14deg;scale:2}60%{opacity:1;rotate:3deg;scale:.92}}@keyframes plug{0%{opacity:0;translate:-70px}70%{opacity:1;translate:5px}}@keyframes stamp{0%{opacity:0;translate:0 -60px}55%{opacity:1;translate:0 8px}78%{translate:0 -5px}}@keyframes flow{to{stroke-dashoffset:-20px}}@keyframes bob{to{translate:0 -5px}}@keyframes ring{0%,50%,to{rotate:none}8%{rotate:16deg}18%{rotate:-13deg}28%{rotate:8deg}38%{rotate:-4deg}}@keyframes wave{0%,60%,to{rotate:none}15%,45%{rotate:-22deg}30%{rotate:6deg}}.beat{transform-box:fill-box;transform-origin:50%}.beat.pop{animation-name:pop}.beat.rise{animation-name:rise}.beat.fade{animation-name:fade}.beat.slap{animation-name:slap}.beat.plug{animation-name:plug}.beat.stamp{animation-name:stamp}:is(.bob,.ring,.wave){transform-box:fill-box}.ring{transform-origin:50% 10%}.wave{transform-origin:0 100%}@media (prefers-reduced-motion:no-preference){.scenes .scene:not(.play) .beat{opacity:0}.scenes .scene:not(.play) :is(.d,.d1,.df){stroke-dasharray:1;stroke-dashoffset:1px}:is(.scene.play,.scene-now) :is(.d,.d1,.df){stroke-dasharray:1;animation-name:sketch}:is(.scene.play,.scene-now) :is(.beat,.d,.d1,.df){animation-duration:.7s;animation-timing-function:cubic-bezier(.3,.9,.4,1);animation-delay:calc(var(--b,0) * var(--step,.3s) + .15s);animation-fill-mode:both}.scene.play .long{animation-duration:calc(10 * var(--step,.3s));animation-timing-function:linear;animation-delay:.15s}.scene-now .dmd{animation:1.6s linear infinite flow}.bob{animation:1.6s ease-in-out infinite alternate bob}.ring{animation:2.4s ease-in-out infinite ring}.wave{animation:2.2s ease-in-out infinite wave}}.offscreen :is(.scene-now,.bob,.ring,.wave),.offscreen .scene-now *{animation-play-state:paused!important}@keyframes settle{0%{opacity:.25;translate:0 64px;scale:.97}}@keyframes fill{0%{scale:0 1}}.scroll-progress{display:none}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}@supports (animation-timeline:view()){main>section>.plate{animation:linear both settle;animation-timeline:view();animation-range:entry entry 80%}.scroll-progress{background:var(--color-ink);transform-origin:0;height:2px;animation:linear both fill;animation-timeline:scroll(root);display:block;position:absolute;inset:auto 0 -1px}}}