@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(./permanent-marker-latin-400-normal.BF23djCy.woff2)format("woff2"),url(./permanent-marker-latin-400-normal.BnZj5c41.woff)format("woff")}@font-face{font-family:Karla;font-style:normal;font-display:swap;font-weight:500;src:url(./karla-latin-500-normal.6wzn_4WC.woff2)format("woff2"),url(./karla-latin-500-normal.BWjg-GL4.woff)format("woff")}@font-face{font-family:Karla;font-style:normal;font-display:swap;font-weight:700;src:url(./karla-latin-700-normal.DFuMffT3.woff2)format("woff2"),url(./karla-latin-700-normal.CospC10L.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-400-normal.V6pRDFza.woff2)format("woff2"),url(./jetbrains-mono-latin-400-normal.6-qcROiO.woff)format("woff")}:root{--paper:#fffdf4;--ink:#111;--ink-soft:#3b3a36;--yellow:#ffe84d;--pink:#ff6fae;--teal:#2dd4bf;--white:#fff;--marker:"Permanent Marker", "Karla", sans-serif;--body:"Karla", sans-serif;--code:"JetBrains Mono", ui-monospace, monospace;--gutter:clamp(16px, 4vw, 56px);--section:clamp(64px, 9vw, 128px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:var(--ink) var(--paper)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:url(./toner.Beu8UJeA.png) var(--paper);color:var(--ink);font:500 clamp(1.0625rem, .98rem + .3vw, 1.25rem) / 1.5 var(--body);font-variant-numeric:tabular-nums;margin:0;overflow-x:clip}::selection{background:var(--yellow);color:var(--ink)}h1,h2,h3{font-family:var(--marker);text-wrap:balance;margin:0;font-weight:400;line-height:1.08}h2{margin-bottom:.4em;font-size:clamp(2.25rem,1.5rem + 3.2vw,4.25rem)}h3{margin-bottom:.3em;font-size:clamp(1.5rem,1.25rem + .9vw,2rem)}p{max-width:62ch;margin:0 0 1em}p,li,dd{text-wrap:pretty}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:2px}a:hover{-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-decoration-thickness:4px}:focus-visible{outline:4px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px var(--white);border-radius:6px}code{font:400 .88em var(--code);background:#11111114;border-radius:4px;padding:.1em .3em}.wrap{max-width:1440px;padding-inline:var(--gutter);margin-inline:auto}.page{padding-block:var(--section)}.lede{max-width:56ch;font-size:1.15em}.frame{border-radius:10px;position:relative}.frame:after{content:"";border:3.5px solid var(--ink);pointer-events:none;filter:url(#wob);border-radius:10px 7px 12px 6px;position:absolute;inset:0}.hl{color:inherit;isolation:isolate;background:0 0;padding-inline:.2em;display:inline-block;position:relative}.hl:before{content:"";z-index:-1;background:var(--hl,var(--yellow));position:absolute;inset:.02em -.04em;-webkit-mask:url(./swipe.Wa8rrw3c.svg) 50%/100% 100% no-repeat;mask:url(./swipe.Wa8rrw3c.svg) 50%/100% 100% no-repeat}.scrawl{font:400 1.35rem/1.15 var(--marker)}.ul{background:url(./underline.NDOL6K4a.svg) 0 100%/100% .2em no-repeat;padding-bottom:.14em}.btn{background:var(--yellow);min-height:52px;color:var(--ink);font:400 1.3rem/1.1 var(--marker);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.5em;padding:.5em 1.1em;text-decoration:none;transition:transform .16s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.btn:before,.btn:after{content:"";pointer-events:none;border:3.5px solid var(--ink);filter:url(#wob);border-radius:11px 7px 13px 6px;position:absolute}.btn:before{inset:0}.btn:after{border-width:2px;inset:2px -3px -3px 2px}.btn:hover{transform:rotate(-1.2deg)scale(1.03)}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.6}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.draw{stroke-dasharray:1;animation:linear both draw;animation-timeline:view();animation-range:entry 15% cover 45%}.hl.swipe:before{animation:linear both swipe;animation-timeline:--hl;animation-range:entry 30% cover 40%}.hl.swipe{view-timeline-name:--hl}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes swipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.defs.svelte-12qhfyh{position:absolute}
