:root{--paper: #f1ead7;--ink: #141414;--tomato: #ff5a36;--mustard: #ffd23f;--mint: #93e5b4;--sky: #9fd3ff;--pink: #ffb3c7;--shadow: 5px 5px 0 var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 1px);background-size:22px 22px;color:var(--ink);font-family:Space Mono,ui-monospace,Consolas,monospace;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit}code,kbd{background:var(--mustard);border:2px solid var(--ink);padding:0 5px;font-size:.9em;font-family:inherit;white-space:nowrap}kbd{background:#fff;border-bottom-width:4px;border-radius:4px}.scribble{font-family:Caveat Brush,cursive;font-size:1.5rem;line-height:1.2;margin:0}.strip{background:var(--ink);color:var(--mustard);overflow:hidden;white-space:nowrap;font-size:.8rem;padding:6px 0;transform:rotate(-.6deg) scale(1.02);margin-top:4px}.strip span{display:inline-block;animation:slide 40s linear infinite}@keyframes slide{to{transform:translate(-50%)}}.top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;max-width:1100px;margin:0 auto;padding:22px 20px 0}.logo{font-family:Bowlby One,sans-serif;font-size:2rem;text-decoration:none;display:inline-block;transform:rotate(-3deg)}.logo i{color:var(--tomato);font-style:normal;animation:blink 1s steps(1) infinite}.logo.shake{animation:shake .5s}@keyframes blink{50%{opacity:0}}@keyframes shake{20%{transform:rotate(8deg) scale(1.15)}40%{transform:rotate(-9deg)}60%{transform:rotate(6deg) scale(1.1)}to{transform:rotate(-3deg)}}.top nav{display:flex;gap:18px;align-items:center}.top nav a{text-decoration:underline wavy var(--tomato);text-underline-offset:5px;text-decoration-thickness:2px}.top nav a:hover{background:var(--mustard)}.top nav .nav-get{background:var(--ink);color:var(--paper);padding:2px 12px;text-decoration:none;transform:rotate(2deg)}.top nav .nav-get:hover{background:var(--tomato);color:var(--ink)}main{max-width:1100px;margin:0 auto;padding:0 20px}.hero{position:relative;padding:50px 0 80px}.hello{color:var(--tomato);transform:rotate(-2deg);margin-bottom:10px}h1{font-family:Bowlby One,sans-serif;font-weight:400;font-size:clamp(2.6rem,8vw,5.6rem);line-height:.98;margin:0 0 24px;letter-spacing:-1px}h1 em{font-style:normal;background:var(--mustard);padding:0 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline-block;transform:rotate(-1.5deg);border:3px solid var(--ink);box-shadow:var(--shadow);margin-top:8px}.lead{max-width:520px;font-size:1.05rem;margin:0 0 30px}.cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.big{display:inline-block;background:var(--tomato);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:14px 26px;font-family:Bowlby One,sans-serif;font-size:1.4rem;text-decoration:none;transform:rotate(-1.5deg);transition:transform .12s,box-shadow .12s}.big small{display:block;font-family:Space Mono,monospace;font-size:.72rem;margin-top:4px}.big:hover{transform:rotate(1deg) translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.big:active{transform:translate(7px,7px);box-shadow:0 0 0 var(--ink)}.big.alt{background:var(--mint)}.arrow{transform:rotate(3deg)}.term{margin-top:56px;width:min(560px,100%);background:var(--ink);color:#d8ffd0;border:3px solid var(--ink);box-shadow:9px 9px 0 var(--sky);transform:rotate(1.6deg)}@media(min-width:900px){.hero{min-height:760px}.term{position:absolute;right:0;top:410px;margin:0;width:440px}}.term-bar{display:flex;align-items:center;gap:6px;background:var(--paper);border-bottom:3px solid var(--ink);padding:6px 10px;color:var(--ink);font-size:.8rem}.term-bar b{width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:var(--tomato)}.term-bar b:nth-child(2){background:var(--mustard)}.term-bar b:nth-child(3){background:var(--mint)}.term-bar span{margin-left:auto}.term pre{margin:0;padding:14px;min-height:210px;font-family:inherit;font-size:.82rem;white-space:pre-wrap;word-break:break-word}.term pre:after{content:"█";animation:blink 1s steps(1) infinite}.sticker{position:absolute;display:grid;place-items:center;text-align:center;width:92px;height:92px;border:3px solid var(--ink);border-radius:50%;font-family:Caveat Brush,cursive;font-size:1.3rem;line-height:1;box-shadow:3px 3px 0 var(--ink)}.s1{background:var(--pink);right:24px;top:305px;transform:rotate(14deg)}.s2{background:var(--mint);right:-6px;top:690px;transform:rotate(-12deg)}@media(max-width:899px){.sticker{display:none}}h2{font-family:Bowlby One,sans-serif;font-weight:400;font-size:clamp(1.8rem,5vw,3rem);margin:0 0 30px;line-height:1.1}h2 span{background:var(--ink);color:var(--paper);padding:2px 14px;display:inline-block;transform:rotate(-1.5deg)}h2 small{font-family:Caveat Brush,cursive;font-size:1.5rem;font-weight:400;color:var(--tomato)}.what{padding:40px 0 70px}.notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;align-items:start}.note{border:3px solid var(--ink);padding:20px 20px 22px;box-shadow:var(--shadow);transition:transform .15s}.note:hover{transform:rotate(0) scale(1.03);z-index:2}.note h3{font-family:Bowlby One,sans-serif;font-weight:400;font-size:1.25rem;margin:0 0 8px;line-height:1.15}.note p{margin:0;font-size:.92rem}.n1{background:var(--sky);transform:rotate(-1.8deg)}.n2{background:var(--mint);transform:rotate(1.4deg) translateY(18px)}.n3{background:var(--mustard);transform:rotate(-.8deg);grid-column:span 2}.n4{background:var(--pink);transform:rotate(2deg) translateY(-6px)}.n5{background:#fff;transform:rotate(-1.2deg) translateY(10px)}@media(max-width:640px){.n3{grid-column:auto}}.get{padding:20px 0 80px}.get-box{background:#fff;border:3px dashed var(--ink);padding:34px;transform:rotate(.8deg);max-width:720px;margin-left:auto}.get-box h2{margin-bottom:14px}.get-box p{margin:0 0 26px}.get-box .fine{margin:28px 0 0;font-size:.82rem;background:var(--mustard);border:2px solid var(--ink);padding:8px 12px;transform:rotate(-.6deg)}.docs{padding:10px 0 80px}.docs-grid{display:grid;grid-template-columns:190px 1fr;gap:40px;align-items:start}@media(max-width:760px){.docs-grid{grid-template-columns:1fr}}.toc{position:sticky;top:16px;display:flex;flex-direction:column;gap:4px;background:var(--mustard);border:3px solid var(--ink);padding:14px 16px;box-shadow:var(--shadow);transform:rotate(-1.5deg);font-size:.88rem}@media(max-width:760px){.toc{position:static}}.toc b{font-family:Caveat Brush,cursive;font-weight:400;font-size:1.3rem;margin-bottom:2px}.toc a{text-decoration:none}.toc a:before{content:"→ "}.toc a:hover{background:var(--ink);color:var(--mustard)}.doc-body section{background:#fffdf6;border:3px solid var(--ink);padding:8px 24px 12px;margin-bottom:26px;box-shadow:4px 4px #000000d9}.doc-body section:nth-child(odd){transform:rotate(.3deg)}.doc-body section:nth-child(2n){transform:rotate(-.3deg)}.doc-body h3{font-family:Bowlby One,sans-serif;font-weight:400;font-size:1.4rem;margin:14px 0 10px}.doc-body h3:after{content:"";display:block;height:6px;width:70px;background:var(--tomato);margin-top:6px;transform:rotate(-1deg)}.doc-body p,.doc-body li{font-size:.93rem}table{width:100%;border-collapse:collapse;margin:10px 0;font-size:.88rem}td{border-bottom:2px dashed rgba(0,0,0,.35);padding:7px 10px 7px 0;vertical-align:top}td:first-child{width:36%;font-weight:700}.code{background:var(--ink);color:#d8ffd0;padding:14px 16px;overflow-x:auto;font-family:inherit;font-size:.85rem;border:3px solid var(--ink)}footer{border-top:3px solid var(--ink);background:var(--mustard);padding:26px 20px 40px;text-align:center;font-size:.85rem}footer p{margin:4px 0}footer .scribble{font-size:1.2rem;transform:rotate(-1deg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html{overflow-x:hidden}@media(max-width:640px){body{font-size:14px;line-height:1.55}main{padding:0 14px}.strip{font-size:.68rem;padding:4px 0}.top{padding:14px 14px 0;gap:8px}.logo{font-size:1.5rem}.top nav{gap:12px;font-size:.8rem}.top nav .nav-get{padding:1px 8px}.scribble{font-size:1.15rem}.hero{padding:26px 0 36px}h1{font-size:clamp(2rem,10.5vw,2.6rem);margin-bottom:16px}h1 em{padding:0 6px;border-width:2px;box-shadow:3px 3px 0 var(--ink)}.lead{font-size:.9rem;margin-bottom:22px}.cta{gap:12px}.big{font-size:1.05rem;padding:10px 16px;border-width:2px;box-shadow:4px 4px 0 var(--ink);max-width:100%}.big small{font-size:.62rem;word-break:break-all}.term{margin-top:30px;box-shadow:5px 5px 0 var(--sky);border-width:2px;transform:rotate(1deg)}.term-bar{border-bottom-width:2px;padding:4px 8px;font-size:.7rem}.term pre{font-size:.68rem;padding:10px;min-height:150px}h2{font-size:1.5rem;margin-bottom:20px}h2 small{font-size:1.1rem}.what{padding:20px 0 40px}.notes{gap:16px}.note{padding:14px;border-width:2px;box-shadow:3px 3px 0 var(--ink)}.n1,.n2,.n3,.n4,.n5{transform:rotate(-.6deg)}.n2,.n4{transform:rotate(.6deg)}.note h3{font-size:1.05rem}.note p{font-size:.82rem}.get{padding:10px 0 44px}.get-box{padding:18px 14px;border-width:2px;transform:rotate(.3deg)}.get-box p{margin-bottom:18px}.get-box .fine{font-size:.75rem;margin-top:20px}.docs{padding-bottom:44px}.docs-grid{gap:20px}.toc{padding:10px 12px;font-size:.8rem;border-width:2px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-.5deg)}.doc-body section{padding:4px 14px 8px;margin-bottom:18px;border-width:2px;transform:none!important}.doc-body h3{font-size:1.1rem;margin:10px 0 8px}.doc-body p,.doc-body li{font-size:.82rem}code,kbd{white-space:normal;word-break:break-word;font-size:.82em;padding:0 3px}table{font-size:.78rem}td:first-child{width:38%}.code{font-size:.7rem;padding:10px}footer{font-size:.75rem;padding:18px 14px 26px}}
