@font-face{font-family:Caveat;src:url(/assets/caveat-latin-500-WbB_DO0N.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Caveat fallback;src:local("Arial"),local("ArialMT"),local("Liberation Sans");size-adjust:76.34%;ascent-override:125.76%;descent-override:39.3%;line-gap-override:0%}:root{--page-tile: url(/scrapbook/page-day.webp);--hand: Caveat, "Caveat fallback", "Bradley Hand", "Segoe Print", cursive;--gutter: max(0px, (100vw - 1120px) / 2);--deckle-1: polygon(0% 2.98px, 2.94% .28px, 5.88% 1.95px, 8.82% 2.16px, 11.76% 1.65px, 14.71% 1.55px, 17.65% .47px, 20.59% 1.18px, 23.53% 1.26px, 26.47% 2.16px, 29.41% 1.88px, 32.35% 3.42px, 35.29% 1.2px, 38.24% .49px, 41.18% 3.65px, 44.12% .66px, 47.06% 2.14px, 50% 2.01px, 52.94% 1.87px, 55.88% 3.75px, 58.82% .71px, 61.76% .34px, 64.71% 1.72px, 67.65% .91px, 70.59% 1.5px, 73.53% 1.22px, 76.47% 1.7px, 79.41% 3.09px, 82.35% 1.35px, 85.29% .2px, 88.24% 1.77px, 91.18% 1.07px, 94.12% 1.56px, 97.06% .34px, calc(100% - 1.81px) 0%, calc(100% - 3.24px) 5%, calc(100% - 1.95px) 10%, calc(100% - 1.86px) 15%, calc(100% - 1.05px) 20%, calc(100% - .04px) 25%, calc(100% - .93px) 30%, calc(100% - .25px) 35%, calc(100% - 2.62px) 40%, calc(100% - 1.07px) 45%, calc(100% - 2.11px) 50%, calc(100% - 4.31px) 55%, calc(100% - 2.22px) 60%, calc(100% - 1.91px) 65%, calc(100% - .37px) 70%, calc(100% - 3.24px) 75%, calc(100% - 1.56px) 80%, calc(100% - .53px) 85%, calc(100% - 2.79px) 90%, calc(100% - 2.75px) 95%, 100% calc(100% - 2.22px) , 97.06% calc(100% - 1.56px) , 94.12% calc(100% - 1.99px) , 91.18% calc(100% - .33px) , 88.24% calc(100% - .89px) , 85.29% calc(100% - 3.91px) , 82.35% calc(100% - 1.33px) , 79.41% calc(100% - 1.95px) , 76.47% calc(100% - 2.29px) , 73.53% calc(100% - 1.1px) , 70.59% calc(100% - 1.66px) , 67.65% calc(100% - .71px) , 64.71% calc(100% - .13px) , 61.76% calc(100% - 3.73px) , 58.82% calc(100% - 3.14px) , 55.88% calc(100% - 4.54px) , 52.94% calc(100% - .12px) , 50% calc(100% - 1.81px) , 47.06% calc(100% - 1.45px) , 44.12% calc(100% - .1px) , 41.18% calc(100% - 1.22px) , 38.24% calc(100% - 1.71px) , 35.29% calc(100% - 1.18px) , 32.35% calc(100% - 1.74px) , 29.41% calc(100% - 2.65px) , 26.47% calc(100% - 1.13px) , 23.53% calc(100% - 1.9px) , 20.59% calc(100% - 2.16px) , 17.65% calc(100% - .01px) , 14.71% calc(100% - .73px) , 11.76% calc(100% - .6px) , 8.82% calc(100% - .74px) , 5.88% calc(100% - 3.43px) , 2.94% calc(100% - 1.69px) , .71px 100%, 3.38px 95%, 2.61px 90%, 3.06px 85%, 1.62px 80%, .55px 75%, .52px 70%, .03px 65%, 4.41px 60%, 2.39px 55%, .19px 50%, 1.98px 45%, 2.16px 40%, 2.87px 35%, 4.61px 30%, 1.27px 25%, .9px 20%, .39px 15%, .42px 10%, 1.98px 5%);--deckle-2: polygon(0% .79px, 2.94% 2.48px, 5.88% 1.47px, 8.82% 1.72px, 11.76% .43px, 14.71% 2.76px, 17.65% 1.43px, 20.59% 1.75px, 23.53% 2.41px, 26.47% 2.11px, 29.41% .82px, 32.35% .64px, 35.29% 1.26px, 38.24% 4.01px, 41.18% 4.22px, 44.12% 2.83px, 47.06% 1.74px, 50% 1.07px, 52.94% 4.34px, 55.88% 3.12px, 58.82% 1.5px, 61.76% .62px, 64.71% 1.82px, 67.65% 3.17px, 70.59% 1.37px, 73.53% 2.02px, 76.47% 2.2px, 79.41% .56px, 82.35% .03px, 85.29% 1.31px, 88.24% 2.76px, 91.18% 1.63px, 94.12% .71px, 97.06% 1.52px, calc(100% - 1.29px) 0%, calc(100% - .65px) 5%, calc(100% - 1.55px) 10%, calc(100% - 1.05px) 15%, calc(100% - .84px) 20%, calc(100% - 1.81px) 25%, calc(100% - 2.36px) 30%, calc(100% - .54px) 35%, calc(100% - 2.3px) 40%, calc(100% - 4.23px) 45%, calc(100% - 1.99px) 50%, calc(100% - .27px) 55%, calc(100% - 2.27px) 60%, calc(100% - 2.84px) 65%, calc(100% - 2.2px) 70%, calc(100% - .93px) 75%, calc(100% - 1.01px) 80%, calc(100% - 1.47px) 85%, calc(100% - .69px) 90%, calc(100% - .5px) 95%, 100% calc(100% - 1.42px) , 97.06% calc(100% - 2.76px) , 94.12% calc(100% - .37px) , 91.18% calc(100% - 1.08px) , 88.24% calc(100% - 1.65px) , 85.29% calc(100% - 1.94px) , 82.35% calc(100% - .04px) , 79.41% calc(100% - 1.94px) , 76.47% calc(100% - 1.65px) , 73.53% calc(100% - .52px) , 70.59% calc(100% - 2.33px) , 67.65% calc(100% - 2.76px) , 64.71% calc(100% - .93px) , 61.76% calc(100% - 1.5px) , 58.82% calc(100% - 1.26px) , 55.88% calc(100% - .27px) , 52.94% calc(100% - 2.24px) , 50% calc(100% - 3.1px) , 47.06% calc(100% - 1.66px) , 44.12% calc(100% - 2.82px) , 41.18% calc(100% - 3.28px) , 38.24% calc(100% - .47px) , 35.29% calc(100% - .72px) , 32.35% calc(100% - 2.22px) , 29.41% calc(100% - 1.99px) , 26.47% calc(100% - 3.1px) , 23.53% calc(100% - .51px) , 20.59% calc(100% - .45px) , 17.65% calc(100% - 3.35px) , 14.71% calc(100% - .43px) , 11.76% calc(100% - 2.25px) , 8.82% calc(100% - .3px) , 5.88% calc(100% - 1.08px) , 2.94% calc(100% - 2.4px) , 3.27px 100%, .46px 95%, 1.26px 90%, 1.76px 85%, 1.13px 80%, 1.71px 75%, 1.3px 70%, 2.15px 65%, 1.25px 60%, 2.24px 55%, 2.23px 50%, .66px 45%, 2.84px 40%, 2.45px 35%, 2.29px 30%, 2.72px 25%, .17px 20%, .6px 15%, .05px 10%, 2.25px 5%);--deckle-3: polygon(0% .72px, 2.94% .86px, 5.88% 2.15px, 8.82% 2.6px, 11.76% .93px, 14.71% 4.28px, 17.65% 2.39px, 20.59% 2.52px, 23.53% .36px, 26.47% .61px, 29.41% 1.28px, 32.35% 1.22px, 35.29% 1.72px, 38.24% 2.83px, 41.18% 1.24px, 44.12% .61px, 47.06% 1.98px, 50% .8px, 52.94% 1.94px, 55.88% 1.99px, 58.82% .86px, 61.76% .08px, 64.71% 4.64px, 67.65% .14px, 70.59% 1.43px, 73.53% 1.57px, 76.47% 3.28px, 79.41% 1.36px, 82.35% 2.27px, 85.29% 1.59px, 88.24% .23px, 91.18% 2.43px, 94.12% 1.51px, 97.06% 3.75px, calc(100% - 1.48px) 0%, calc(100% - .95px) 5%, calc(100% - .68px) 10%, calc(100% - 3.76px) 15%, calc(100% - .02px) 20%, calc(100% - .8px) 25%, calc(100% - .64px) 30%, calc(100% - .41px) 35%, calc(100% - 4.23px) 40%, calc(100% - 1.98px) 45%, calc(100% - .57px) 50%, calc(100% - .37px) 55%, calc(100% - 2.36px) 60%, calc(100% - .23px) 65%, calc(100% - 2.92px) 70%, calc(100% - 1.68px) 75%, calc(100% - 1.59px) 80%, calc(100% - 1.82px) 85%, calc(100% - 1.14px) 90%, calc(100% - 1.38px) 95%, 100% calc(100% - .73px) , 97.06% calc(100% - .82px) , 94.12% calc(100% - .67px) , 91.18% calc(100% - 1.34px) , 88.24% calc(100% - .2px) , 85.29% calc(100% - 1.99px) , 82.35% calc(100% - .32px) , 79.41% calc(100% - .66px) , 76.47% calc(100% - .08px) , 73.53% calc(100% - 3.99px) , 70.59% calc(100% - .99px) , 67.65% calc(100% - 2.94px) , 64.71% calc(100% - 4.26px) , 61.76% calc(100% - .73px) , 58.82% calc(100% - 1.55px) , 55.88% calc(100% - 1.93px) , 52.94% calc(100% - 2.35px) , 50% calc(100% - 3.03px) , 47.06% calc(100% - .58px) , 44.12% calc(100% - .75px) , 41.18% calc(100% - 2.5px) , 38.24% calc(100% - 2.45px) , 35.29% calc(100% - .02px) , 32.35% calc(100% - 3.44px) , 29.41% calc(100% - 1.11px) , 26.47% calc(100% - 3.74px) , 23.53% calc(100% - 1.71px) , 20.59% calc(100% - 1.1px) , 17.65% calc(100% - 2.59px) , 14.71% calc(100% - 2.53px) , 11.76% calc(100% - 3.97px) , 8.82% calc(100% - .22px) , 5.88% calc(100% - 1.13px) , 2.94% calc(100% - 3.52px) , 1.66px 100%, 2.5px 95%, 1.17px 90%, .01px 85%, .8px 80%, 3.32px 75%, 1.87px 70%, 3.73px 65%, 1.55px 60%, 1.77px 55%, 1.92px 50%, 2.56px 45%, 2.11px 40%, 2.35px 35%, 2.31px 30%, 1.85px 25%, .32px 20%, 1.81px 15%, .18px 10%, .91px 5%);--deckle-4: polygon(0% 2.85px, 2.94% 2.92px, 5.88% .23px, 8.82% 2.35px, 11.76% 1.66px, 14.71% .99px, 17.65% 1.07px, 20.59% 2.23px, 23.53% .93px, 26.47% .65px, 29.41% .5px, 32.35% .57px, 35.29% 1.99px, 38.24% .12px, 41.18% 1.62px, 44.12% 1.86px, 47.06% 2.33px, 50% 1.29px, 52.94% .78px, 55.88% 1.42px, 58.82% 3.57px, 61.76% .43px, 64.71% .41px, 67.65% 1.13px, 70.59% 1.22px, 73.53% 1.82px, 76.47% 2.33px, 79.41% 1.71px, 82.35% .72px, 85.29% 4.28px, 88.24% 2.92px, 91.18% 1.05px, 94.12% 1.09px, 97.06% .74px, calc(100% - 2.8px) 0%, calc(100% - 1.62px) 5%, calc(100% - 1.44px) 10%, calc(100% - 1.27px) 15%, calc(100% - 2.59px) 20%, calc(100% - 1.68px) 25%, calc(100% - 2.46px) 30%, calc(100% - 1.01px) 35%, calc(100% - 3.43px) 40%, calc(100% - .93px) 45%, calc(100% - 1.07px) 50%, calc(100% - 1.29px) 55%, calc(100% - 1.21px) 60%, calc(100% - .6px) 65%, calc(100% - 3.29px) 70%, calc(100% - 3.81px) 75%, calc(100% - 1.97px) 80%, calc(100% - .41px) 85%, calc(100% - 1.32px) 90%, calc(100% - 2.33px) 95%, 100% calc(100% - .76px) , 97.06% calc(100% - 2.52px) , 94.12% calc(100% - .47px) , 91.18% calc(100% - 1.33px) , 88.24% calc(100% - 2.72px) , 85.29% calc(100% - 3.09px) , 82.35% calc(100% - 3.01px) , 79.41% calc(100% - 1.23px) , 76.47% calc(100% - .48px) , 73.53% calc(100% - 3.85px) , 70.59% calc(100% - 2.13px) , 67.65% calc(100% - 1.72px) , 64.71% calc(100% - 1.68px) , 61.76% calc(100% - 4.47px) , 58.82% calc(100% - .06px) , 55.88% calc(100% - .04px) , 52.94% calc(100% - 1.28px) , 50% calc(100% - 1.26px) , 47.06% calc(100% - 2.29px) , 44.12% calc(100% - 2.43px) , 41.18% calc(100% - 2.68px) , 38.24% calc(100% - .28px) , 35.29% calc(100% - .04px) , 32.35% calc(100% - .63px) , 29.41% calc(100% - 1.03px) , 26.47% calc(100% - .53px) , 23.53% calc(100% - .64px) , 20.59% calc(100% - 3.89px) , 17.65% calc(100% - .98px) , 14.71% calc(100% - .12px) , 11.76% calc(100% - 3.14px) , 8.82% calc(100% - .5px) , 5.88% calc(100% - 2.05px) , 2.94% calc(100% - 1.47px) , 1.01px 100%, 1.54px 95%, 2px 90%, 2.72px 85%, 3.23px 80%, 3.7px 75%, 1.11px 70%, 3.76px 65%, .63px 60%, 2.25px 55%, .25px 50%, .41px 45%, 2.83px 40%, .58px 35%, 2.04px 30%, 1.83px 25%, 1.16px 20%, 1.6px 15%, 0px 10%, 1.01px 5%);--cut-1: polygon(0% .05px, 12.5% .02px, 25% .07px, 37.5% 0px, 50% .16px, 62.5% .27px, 75% 1.45px, 87.5% 1.42px, calc(100% - 2.57px) 0%, calc(100% - 2.55px) 16.67%, calc(100% - 2.29px) 33.33%, calc(100% - 2.72px) 50%, calc(100% - 2.21px) 66.67%, calc(100% - 2.38px) 83.33%, 100% calc(100% - .69px) , 87.5% calc(100% - .78px) , 75% calc(100% - .41px) , 62.5% calc(100% - .78px) , 50% calc(100% - .58px) , 37.5% calc(100% - .59px) , 25% calc(100% - .6px) , 12.5% calc(100% - .72px) , 2.02px 100%, 2.29px 83.33%, 2.49px 66.67%, 2.46px 50%, 1.76px 33.33%, 2.28px 16.67%);--cut-2: polygon(0% .45px, 12.5% .23px, 25% .52px, 37.5% .57px, 50% 2.29px, 62.5% 2.55px, 75% 2.32px, 87.5% 2.62px, calc(100% - 1.82px) 0%, calc(100% - 1.92px) 16.67%, calc(100% - 1.92px) 33.33%, calc(100% - 1.87px) 50%, calc(100% - .83px) 66.67%, calc(100% - .59px) 83.33%, 100% calc(100% - .1px) , 87.5% calc(100% - .48px) , 75% calc(100% - .21px) , 62.5% calc(100% - .58px) , 50% calc(100% - .6px) , 37.5% calc(100% - .35px) , 25% calc(100% - .22px) , 12.5% calc(100% - .3px) , 3.43px 100%, 3.4px 83.33%, 3.18px 66.67%, 3.1px 50%, 2.97px 33.33%, 2.99px 16.67%);--cut-3: polygon(0% .68px, 12.5% .63px, 25% .61px, 37.5% .57px, 50% .33px, 62.5% .2px, 75% .48px, 87.5% .13px, calc(100% - 2.24px) 0%, calc(100% - 1.99px) 16.67%, calc(100% - 2.5px) 33.33%, calc(100% - 2.54px) 50%, calc(100% - 2.57px) 66.67%, calc(100% - 3.05px) 83.33%, 100% calc(100% - 1.79px) , 87.5% calc(100% - 1.85px) , 75% calc(100% - 1.47px) , 62.5% calc(100% - 1.31px) , 50% calc(100% - .25px) , 37.5% calc(100% - .13px) , 25% calc(100% - .07px) , 12.5% calc(100% + -0px) , 3.25px 100%, 3.02px 83.33%, 3.08px 66.67%, 2.63px 50%, 2.66px 33.33%, 2.92px 16.67%);--torn-top: polygon(0% 3.48px, 2.5% .97px, 5% .36px, 7.5% 2.68px, 10% 2.5px, 12.5% 3.83px, 15% 1.23px, 17.5% 1.43px, 20% 2.7px, 22.5% 3.65px, 25% .48px, 27.5% 2.12px, 30% .63px, 32.5% 2.8px, 35% .53px, 37.5% 2.66px, 40% 2.42px, 42.5% .93px, 45% 1.18px, 47.5% 3.97px, 50% 2.65px, 52.5% 1.55px, 55% 2.69px, 57.5% 1.6px, 60% 1.12px, 62.5% 3.01px, 65% 1.92px, 67.5% .63px, 70% 2.48px, 72.5% 1.85px, 75% 1.75px, 77.5% 1.44px, 80% .16px, 82.5% 2.94px, 85% 1.45px, 87.5% .24px, 90% 2.86px, 92.5% 2.88px, 95% 3.58px, 97.5% 4.54px, 100% 1.22px, 100% 100%, 0% 100%);--torn-bottom: polygon(0% 0%, 100% 0%, 100% calc(100% - 3.86px) , 97.5% calc(100% - 2.43px) , 95% calc(100% - 2.58px) , 92.5% calc(100% - 4.41px) , 90% calc(100% - 2.22px) , 87.5% calc(100% - 1.09px) , 85% calc(100% - 4.65px) , 82.5% calc(100% - 4.76px) , 80% calc(100% - 2.99px) , 77.5% calc(100% - 1.61px) , 75% calc(100% - 1.73px) , 72.5% calc(100% - 3.89px) , 70% calc(100% - 2.64px) , 67.5% calc(100% - 4px) , 65% calc(100% - 1.27px) , 62.5% calc(100% - 2.43px) , 60% calc(100% - 2.53px) , 57.5% calc(100% - 2.77px) , 55% calc(100% - 1.64px) , 52.5% calc(100% - 1.4px) , 50% calc(100% - 3.22px) , 47.5% calc(100% - 1.99px) , 45% calc(100% - 1.52px) , 42.5% calc(100% - .41px) , 40% calc(100% - 3.97px) , 37.5% calc(100% - 1.04px) , 35% calc(100% - .82px) , 32.5% calc(100% - .26px) , 30% calc(100% - 2.17px) , 27.5% calc(100% - 2.27px) , 25% calc(100% - 3.21px) , 22.5% calc(100% - 2.98px) , 20% calc(100% - 2.14px) , 17.5% calc(100% - 1.4px) , 15% calc(100% - 1.63px) , 12.5% calc(100% - 2.98px) , 10% calc(100% - .58px) , 7.5% calc(100% - 1.49px) , 5% calc(100% - 3.4px) , 2.5% calc(100% - .74px) , 0% calc(100% - 1.07px) );--zigzag: polygon(0% 7px, 4.17% 0px, 8.33% 7px, 12.5% 0px, 16.67% 7px, 20.83% 0px, 25% 7px, 29.17% 0px, 33.33% 7px, 37.5% 0px, 41.67% 7px, 45.83% 0px, 50% 7px, 54.17% 0px, 58.33% 7px, 62.5% 0px, 66.67% 7px, 70.83% 0px, 75% 7px, 79.17% 0px, 83.33% 7px, 87.5% 0px, 91.67% 7px, 95.83% 0px, 100% 7px, 100% calc(100% - 7px) , 95.83% calc(100% + -0px) , 91.67% calc(100% - 7px) , 87.5% calc(100% + -0px) , 83.33% calc(100% - 7px) , 79.17% calc(100% + -0px) , 75% calc(100% - 7px) , 70.83% calc(100% + -0px) , 66.67% calc(100% - 7px) , 62.5% calc(100% + -0px) , 58.33% calc(100% - 7px) , 54.17% calc(100% + -0px) , 50% calc(100% - 7px) , 45.83% calc(100% + -0px) , 41.67% calc(100% - 7px) , 37.5% calc(100% + -0px) , 33.33% calc(100% - 7px) , 29.17% calc(100% + -0px) , 25% calc(100% - 7px) , 20.83% calc(100% + -0px) , 16.67% calc(100% - 7px) , 12.5% calc(100% + -0px) , 8.33% calc(100% - 7px) , 4.17% calc(100% + -0px) , 0% calc(100% - 7px) );background:var(--page) var(--page-tile)}:root[data-theme=dark]{--page-tile: url(/scrapbook/page-night.webp)}.typed>span{visibility:hidden}.typed>span.on{visibility:visible}.typed .caret{display:inline-block;width:1.5px;height:1.05em;margin-left:1px;vertical-align:-.18em;background:currentColor}.paper{--paper: var(--card);position:relative;isolation:isolate}.paper:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper);clip-path:var(--deckle, var(--deckle-1))}.paper:after{content:"";position:absolute;inset:5px;z-index:-2;box-shadow:0 1px 2px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .7)),0 16px 30px -12px rgb(var(--shadow-rgb) / var(--shadow-a))}.tape-tl{top:8px;left:-30px;rotate:-36deg}.tape-tr{top:8px;right:-30px;rotate:36deg}.tape-br{bottom:10px;right:-30px;rotate:-34deg}.tape-top{top:-12px;left:50%;translate:-50% 0;rotate:-2deg}.pin{position:absolute;z-index:4;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9a9a9a 0 18%,#161616 62%);box-shadow:.5px .5px #0006,5px 7px 3px #281c0e38;pointer-events:none}.label{display:inline-block;padding:7px 11px 6px;background:var(--card-white);box-shadow:inset 0 0 0 3px var(--card-white),inset 0 0 0 4px rgb(var(--shadow-rgb) / .32),0 3px 8px -2px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .9));color:var(--ink-soft);font:400 12px/1.35 var(--mono);letter-spacing:.02em;white-space:nowrap}[data-theme=dark] .label{box-shadow:inset 0 0 0 3px var(--card-white),inset 0 0 0 4px #f4e8cf38,0 3px 8px -2px #00000080}.piece,.doodle,.note{position:absolute;z-index:4;left:var(--x, 0);top:var(--y, 0);width:var(--w, auto);rotate:var(--r, 0deg);pointer-events:none;-webkit-user-select:none;user-select:none}.piece>img{display:block;width:100%;height:auto;filter:saturate(.72) contrast(.92) drop-shadow(1px 2px 2px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .8)))}.piece.pinned>img{filter:saturate(.72) contrast(.92) drop-shadow(5px 8px 5px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .7)))}[data-theme=dark] .piece>img{filter:saturate(.68) brightness(.86) drop-shadow(2px 3px 3px rgb(0 0 0 / .45))}.piece.pinned:after{content:"";position:absolute;left:calc(50% - 2.5px);top:var(--pin-y, 40%);width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9a9a9a 0 18%,#161616 62%);box-shadow:.5px .5px #0006,5px 7px 3px #281c0e38}.piece.taped:before{content:"";position:absolute;z-index:1;left:50%;top:var(--tape-y, 50%);width:max(84px,80%);aspect-ratio:320 / 50;translate:-50% -50%;rotate:var(--tape-r, -14deg);background:var(--tape-img, url(/scrapbook/tape-periwinkle.webp)) center / 100% 100% no-repeat;opacity:.9}.piece.label{width:auto}.gutter-l{left:max(calc(var(--gutter) / -2 - var(--w) / 2 + var(--dx, 0px)),calc(28px - var(--gutter)))}.gutter-r{left:min(calc(100% + var(--gutter) / 2 - var(--w) / 2 + var(--dx, 0px)),calc(100% + var(--gutter) - var(--w) - 28px))}.doodle{display:block;width:var(--w, 60px);color:var(--pen)}.doodle svg{display:block;width:100%;height:auto;overflow:visible}.lavender-ink{color:var(--pen-lavender)}.cream-ink{color:#fbf1e2}.note{color:var(--pen);font:500 28px/.95 var(--hand);white-space:nowrap}.colophon-end{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px}.motion-toggle{min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.motion-toggle:hover{color:var(--accent)}.motion-toggle[hidden],.motion-move,[data-motion=still] .motion-still{display:none}[data-motion=still] .motion-move{display:inline}:root[data-motion=still] .will-land{translate:none!important;scale:none!important;clip-path:none!important;transition:none!important}:root[data-motion=still] .will-land .reveal{stroke-dashoffset:0!important;transition:none!important}.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 20px 11px;color:var(--ink);font:400 14px/1 var(--mono);letter-spacing:.01em;white-space:nowrap}.button:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-white);clip-path:var(--cut-2)}.button:after{content:"";position:absolute;inset:3px;z-index:-2;box-shadow:0 0 0 1px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .5)),0 4px 10px -3px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * 1.3))}.button:hover{color:var(--ink)}.button:hover:before{background:var(--card-tan)}.cta-primary,.cta-primary:hover{color:var(--on-blue)}.cta-primary:before{background:var(--hibi-blue)}.cta-primary:hover:before{background:color-mix(in oklch,var(--hibi-blue) 86%,#fff)}.button-icon{display:inline-flex;flex-shrink:0;width:16px;height:16px}.title-card{position:relative;isolation:isolate;width:min(940px,100%);text-align:center}.title-card h1{font:500 clamp(36px,3.6vw,52px) / 1.06 var(--serif);letter-spacing:-.022em}.ink-word{position:relative;color:var(--accent);white-space:nowrap}.ink-word .doodle{z-index:1;left:-9%;top:5%;width:118%;rotate:-4deg;color:var(--pen-lavender);--delay: .4s}.ink-word .sparkle-a{left:auto;right:-6%;top:-40%;width:.34em;color:var(--pen);--delay: .5s}.ink-word .sparkle-b{left:auto;right:-18%;top:-18%;width:.2em;color:var(--pen-lavender);--delay: .6s}.title-card:before{content:"";position:absolute;inset:-48px -72px;z-index:-1;background:radial-gradient(closest-side,rgb(255 255 255 / .42),transparent);pointer-events:none}[data-theme=dark] .title-card:before{background:radial-gradient(closest-side,rgb(8 14 36 / .5),transparent)}[data-theme=dark] :is(.hero,.cta) .cta-primary,[data-theme=dark] :is(.hero,.cta) .cta-primary:hover{color:#1f1b16}[data-theme=dark] :is(.hero,.cta) .cta-primary:before{background:#f6e3b4}.cta-primary .beta-tag{position:absolute;top:-11px;right:-14px;margin:0;rotate:8deg}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:38px}.hero .download-get{min-height:40px;padding:9px 18px 8px;gap:8px;font-size:13px}.hero .download-get .button-icon{width:14px;height:14px}.hero .cta-primary .beta-tag{top:-9px;right:-12px;padding:3px 6px 2px;font-size:10px}.hero .also-links{gap:0 18px;font-size:12px}.hero .also-links a{min-height:28px;gap:6px}.g-companion[hidden]{display:block;visibility:hidden}.demo-print{position:relative;width:min(900px,100%);margin-top:44px}.demo{position:relative;width:100%;aspect-ratio:900 / 520;text-align:left;overflow:hidden;border-radius:12px;background:var(--card-white);box-shadow:0 0 0 1px #281e1014,0 1px 3px #281e101f,0 18px 40px -16px #1820383d}[data-theme=dark] .demo{box-shadow:0 0 0 1px #0006,0 1px 3px #0000004d,0 22px 46px -16px #00000873}.demo-shell{display:none;position:absolute;left:50%;top:50%;width:900px;height:520px;transform:translate(-50%,-50%);transform-origin:center;overflow:hidden;background:var(--card-white)}.demo-snapshot{display:block;width:100%;height:100%;overflow:hidden}.demo-snapshot img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}.demo[data-live=true] .demo-snapshot{display:none}.demo[data-live=true] .demo-shell{display:block}.demo iframe{display:block;width:100%;height:100%;border:0;opacity:0}.demo-loader{position:absolute;inset:0;display:grid;place-items:center;background:var(--card-white);pointer-events:none}.demo-loader-wordmark{position:relative;font:500 34px/1 var(--serif);color:color-mix(in srgb,var(--ink) 28%,transparent)}.demo-loader-wordmark:after{content:"hibi";position:absolute;inset:0;color:var(--ink);opacity:.65;-webkit-mask-image:linear-gradient(110deg,transparent 42%,black 50%,transparent 58%);mask-image:linear-gradient(110deg,transparent 42%,black 50%,transparent 58%);-webkit-mask-size:300% 100%;mask-size:300% 100%}.demo[data-ready=true] iframe{opacity:1}.demo[data-ready=true] .demo-loader{opacity:0;visibility:hidden}.demo[data-ready=true] .demo-loader-wordmark:after{animation-play-state:paused}.who-caption a,.feats a,.qa a,.compare a,.addon-guide-link,.addon-readme a,.addon-authors a,.addon-actions a:not(.addon-action),.credits a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}.beta-tag{align-self:center;margin-left:-6px;padding:4px 8px 3px;background:var(--card-white);box-shadow:inset 0 0 0 2px var(--card-white),inset 0 0 0 3px rgb(var(--shadow-rgb) / .34);color:var(--ink-soft);font:400 11.5px/1.2 var(--mono);letter-spacing:.04em;rotate:-4deg}.specimen-label{display:block;width:fit-content;max-width:min(100%,52ch);margin:26px 0 0;padding:8px 13px 7px;background:var(--card-white);box-shadow:inset 0 0 0 3px var(--card-white),inset 0 0 0 4px rgb(var(--shadow-rgb) / .3),.5px 1px 1px rgb(var(--shadow-rgb) / .22);color:var(--ink-soft);font:400 13.5px/1.45 var(--mono);letter-spacing:.015em;rotate:-.8deg}.specimen-label+.specimen-label{margin-top:10px;rotate:.7deg}[data-theme=dark] .specimen-label{box-shadow:inset 0 0 0 3px var(--card-white),inset 0 0 0 4px #f4e8cf38,.5px 1px 1px #00000080}.drawer-title{grid-column:1 / -1;width:fit-content;padding:10px 18px 11px;background:var(--card-white);box-shadow:inset 0 0 0 3px var(--card-white),inset 0 0 0 4px rgb(var(--shadow-rgb) / .3),.5px 1px 1px rgb(var(--shadow-rgb) / .22);font:500 clamp(24px,2.2vw,30px) / 1.2 var(--serif);rotate:-1deg}[data-theme=dark] .drawer-title{box-shadow:inset 0 0 0 3px var(--card-white),inset 0 0 0 4px #f4e8cf38,.5px 1px 1px #00000080}.piece.strapped:before,.piece.strapped:after{content:"";position:absolute;z-index:1;left:50%;width:38%;min-width:26px;height:7px;background:#f6efdf;box-shadow:0 .5px 1px rgb(var(--shadow-rgb) / .3);translate:-50% 0}.piece.strapped:before{top:var(--strap-a, 58%);rotate:-8deg}.piece.strapped:after{top:var(--strap-b, 78%);rotate:6deg}[data-theme=dark] .piece.strapped:before,[data-theme=dark] .piece.strapped:after{background:#d9ccb0}:root{--h2: clamp(29px, 1.5vw + 19px, 40px);--h3: clamp(23px, .6vw + 20px, 29px);--lead: clamp(19px, .2vw + 18px, 21px);--body: clamp(17.5px, .2vw + 16.5px, 19.5px);--gap: clamp(96px, 8vw + 40px, 168px)}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}svg.button-icon,.feats>li>svg,.feat-stage svg{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.s{position:relative;margin-top:var(--gap)}.s-head{position:relative;margin-bottom:56px}.s h2{max-width:20em;font:500 var(--h2) / 1.06 var(--serif);letter-spacing:-.016em}.s .lead{max-width:34em;margin-top:16px;color:var(--ink-soft);font-size:var(--lead);line-height:1.45}.who-caption a,.feats a{font:400 14px/1.3 var(--mono);color:var(--accent)}.pair-sprig{--y: -12px}.who{display:grid;grid-template-areas:"tabs" "panel" "caption"}.who-tabs{grid-area:tabs;--bar: rgb(251 241 226 / .8);display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-width:0;margin:0 0 26px;padding:0;border:0}.who-tabs label{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px 10px;color:var(--ink);font:400 14px/1.2 var(--mono);cursor:pointer}.who-tabs label:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-white);clip-path:var(--cut-2)}.who-tabs label:after{content:"";position:absolute;inset:3px;z-index:-2;box-shadow:0 0 0 1px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .5)),0 4px 10px -3px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * 1.1))}.who-tabs input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.who-tabs label:hover:before{background:var(--card-tan)}.who-tabs label:has(:checked){color:var(--on-blue)}.who-tabs label:has(:checked):before{background:var(--hibi-blue)}@property --turn{syntax: "<number>"; inherits: false; initial-value: 0;}@keyframes tab-turn{to{--turn: 1}}.who.is-auto .who-tabs label:has(:checked):before{background:linear-gradient(var(--bar),var(--bar)) 0 100% / calc(var(--turn) * 100%) 3px no-repeat,var(--hibi-blue);animation:tab-turn 3s linear}.who:is(.is-paused,:focus-within,:has(.who-tabs:hover),:has(.window-panel:hover)) .who-tabs label:before{animation-play-state:paused}[data-theme=dark] .who-tabs label:has(:checked){color:#1f1b16}[data-theme=dark] .who-tabs label:has(:checked):before{background:#f6e3b4}[data-theme=dark] .who-tabs{--bar: rgb(32 54 118 / .55)}[data-theme=dark] .who.is-auto .who-tabs label:has(:checked):before{background:linear-gradient(var(--bar),var(--bar)) 0 100% / calc(var(--turn) * 100%) 3px no-repeat,#f6e3b4}.who-tabs label:has(:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.who:not(:has([value=authors]:checked)) :is(.window,.scene)[data-who=authors],.who:not(:has([value=academics]:checked)) :is(.window,.scene)[data-who=academics],.who:not(:has([value=developers]:checked)) :is(.window,.scene)[data-who=developers],.who:not(:has([value=note-takers]:checked)) :is(.window,.scene)[data-who=note-takers]{display:none}.who:not(:has([value=authors]:checked)) .who-caption[data-who=authors],.who:not(:has([value=academics]:checked)) .who-caption[data-who=academics],.who:not(:has([value=developers]:checked)) .who-caption[data-who=developers],.who:not(:has([value=note-takers]:checked)) .who-caption[data-who=note-takers]{visibility:hidden}:root:not([data-theme=dark]) .theme-night,[data-theme=dark] .theme-day{display:none}.window-panel{--mb: calc(100cqw * 24 / 1750 + 12px);--wh: 40cqw;grid-area:panel;position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:1120 / 690;border-radius:16px;background:#8cc6fb;box-shadow:0 1px 2px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .6)),0 24px 44px -28px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * 1.6))}[data-theme=dark] .window-panel{background:#0b1d55}.scenes,.scene{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.scenes{z-index:-1}.scene img{display:block;width:100%;height:100%;object-fit:cover}.menubar{--u: calc(100cqw / 1750);position:absolute;inset:0 0 auto;z-index:1;display:flex;align-items:center;gap:calc(20 * var(--u));height:var(--mb);padding:6px 24px;color:#000000eb;text-shadow:0 0 1px rgb(255 255 255 / .95),0 0 3px rgb(255 255 255 / .9),0 0 8px rgb(255 255 255 / .6);font:400 calc(13 * var(--u)) / 1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none}[data-theme=dark] .menubar{color:#fffffff0;text-shadow:0 0 1px rgb(0 0 12 / .9),0 0 4px rgb(0 0 12 / .75),0 0 10px rgb(0 0 12 / .45)}.menubar svg{flex-shrink:0;height:calc(14 * var(--u));fill:currentColor}.menubar b{font-weight:700}.mb-menus,.mb-status{display:flex;align-items:center;gap:inherit}.mb-status{gap:calc(16 * var(--u));margin-left:auto}.mb-battery{display:inline-flex;align-items:center;gap:calc(5 * var(--u))}.mb-clock{min-width:9.6em;font-variant-numeric:tabular-nums;text-align:right;white-space:pre}.window{position:absolute;left:10%;top:calc(var(--mb) + (100% - var(--mb) - var(--wh)) / 2);width:80%;aspect-ratio:2;overflow:hidden;container-type:inline-size;border-radius:10px;background:var(--card-white);box-shadow:0 0 0 1px #281e1014,0 1px 3px #281e101f,0 18px 40px -16px #1820383d}[data-theme=dark] .window{box-shadow:0 0 0 1px #0006,0 1px 3px #0000004d,0 22px 46px -16px #00000873}.who :is(.window,.scene).is-leaving{display:block!important}.who .window.is-closed{opacity:0;transform:scale(.98)}.who .scene.is-new{z-index:1}.who .scene.is-entering{opacity:0}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=still]) .who :is(.window,.scene){transition:opacity .34s ease-out,transform .34s ease-out}}.lights{--app: calc(100cqw / 1400);position:absolute;z-index:1;left:calc(13 * var(--app));top:calc(12 * var(--app));display:flex;gap:calc(8 * var(--app))}.lights i{width:calc(12 * var(--app));aspect-ratio:1;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 .5px #0003}.lights i+i{background:#febc2e}.lights i+i+i{background:#28c840}.window img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}.who-caption{grid-area:caption;display:grid;align-content:start;grid-template-columns:minmax(0,9fr) minmax(0,17fr);gap:12px 60px;margin-top:40px}.who-caption h3{font:500 var(--h3) / 1.1 var(--serif);letter-spacing:-.01em}.who-caption p{color:var(--ink-soft);font-size:var(--body);line-height:1.5}.who-caption a{display:inline-flex;align-items:center;min-height:44px;margin-top:4px}.feats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px;margin:96px 0 0;padding:0;list-style:none}.feats>li{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:26px 28px 22px}.feats>li:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-white);clip-path:var(--deckle, var(--deckle-2))}.feats>li:after{content:"";position:absolute;inset:5px;z-index:-2;box-shadow:0 1px 2px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .7)),0 12px 22px -12px rgb(var(--shadow-rgb) / var(--shadow-a))}.feats>li:nth-child(4n+1){--deckle: var(--deckle-1)}.feats>li:nth-child(4n+3){--deckle: var(--deckle-3)}.feats>li:nth-child(4n+4){--deckle: var(--deckle-4)}.feat-files,.feat-license{grid-column:span 2}.feat-typst,.feat-quick{grid-column:span 4}.feat-yours,.feat-batteries{grid-column:span 3}.feats>li>svg{display:block;width:22px;height:22px;color:var(--accent);stroke-width:1.6}.feats h3{margin-top:12px;font:500 21px/1.2 var(--serif)}.feats p{margin-top:6px;color:var(--ink-soft);font-size:17px;line-height:1.45}.feats a{font-size:13px;white-space:nowrap}.feat-stage{--m-bg: #eff1f5;--m-surface: #e6e9ef;--m-sidebar: #e6e9ef;--m-ink: #4c4f69;--m-muted: #5c5f77;--m-accent: #8435e8;--m-border: #ccd0da;--m-active: #dce0e8;--m-shadow: 40 30 16;position:relative;display:flex;justify-content:center;align-items:flex-start;gap:14px;height:236px;margin-top:auto;padding:22px 20px 0;overflow:clip;border-radius:8px;background:color-mix(in srgb,var(--card-tan) 55%,var(--card-white));color:var(--m-ink);font:400 13px/1.4 var(--font-ui);-webkit-user-select:none;user-select:none}[data-theme=dark] .feat-stage{background:color-mix(in srgb,var(--page) 60%,var(--card-white));--m-bg: #18181b;--m-surface: #201f25;--m-sidebar: #111114;--m-ink: #dedde0;--m-muted: #8e8e94;--m-accent: #a78bfa;--m-border: #262629;--m-active: #2a243a;--m-shadow: 0 0 0}.feats>li>p{margin-bottom:22px}.feat-stage .mk-icon{flex-shrink:0;width:14px;height:14px;color:var(--m-muted);stroke-width:1.5}.mk-window{flex-shrink:0;overflow:hidden;border:1px solid var(--m-border);border-radius:8px;background:var(--m-bg);box-shadow:0 1px 2px rgb(var(--m-shadow) / .12),0 12px 26px -14px rgb(var(--m-shadow) / .38)}.mk-row{display:flex;align-items:center;gap:8px;height:28px;padding:0 12px 0 calc(12px + var(--depth, 0) * 18px);white-space:nowrap}.mk-row>span{overflow:hidden;text-overflow:ellipsis}.mk-row.is-active{background:var(--m-active)}.mk-label{display:block;padding:8px 14px 4px;color:var(--m-muted);font-size:11px}.mk-button{display:inline-flex;align-items:center;height:24px;padding:0 10px;border:1px solid var(--m-border);border-radius:6px;font-size:11.5px}.mk-button.is-primary{border-color:var(--m-ink);background:var(--m-ink);color:var(--m-bg)}.mk-caret{display:inline-block;width:1px;height:14px;margin-left:1px;vertical-align:-2px;background:var(--m-accent)}.mk-tab{display:flex;height:32px;padding:6px 8px 0;border-bottom:1px solid var(--m-border);background:var(--m-surface)}.mk-tab span{padding:4px 12px;border:1px solid var(--m-border);border-bottom:0;border-radius:6px 6px 0 0;background:var(--m-bg);font-size:11.5px}.mk-sidebar{width:min(100%,250px);padding-bottom:6px;background:var(--m-sidebar)}.mk-side-head{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;color:var(--m-muted);font-size:12px}.mk-split{width:min(100%,560px)}.mk-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mk-source{margin:0;padding:14px;overflow:hidden;border-right:1px solid var(--m-border);font:400 12px/1.75 var(--mono);white-space:pre}.mk-source b,.mk-source i{color:var(--m-accent);font-style:normal;font-weight:400}.mk-source em{color:var(--m-muted);font-style:normal}.mk-preview{padding:14px 16px;background:var(--m-surface)}.mk-page{padding:14px 16px 18px;background:#fff;box-shadow:0 1px 3px #00000029;color:#1d1d1f;font-family:var(--serif)}.mk-page strong{display:block;font-size:16px;font-weight:600}.mk-page p{margin-top:6px;color:inherit;font-size:12px;line-height:1.5}.mk-page .mk-math{margin-top:10px;text-align:center;font-size:13px}.mk-page sup{font-size:.65em}.mk-settings{width:min(100%,420px);padding-bottom:4px}.mk-scheme .mk-swatch{display:inline-flex;padding:2px;border:1px solid var(--m-border);border-radius:999px;background:#eff1f5}.mk-scheme.is-hibsy .mk-swatch{background:#18181b}.mk-swatch i{width:8px;height:8px;border-radius:50%;background:#4c4f69}.mk-swatch i+i{margin-left:2px;background:#8435e8}.mk-scheme.is-hibsy .mk-swatch i{background:#dedde0}.mk-scheme.is-hibsy .mk-swatch i+i{background:#a78bfa}:root:not([data-theme=dark]) .mk-scheme.is-latte,[data-theme=dark] .mk-scheme.is-hibsy{background:var(--m-active)}:root:not([data-theme=dark]) .mk-scheme.is-latte:after,[data-theme=dark] .mk-scheme.is-hibsy:after{content:"✓" / "";margin-left:auto;color:var(--m-accent)}.mk-set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:9px 14px;border-top:1px solid var(--m-border)}.mk-addon{display:grid;gap:1px;min-width:0}.mk-addon b{font-weight:600}.mk-addon small{overflow:hidden;color:var(--m-muted);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.mk-switch{flex-shrink:0;width:30px;height:18px;padding:2px;border-radius:999px;background:var(--m-accent)}.mk-switch i{display:block;width:14px;height:14px;margin-left:auto;border-radius:50%;background:#fff}.mk-keys{display:inline-flex;gap:3px}.mk-keys kbd{min-width:20px;padding:1px 5px;border:1px solid var(--m-border);border-radius:4px;font:11px/1.4 var(--font-ui);text-align:center}.mk-git{width:min(46%,200px);background:var(--m-sidebar)}.mk-git-head{display:grid;gap:4px;padding:10px 12px 8px}.mk-git-head small{color:var(--m-muted);font-size:11px}.mk-select,.mk-input{display:block;padding:4px 10px;border:1px solid var(--m-border);border-radius:6px;background:var(--m-bg);font-size:12px}.mk-input{margin:0 12px;color:var(--m-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-git-file code{width:18px;color:var(--m-accent);font:400 11.5px var(--mono);white-space:pre}.mk-git-file .mk-icon:last-child{margin-left:auto}.mk-status{display:flex;gap:12px;margin-top:6px;padding:6px 12px;border-top:1px solid var(--m-border);color:var(--m-muted);font-size:11px}.mk-palette{flex:1 1 0;min-width:0;max-width:280px;margin-top:34px}.mk-search{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--m-border)}.mk-option{display:flex;align-items:center;gap:8px;margin:5px;padding:6px 8px;border-radius:6px;white-space:nowrap}.mk-option.is-on{background:var(--m-active)}.mk-option>span{overflow:hidden;text-overflow:ellipsis}.mk-option small{margin-left:auto;color:var(--m-muted);font-size:10.5px}.stage-batteries .mk-option small{display:none}.mk-other{position:absolute;top:22px;left:20px;width:62%;height:210px;padding:38px 22px;border-radius:8px;background:color-mix(in srgb,var(--card-white) 70%,#d7d2c6);box-shadow:0 1px 2px rgb(var(--m-shadow) / .12)}[data-theme=dark] .mk-other{background:#2c2924}.mk-other i{display:block;height:7px;margin-top:12px;border-radius:4px;background:rgb(var(--shadow-rgb) / .12)}[data-theme=dark] .mk-other i{background:#ffffff14}.mk-other i.short{width:55%}.mk-capture{position:absolute;top:46px;right:24px;width:min(62%,340px)}.mk-toolbar{display:flex;gap:14px;padding:8px 12px;border-bottom:1px solid var(--m-border);color:var(--m-muted);font:12px/1 var(--font-ui)}.mk-capture-text{padding:12px 14px 16px}.mk-capture-text strong{font-size:15px;font-weight:600}.mk-capture-text p{margin:4px 0 0;color:var(--m-ink);font-size:12.5px}.mk-capture-bar{display:flex;align-items:center;gap:6px;padding:8px 10px 8px 14px;border-top:1px solid var(--m-border);background:var(--m-surface)}.mk-capture-bar>span:first-child{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--m-muted);font-size:11px}.mk-doc{width:min(100%,300px)}.mk-doc-body{padding:14px 16px}.mk-doc-body strong{font-size:15px;font-weight:600}.mk-doc-body p{margin:6px 0 0;color:var(--m-ink);font-size:12px;line-height:1.5}.mk-doc-body .mk-faint{margin-top:10px;color:var(--m-muted);font:400 10.5px/1.6 var(--mono)}.showcase-sort{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;border:0}.showcase-sort label{position:relative;isolation:isolate;display:inline-flex;align-items:center;min-height:40px;padding:9px 12px 8px;color:var(--ink-soft);font:400 13px/1 var(--mono);cursor:pointer}.showcase-sort input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.showcase-sort label:has(:checked){color:var(--ink)}.showcase-sort label:has(:checked):before{content:"";position:absolute;inset:0;z-index:-1;background:var(--butter);clip-path:var(--cut-2)}.showcase-sort label:has(:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.own-app:has([value=released]:checked) .showcase-grid[data-sort=updated],.own-app:has([value=updated]:checked) .showcase-grid[data-sort=released]{display:none}.addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}.addon-grid>li{display:flex;min-width:0}.addon-card{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;padding:22px 24px 18px;color:var(--ink)}.addon-card:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-white);clip-path:var(--deckle-2)}.addon-card:after{content:"";position:absolute;inset:5px;z-index:-2;box-shadow:0 1px 2px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .7)),0 12px 22px -12px rgb(var(--shadow-rgb) / var(--shadow-a))}.addon-card:hover{color:var(--ink)}.addon-card:hover .addon-card-heading{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.addon-card-hold{display:none}.addon-card-heading{overflow:hidden;font-size:22px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.addon-card-kind{margin-top:4px;color:var(--ink-faint);font:400 12px/1.3 var(--mono)}.addon-description{display:-webkit-box;min-height:4.35em;margin-block:12px 16px;overflow:hidden;color:var(--ink-soft);font-size:16.5px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.addon-card-footer{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;border-top:1px dashed var(--rule-strong);color:var(--ink-faint);font:400 12px/1.4 var(--mono)}.addon-card-footer>:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.addon-card-footer>*+*{flex-shrink:0;margin-left:auto}.showcase-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;margin-top:22px}.showcase-foot .specimen-label{margin:0}.showcase-all{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:400 14px/1 var(--mono);text-decoration:underline;text-underline-offset:.2em}.showcase-all:focus-visible{z-index:1}.days-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 24px;margin-bottom:40px}.days-head .specimen-label{margin:0}.diary-wrap{position:relative}.diary{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none}.diary:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-white);clip-path:var(--deckle-3)}.diary:after{content:"";position:absolute;inset:5px;z-index:-2;box-shadow:0 1px 2px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .7)),0 14px 24px -12px rgb(var(--shadow-rgb) / var(--shadow-a))}.diary li{padding:20px 16px 24px;border-left:1px solid var(--rule)}.diary li:first-child{border-left:0}.diary time{display:block;color:var(--accent);font:400 12.5px/1.2 var(--mono);letter-spacing:.02em}.diary p{margin-top:12px;font-size:18px;line-height:1.35}.wake-me{--x: calc(100% + 34px) ;--y: -104px;--w: 84px;--r: 14deg}.days-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:22px;font:400 14px/1 var(--mono);text-decoration:underline;text-underline-offset:.2em}.faq{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,17fr);gap:28px 60px;align-items:start}.qa-group{padding-bottom:10px;border-bottom:1px solid var(--rule-strong);color:var(--ink-faint);font:400 12.5px/1.3 var(--mono);letter-spacing:.04em}.qa-group:not(:first-child){margin-top:44px}.qa details{padding-inline:12px;border-bottom:1px solid var(--rule)}.qa summary{margin-inline:-12px;display:flex;justify-content:space-between;gap:20px;padding:18px 12px 17px;font:500 23px/1.25 var(--serif);list-style:none;cursor:pointer}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";color:var(--ink-faint);font:400 18px/1.4 var(--mono)}.qa details[open] summary:after{content:"−"}.qa details p{max-width:36em;padding-bottom:18px;color:var(--ink-soft);font-size:var(--body);line-height:1.5}.qa details p+p{margin-top:-6px}.qa ul{max-width:36em;margin:0;padding:0 0 14px 1.1em;color:var(--ink-soft);font-size:var(--body);line-height:1.5}.qa li+li{margin-top:6px}.compare{grid-column:1 / -1;min-width:0;margin-top:72px}.compare-title{font:500 var(--h3) / 1.1 var(--serif);letter-spacing:-.01em}.compare-scroll{margin-top:16px;padding-top:6px;overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4;text-align:left}.compare-table :is(th,td){padding:11px 12px 10px;border-bottom:1px solid var(--rule);vertical-align:top}.compare-table thead :is(th,td){padding-top:10px;border-bottom-color:var(--rule-strong);color:var(--ink-faint);font:400 12.5px/1.3 var(--mono);letter-spacing:.02em}.compare-table tbody th{width:17%;padding-left:0;color:var(--ink);font-weight:500}.compare-table td{color:var(--ink-soft)}.compare-table .is-hibi{background:color-mix(in srgb,var(--card-white) 60%,transparent);color:var(--ink)}.compare-table sup{margin-left:1px;color:var(--ink-faint);font:400 .68em/0 var(--mono)}.compare-notes{columns:3 240px;column-gap:36px;margin:22px 0 0;padding-left:2.4em;color:var(--ink-faint);font-size:13.5px;line-height:1.45}.compare-notes li{break-inside:avoid}.compare-notes li::marker{font:400 11px var(--mono)}.compare-asof{margin-top:14px;color:var(--ink-faint);font:400 12.5px/1.5 var(--mono)}@media(max-width:1100px){.stage-batteries{gap:12px;padding-inline:16px}.stage-batteries .mk-git{width:42%}.stage-batteries .mk-option{font-size:12.5px}}@media(max-width:1024px){.feats>li{grid-column:span 3}}@media(max-width:900px){.feats{grid-template-columns:1fr;gap:22px}.feats>li{grid-column:auto;padding:22px 20px 18px}.feat-stage{padding-inline:14px;height:auto;padding-bottom:18px}.stage-quick{height:236px}.mk-capture{right:14px;width:84%}.stage-batteries{flex-direction:column;align-items:center}.stage-batteries .mk-git,.stage-batteries .mk-palette{flex:none;width:min(100%,460px);max-width:none;margin-top:0}}@media(max-width:600px){.feats{margin-top:80px}}@media(max-width:900px){.faq{grid-template-columns:1fr}}@media(max-width:1359px){.wake-me{--x: calc(100% - 100px) ;--y: -66px}}@media(max-width:600px){.s-head{margin-bottom:36px}.who-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.who-tabs label{padding:10px 8px 9px;font-size:12.5px;text-align:center}.window-panel{--mb: calc(max(18px, 5.2cqw) + 8px) ;--wh: 70.4cqw;aspect-ratio:350 / 430;border-radius:12px}.menubar{--u: .72px;gap:9px;padding:4px 18px}.mb-menus,.mb-status>:not(.mb-clock){display:none}.window{left:6%;width:88%;aspect-ratio:5 / 4;border-radius:8px}.lights{--app: calc(100cqw / 583);top:calc(14.8 * var(--app))}.who-caption{grid-template-columns:1fr;margin-top:28px}.feats h3{font-size:19px}.feats p{font-size:15.5px}.addon-grid{grid-template-columns:1fr;gap:18px}.showcase-grid>li:nth-child(n+4){display:none}.diary{grid-template-columns:1fr}.diary li{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:baseline;padding:13px 16px;border-left:0;border-top:1px solid var(--rule)}.diary li:first-child{border-top:0}.diary p{margin-top:0;font-size:17px}.wake-me{--x: calc(100% - 84px) ;--y: calc(100% + 6px) ;--w: 64px}.qa summary{font-size:21px}.compare-table{min-width:760px;font-size:15px}.compare-scroll{scroll-padding-inline-start:118px}.compare-table :is(tbody,thead)>tr>:first-child{position:sticky;left:0;z-index:1;width:118px;min-width:118px;background:var(--page)}}@media(min-width:601px)and (max-width:960px){.addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.download-get{min-height:52px;padding-inline:26px;font-size:15px}.download-get svg.button-icon{width:16px;height:16px}.also-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 22px;margin:0;font:400 13px/1.6 var(--mono)}.also-links a{display:inline-flex;align-items:center;gap:7px;min-height:36px;color:var(--ink);text-decoration:none}.also-links a:hover{text-decoration:underline;text-underline-offset:3px}.cta{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(1120px,calc(100% - 64px));height:380px;margin:var(--gap) auto 0;padding:0 24px;border-radius:16px;text-align:center}.cta:before{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;box-shadow:0 1px 2px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .6)),0 24px 44px -28px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * 1.6));pointer-events:none}.cta-copy{position:relative;display:flex;flex-direction:column;align-items:center}.cta-copy:before{content:"";position:absolute;inset:-48px -96px;z-index:-1;background:radial-gradient(closest-side,rgb(255 255 255 / .42),transparent);pointer-events:none}[data-theme=dark] .cta-copy:before{background:radial-gradient(closest-side,rgb(8 14 36 / .5),transparent)}.cta h2{font:500 clamp(34px,3.4vw,49px) / 1.06 var(--serif);letter-spacing:-.02em}.cta h2 em{color:var(--accent);font-style:italic}.cta .download-get{margin-top:26px}.cta .facts{margin-top:16px;color:var(--ink-soft);font:400 13px/1.5 var(--mono);letter-spacing:.02em}.site-footer{position:relative;margin-top:var(--gap)}.footer-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px 48px;padding-top:56px;border-top:1px solid var(--rule-strong)}.footer-brand{display:inline-flex;align-items:center;gap:12px;font-size:30px}.footer-brand .wordmark-icon{width:34px;height:34px}.footer-tagline{margin-top:10px;color:var(--ink-soft);font-size:19px;font-style:italic}.footer-groups{display:grid;grid-template-columns:repeat(3,auto);gap:28px clamp(40px,5vw,72px)}.footer-group h2{margin-bottom:8px;color:var(--ink-faint);font:400 12px/1.4 var(--mono);letter-spacing:.04em}.footer-group nav{display:flex;flex-direction:column;align-items:flex-start}.footer-group a{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:19px}.colophon{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 32px;margin-top:48px;color:var(--ink-faint);font:400 12.5px/1.6 var(--mono);letter-spacing:.01em}.colophon a{display:inline-flex;align-items:center;gap:6px;min-height:44px;text-decoration:underline;text-underline-offset:3px}.colophon p a{min-height:0}.site-footer a:hover{color:var(--accent)}.bigword{display:flex;justify-content:center;margin-top:28px;padding-bottom:30px;overflow:hidden}.bigword-text{position:relative;color:var(--ink);font:500 clamp(150px,26vw,380px) / .8 var(--serif);letter-spacing:-.035em;-webkit-user-select:none;user-select:none}.bigword-text:before{content:"hibi"}.tittle{position:absolute;left:.567em;top:.125em;width:.12em;height:.12em}.bigword .sprig{position:absolute;left:calc(100% + .03em);bottom:.02em;width:.2em;height:auto;rotate:14deg;filter:saturate(.72) contrast(.92) drop-shadow(1px 2px 2px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .8)))}[data-theme=dark] .bigword .sprig{filter:saturate(.68) brightness(.86) drop-shadow(2px 3px 3px rgb(0 0 0 / .45))}@media(max-width:900px){.footer-top{grid-template-columns:1fr}}@media(max-width:720px){.cta{width:calc(100% - 2 * var(--hero-inset))}}@media(max-width:600px){.cta{height:440px;padding-bottom:64px;border-radius:12px}.footer-top{padding-top:40px}.footer-groups{grid-template-columns:1fr 1fr;gap:26px 32px}.footer-group a{min-height:44px;font-size:18px}.colophon{margin-top:36px}}[data-drafts] .draft[hidden]{display:block}.draft{outline:2px dashed var(--margin-line);outline-offset:12px}.kind-words{padding-block:80px 40px}.clippings{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;gap:30px 26px;margin:34px 0 0;padding:0;list-style:none}.clipping{position:relative;isolation:isolate;padding:22px 22px 18px;rotate:-.8deg}.clipping:nth-child(2n){rotate:.9deg}.clipping:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-white);clip-path:var(--cut-2)}.clip-letter:before{background:repeating-linear-gradient(to bottom,transparent 0 29px,var(--rule) 29px 30px) 0 14px / 100% 100% no-repeat,var(--card-white)}.clip-postcard:before{background:var(--card-tan)}.clip-card:before{background:var(--card-sage)}.clipping:after{content:"";position:absolute;inset:3px;z-index:-2;box-shadow:1px 2px 3px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .9))}.clipping blockquote{margin:0;font-size:20px;line-height:1.45}.clip-slip blockquote{font:400 15px/1.5 var(--font-ui)}.clip-source{margin-top:12px;color:var(--ink-faint);font:400 12px/1.4 var(--mono)}.clip-source a{text-decoration:underline;text-underline-offset:.2em}@media(max-width:1024px){.not-md{display:none}}@media(max-width:1399px){.wide{display:none}}@media(max-width:720px){.not-narrow{display:none}.piece,.doodle,.note{left:var(--x-sm, var(--x-md, var(--x)));top:var(--y-sm, var(--y-md, var(--y)));width:var(--w-sm, var(--w));rotate:var(--r-sm, var(--r, 0deg))}.motion-toggle{width:44px;height:44px}.button{min-height:44px;padding-inline:16px;font-size:13px}.demo-print{margin-top:32px}.demo{border-radius:8px}}@media(max-width:440px){.title-card h1{font-size:clamp(32px,9vw,40px)}}@media(prefers-reduced-motion:no-preference){.doodle.will-land .reveal{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .58s steps(7,end) calc(var(--delay, .15s) + var(--i, 0) * .25s)}.doodle.will-land.is-landed .reveal{stroke-dashoffset:0}.note.will-land{clip-path:inset(-30% 100% -30% -10%);transition:clip-path .9s cubic-bezier(.5,0,.3,1) var(--delay, .2s)}.note.will-land.is-landed{clip-path:inset(-30% -10% -30% -10%)}.demo iframe{transition:opacity var(--motion-pane) var(--ease-out)}.demo-loader{transition:opacity var(--motion-feedback) var(--ease-out),visibility 0s linear var(--motion-feedback)}.demo-loader-wordmark:after{animation:preview-shine 1.8s ease-in-out infinite}.button:before{transition:background-color var(--motion-fast) var(--ease-out)}.qa details[open] p{animation:site-fade-in var(--motion-feedback) var(--ease-out)}}@media print{.will-land{translate:none!important;scale:none!important;clip-path:none!important;opacity:1!important}.will-land :is(path,.reveal){stroke-dashoffset:0!important}}@media(prefers-reduced-motion:reduce){.demo-loader-wordmark:after{display:none}}@keyframes site-fade-in{0%{opacity:0}}@keyframes preview-shine{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:-100% 0;mask-position:-100% 0}}