@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kalam-latin-400-normal-BthBl_aR.woff2) format("woff2"),url(/assets/kalam-latin-400-normal-Bl-H2BUA.woff) format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-700-normal-D2H-9ISU.woff2) format("woff2"),url(/assets/kalam-latin-700-normal-7TSuSrjP.woff) format("woff")}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-opsz-normal-C5tfwALZ.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-opsz-normal-DgmypKXX.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-opsz-normal-DGm64vGR.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-opsz-normal-DFglUmAd.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-opsz-normal-Gqw5JQlq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-opsz-normal-STiTPs0F.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-opsz-normal-BHZsWIlc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:4rem;-webkit-text-size-adjust:100%}:root{--paper: oklch(.982 .012 90);--card: oklch(.995 .004 90);--grid: oklch(.88 .04 235 / .45);--margin-line: oklch(.7 .13 20 / .55);--ink: oklch(.24 .012 260);--ink-2: oklch(.39 .012 260);--ink-3: oklch(.52 .01 260);--blue-pen: oklch(.43 .16 262);--red-pen: oklch(.55 .19 27);--highlighter: oklch(.9 .17 104 / .6);--sticky: oklch(.93 .11 98);--tape: oklch(.96 .02 95 / .7);--hand: "Kalam", "Comic Neue", cursive;--print: "Literata Variable", Georgia, "Times New Roman", serif;--gutter: clamp(1rem, 4vw, 3rem);color-scheme:light}body{font-family:var(--print);font-size:1.0625rem;line-height:1.65;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:26px 26px;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-weight:600;line-height:1.15}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul,ol{list-style:none}:focus-visible{outline:2px dashed var(--red-pen);outline-offset:4px}::selection{background:var(--highlighter);color:var(--ink)}.hand{font-family:var(--hand);color:var(--blue-pen);font-weight:400}.rough-annotation{mix-blend-mode:multiply}.skip{position:fixed;left:1rem;top:-4rem;z-index:300;background:var(--sticky);padding:.6rem 1rem;font-family:var(--hand);font-size:1.1rem}.skip:focus{top:.75rem}.notebook{position:relative;max-width:1120px;margin:0 auto;padding:0 calc(var(--gutter) + 2.5rem) 0 calc(var(--gutter) + 4.25rem)}.notebook:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--gutter) + 2.6rem);width:5px;border-left:1.5px solid var(--margin-line);border-right:1.5px solid var(--margin-line)}@media (max-width: 700px){.notebook{padding:0 var(--gutter) 0 calc(var(--gutter) + 1.4rem)}.notebook:before{left:calc(var(--gutter) + .35rem)}}.tabs{position:fixed;right:0;top:16vh;z-index:50;display:flex;flex-direction:column;gap:.35rem}.tab{writing-mode:vertical-rl;padding:1.1rem .5rem 1.1rem .6rem;font-family:var(--hand);font-size:1.1rem;color:var(--ink);border-radius:.65rem 0 0 .65rem;box-shadow:-2px 2px 5px #282e381f;transform:translate(.45rem);transition:transform .35s cubic-bezier(.16,1,.3,1)}.tab:hover,.tab:focus-visible{transform:translate(0)}.tab--0{background:#f6e193}.tab--1{background:#ffc7ca;background:oklch(.88 .07 15)}.tab--2{background:#b0e0f8}.tab--3{background:#b6eabf}.tab--4{background:#e0d2fd}.strip{display:none;position:sticky;top:0;z-index:40;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem var(--gutter);background:var(--paper);border-bottom:1.5px dashed oklch(.75 .03 240)}.strip-name{font-family:var(--hand);font-weight:700;font-size:1.2rem;white-space:nowrap}.strip nav{display:flex;gap:1rem;overflow-x:auto;scrollbar-width:none}.strip nav a{font-family:var(--hand);color:var(--blue-pen);font-size:1.05rem;white-space:nowrap}@media (max-width: 1100px){.tabs{display:none}.strip{display:flex}.notebook{padding-right:var(--gutter)}}.cover{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:2rem clamp(2rem,5vw,4rem);padding-top:clamp(3rem,9vh,6.5rem)}.cover-label{font-size:1.1rem;transform:rotate(-1.5deg);transform-origin:left}.cover-title{margin-top:1rem;font-family:var(--hand);font-weight:700;color:var(--ink);font-size:clamp(2.4rem,5.1vw,4.25rem);line-height:1.08;letter-spacing:-.01em}.cover-title>span{display:block;margin-top:.15em}.cover-intro{margin-top:1.75rem;max-width:54ch;color:var(--ink-2);font-size:1.12rem}.cover-intro strong{color:var(--ink);font-weight:600}.index-card{margin-top:2.25rem;max-width:34rem;background:var(--card);border-top:2px solid var(--margin-line);padding:.6rem 1.5rem .8rem;box-shadow:0 1px 2px #282e381a,0 8px 20px -10px #282e3840;transform:rotate(-.7deg)}.index-card div{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;align-items:baseline;padding:.45rem 0;border-bottom:1px solid oklch(.85 .05 235)}.index-card div:last-child{border-bottom:0}.index-card dt{font-size:1.1rem}.index-card dd{font-weight:500}.cover-side{position:relative;padding-top:1.5rem;min-height:34rem}.taped{position:relative;width:min(100%,20rem);margin-left:auto;background:var(--card);padding:.65rem;box-shadow:0 2px 4px #282e381f,0 14px 28px -12px #282e3859;transform:rotate(2.5deg)}.taped img{aspect-ratio:4 / 5;object-fit:cover;width:100%;height:auto}.taped:before,.taped:after{content:"";position:absolute;top:-.85rem;width:5.5rem;height:1.7rem;background:var(--tape);box-shadow:0 1px 2px #282e3814}.taped:before{left:.75rem;transform:rotate(-9deg)}.taped:after{right:.75rem;transform:rotate(7deg)}.note{font-size:1.3rem;line-height:1.25}.note--me{position:absolute;right:calc(min(100%,20rem) + .75rem);top:13rem;display:flex;align-items:center;gap:.25rem;white-space:nowrap;transform:rotate(-7deg)}.note--me .doodle{width:3.4rem}@media (max-width: 1200px){.note--me{display:none}}.stamp{position:absolute;left:.5rem;top:32rem;z-index:2;width:8.75rem;height:8.75rem;border-radius:50%;display:grid;place-content:center;text-align:center;gap:.1rem;color:var(--red-pen);border:3px solid currentColor;box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5.5px currentColor;transform:rotate(-14deg);mix-blend-mode:multiply;opacity:.9}.stamp span{font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.stamp b{font-family:var(--hand);font-size:1.45rem;line-height:1.1;font-weight:700}.sticky{position:relative;width:13.5rem;margin:-2rem 2.5rem 0 auto;background:var(--sticky);padding:1rem 1.2rem 1.25rem;box-shadow:0 10px 16px -8px #362d1566;transform:rotate(-3deg)}.sticky p{color:var(--ink);font-size:1.15rem}.sticky a{display:block;font-size:1.35rem;line-height:1.5}.sticky a:hover{color:var(--red-pen)}.doodle{display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}@media (max-width: 860px){.cover{grid-template-columns:1fr}.cover-side{min-height:0;padding:1rem 0 0;display:grid;grid-template-columns:1fr auto;align-items:start;gap:1rem}.taped{width:min(100%,15rem);margin:0;grid-row:span 2}.note--me{display:none}.stamp{position:relative;left:auto;bottom:auto;width:7.5rem;height:7.5rem;margin:.5rem .5rem 0 0}.stamp b{font-size:1.25rem}.sticky{margin:.5rem 0 0;width:100%;max-width:13rem;grid-column:1 / -1}}.section{padding-top:clamp(5.5rem,13vh,8.5rem)}.section-title{display:inline-block;font-weight:700;color:var(--ink);font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.1;transform:rotate(-1deg);transform-origin:left}.section-lede{margin-top:1rem;max-width:56ch;color:var(--ink-2)}.subsection{margin-top:clamp(5rem,11vh,7rem);font-weight:700;color:var(--ink);font-size:clamp(1.6rem,3vw,2.2rem)}.entry{display:grid;grid-template-columns:minmax(0,1fr) 11.5rem;gap:1rem clamp(1.5rem,3vw,2.5rem);margin-top:clamp(3.75rem,9vh,5.5rem)}.entry-cat{color:var(--ink-3);font-size:.92rem;letter-spacing:.01em}.entry-title{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .7rem;font-weight:700;color:var(--ink);font-size:clamp(1.9rem,3.6vw,2.65rem);line-height:1.1}.entry-n{color:var(--red-pen);font-weight:400;font-size:.75em}.entry-logo{width:2.1rem;height:2.1rem;object-fit:contain;transform:rotate(-5deg)}.entry-status{color:var(--red-pen);font-size:1rem;font-weight:400;line-height:1.4;border:2px solid currentColor;border-radius:50%/60%;padding:0 .7rem;transform:rotate(-4deg)}.entry-sum{margin-top:.6rem;max-width:62ch;font-size:1.08rem}.sketch{margin-top:1.6rem;max-width:52rem}.sketch svg{display:block;overflow:visible}.sketch .ink path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .45s ease-out;transition-delay:calc(var(--i) * 45ms)}.sketch .is-drawn .ink path{stroke-dashoffset:0}.sketch-label{font-family:var(--hand);fill:var(--ink);text-anchor:middle;dominant-baseline:central;opacity:0;transition:opacity .4s ease-out;transition-delay:calc(var(--i) * 45ms + .15s)}.sketch .is-drawn .sketch-label{opacity:1}.shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;margin-top:2rem;max-width:52rem}.taped--shot{width:100%;margin:0;padding:.45rem;transform:rotate(-1.5deg)}.taped--shot:nth-child(2){transform:rotate(1.8deg) translateY(.75rem)}.taped--shot img{aspect-ratio:16 / 10}.taped--shot:before,.taped--shot:after{width:4rem;height:1.3rem;top:-.6rem}@media (max-width: 560px){.shots{grid-template-columns:1fr}.taped--shot:nth-child(2){transform:rotate(1.2deg)}}.checks{display:grid;gap:.45rem;margin-top:1.5rem;max-width:66ch;color:var(--ink-2)}.checks li{position:relative;padding-left:1.7rem}.checks li:before{content:"✓";position:absolute;left:.1rem;top:-.15rem;font-family:var(--hand);font-size:1.3rem;color:var(--blue-pen)}.tools{margin-top:.9rem;color:var(--ink-2);font-size:.97rem}.tools .hand{font-size:1.15rem;margin-right:.35rem}.entry-links{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;margin-top:1.1rem}.pen-link{font-size:1.25rem;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em;text-decoration-color:#1848a659;transition:color .2s,text-decoration-color .2s}.pen-link:hover{color:var(--red-pen);text-decoration-color:var(--red-pen)}.margin-note{margin-top:5.25rem;font-size:1.25rem;line-height:1.3;transform:rotate(-3deg)}.margin-note .doodle{width:3.4rem;margin-bottom:.15rem}@media (max-width: 900px){.entry{grid-template-columns:1fr}.margin-note{grid-row:1;margin:0 0 -.5rem;font-size:1.15rem;transform:rotate(-1.5deg)}.margin-note .doodle{display:none}}.timeline{margin-top:2.5rem}.tl{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:0 1.75rem}.tl-when{text-align:right;font-size:1.15rem;line-height:1.4;padding-top:.15rem}.tl>div{position:relative;padding:0 0 2.5rem 1.9rem;border-left:2px solid var(--ink-3)}.tl:last-child>div{padding-bottom:.5rem}.tl>div:before{content:"";position:absolute;left:-8px;top:.4rem;width:14px;height:14px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}.tl--win>div:before{background:var(--red-pen);border-color:var(--red-pen);width:18px;height:18px;left:-10px}.tl-type{color:var(--ink-3);font-size:.92rem}.tl-title{font-size:clamp(1.3rem,2.4vw,1.7rem);margin-top:.15rem}.tl-org{color:var(--ink-2);margin-top:.2rem}.tl-points{display:grid;gap:.3rem;margin-top:.7rem;color:var(--ink-2);max-width:64ch}.note--win{color:var(--red-pen);margin-top:1.1rem;transform:rotate(-2deg);transform-origin:left;display:inline-block}@media (max-width: 640px){.tl{grid-template-columns:1fr}.tl-when{text-align:left;padding:0 0 .25rem 1.9rem;border-left:2px solid var(--ink-3)}}.about{max-width:64ch;margin-top:1.75rem;display:grid;gap:1rem;color:var(--ink-2);font-size:1.1rem}.about-lead{color:var(--ink);font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.4;font-weight:500}.toolbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 3rem;margin-top:2rem;max-width:60rem}.toolbox dt{font-size:1.25rem}.toolbox dd{color:var(--ink-2)}@media (max-width: 700px){.toolbox{grid-template-columns:1fr}}.contact{padding-bottom:2.5rem}.contact-title{display:inline-block;font-weight:700;color:var(--ink);font-size:clamp(3.2rem,9vw,6.5rem);line-height:1;transform:rotate(-2.5deg);transform-origin:left}.contact-lede{margin-top:1.5rem;max-width:46ch;color:var(--ink-2);font-size:1.12rem}.contact-mail{margin-top:1.75rem;font-weight:600;font-size:clamp(1.35rem,3.6vw,2.3rem);overflow-wrap:anywhere}.contact-mail a:hover{color:var(--red-pen)}.colophon{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:clamp(4rem,10vh,6rem);padding-top:1rem;border-top:1.5px dashed oklch(.75 .03 240);color:var(--ink-3);font-size:.92rem}.colophon .hand{font-size:1.1rem}.xp-head{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:2rem clamp(2rem,5vw,4rem);padding-top:clamp(2.5rem,7vh,5rem)}.back{display:block;width:fit-content;font-size:1.15rem;margin-bottom:1.75rem;transform:rotate(-1deg)}.back:hover{color:var(--red-pen)}.xp-title{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.35rem;font-weight:700;color:var(--ink);font-size:clamp(2.8rem,6vw,4.5rem);line-height:1.05}.xp-logo{width:.95em;height:.95em;object-fit:contain;transform:rotate(-6deg)}.xp-title .entry-status{font-size:1.1rem}.xp-sum{margin:1.25rem 0 1.5rem;max-width:56ch;font-size:1.15rem;color:var(--ink-2)}.xp-side{padding-top:4.5rem}.xp-side .sticky{width:100%;margin:0;transform:rotate(2deg)}.sticky-wait{color:var(--ink-2);font-size:1.15rem;line-height:1.35;margin-top:.25rem}.xp-note{display:flex;align-items:flex-start;gap:.4rem;margin-top:1.75rem;color:var(--blue-pen);transform:rotate(-3deg)}.xp-note .doodle{width:2.8rem;flex:none;transform:scaleY(-1)}.walk{display:grid;gap:clamp(3.5rem,9vh,5.5rem);margin-top:2.75rem}.walk-step{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.5rem clamp(2rem,4vw,3.5rem);align-items:center}.walk-step .taped--shot{width:fit-content;max-width:100%;justify-self:center;transform:rotate(-1.4deg)}.walk-step .taped--shot img{aspect-ratio:auto;width:auto;height:auto;max-height:26rem}.walk-step:nth-child(2n) .taped--shot{order:2;transform:rotate(1.6deg)}.walk-step--text{grid-template-columns:minmax(0,1fr)}.walk-title{font-weight:700;color:var(--ink);font-size:clamp(1.5rem,2.6vw,1.95rem);line-height:1.15}.walk-text p{margin-top:.6rem;max-width:46ch;color:var(--ink-2)}.walk-text .walk-note{display:inline-block;margin-top:.9rem;color:var(--red-pen);font-size:1.2rem;transform:rotate(-2deg)}.xp-privacy{display:flex;align-items:center;gap:1.5rem clamp(2rem,5vw,4rem)}.xp-privacy .section-lede{font-size:1.1rem}.stamp--inline{position:relative;left:auto;top:auto;flex:none;transform:rotate(-10deg)}.xp-index-head{padding-top:clamp(2.5rem,7vh,5rem)}.xp-index-head h1{font-weight:700}.shelf-title{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .7rem;margin-top:.2rem;font-size:clamp(1.8rem,3.2vw,2.4rem)}.shelf-title a:hover{color:var(--red-pen)}.walk-text .entry-links{margin-top:1rem}.perms{max-width:46rem;margin-top:2.5rem;transform:rotate(.4deg)}.perms div{grid-template-columns:12.5rem 1fr}.perms dt{overflow-wrap:anywhere}@media (max-width: 860px){.xp-head{grid-template-columns:1fr}.xp-side{padding-top:0;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}.xp-side .sticky{width:15.5rem}.xp-note{margin-top:0}.xp-note .doodle{display:none}.walk-step{grid-template-columns:1fr}.walk-step:nth-child(2n) .taped--shot{order:0}}@media (max-width: 600px){.xp-privacy{flex-direction:column;align-items:flex-start}.stamp--inline{width:7.5rem;height:7.5rem}.stamp--inline b{font-size:1.25rem}.perms div{grid-template-columns:1fr;gap:.1rem}}.policy{max-width:46rem;padding:clamp(2.5rem,7vh,5rem) 0 2.5rem}.policy>p,.policy>ul{margin-top:.9rem;color:var(--ink-2)}.policy strong{color:var(--ink);font-weight:600}.policy .xp-title{flex-wrap:nowrap;font-size:clamp(2.3rem,5vw,3.6rem)}.policy .xp-logo{flex:none}.policy-meta{color:var(--ink-3);font-size:.95rem}.policy-h{margin-top:3rem;font-weight:700;color:var(--ink);font-size:clamp(1.5rem,2.8vw,1.9rem)}.policy ul{display:grid;gap:.5rem}.policy ul li{position:relative;padding-left:1.5rem}.policy ul li:before{content:"–";position:absolute;left:.2rem;font-family:var(--hand);color:var(--blue-pen)}.policy code{font-size:.9em;padding:0 .25em;background:#ede8d9;border-radius:3px;overflow-wrap:anywhere}.policy>.policy-note{margin-top:1.25rem;padding:.9rem 1.2rem;color:var(--ink);background:var(--card);border:1.5px solid var(--red-pen);border-radius:.9rem .4rem 1rem .5rem;transform:rotate(-.4deg)}.policy .perms{margin-top:1.5rem}.policy-mail{font-weight:600;font-size:clamp(1.2rem,3vw,1.6rem);overflow-wrap:anywhere}.policy-mail a{text-decoration:underline;text-decoration-color:var(--highlighter);text-decoration-thickness:.4em;text-underline-offset:-.2em;text-decoration-skip-ink:none}.policy-mail a:hover,.policy .colophon a:hover{color:var(--red-pen)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.sketch .ink path{stroke-dashoffset:0;transition:none}.sketch-label{opacity:1;transition:none}.tab{transition:none}}