@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/nunito-latin-400-normal.r8SDr6Up.woff2)format("woff2"),url(/_astro/nunito-latin-400-normal.DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/nunito-latin-600-normal.Br8yIETf.woff2)format("woff2"),url(/_astro/nunito-latin-600-normal.Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/nunito-latin-700-normal.Dort48En.woff2)format("woff2"),url(/_astro/nunito-latin-700-normal.OcDqTBcA.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/caveat-latin-700-normal.D8_1Nw6V.woff2)format("woff2"),url(/_astro/caveat-latin-700-normal.cPyBTTZN.woff)format("woff")}:root{--paper:#fff;--grid:#e3e9f3;--ink:#23324a;--ink-soft:#66738a;--pen:#1f4fb8;--pen-wash:#e8effc;--sheet:#fff;--sheet-line:#e2e6ee;--shadow:0 1px 0 #23324a0d, 0 2px 8px #23324a14;--label:#fffdf2;--on-pen:#fff;--hi:#ffc63c99;--glow-a:#ff6b8b29;--glow-b:#7a9df22e;--glow-c:#ffc63c29;--btn-text:#23324a;--grid-size:22px;color-scheme:light}:root[data-theme=dark]{--paper:#203029;--grid:#ffffff0b;--ink:#eef1ea;--ink-soft:#a9b8ae;--pen:#9ec5ff;--pen-wash:#9ec5ff24;--sheet:#2a3b33;--sheet-line:#ffffff14;--shadow:0 2px 10px #00000040;--label:#2f4239;--on-pen:#14201a;--hi:#ffc63c61;--glow-a:#ff6b8b24;--glow-b:#7a9df224;--glow-c:#ffc63c1a;--btn-text:#1b2a22;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#203029;--grid:#ffffff0b;--ink:#eef1ea;--ink-soft:#a9b8ae;--pen:#9ec5ff;--pen-wash:#9ec5ff24;--sheet:#2a3b33;--sheet-line:#ffffff14;--shadow:0 2px 10px #00000040;--label:#2f4239;--on-pen:#14201a;--hi:#ffc63c61;--glow-a:#ff6b8b24;--glow-b:#7a9df224;--glow-c:#ffc63c1a;--btn-text:#1b2a22;color-scheme:dark}}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;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:var(--grid-size) var(--grid-size);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font:17px/1.6 Nunito,system-ui,sans-serif;display:flex}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(520px 360px at 8% 4%, var(--glow-a), transparent 70%), radial-gradient(560px 380px at 96% 10%, var(--glow-b), transparent 70%), radial-gradient(640px 420px at 60% 100%, var(--glow-c), transparent 70%);position:fixed;inset:0}main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:28px 16px 64px}a{color:var(--pen);text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:2px solid var(--pen);outline-offset:2px}.hand{letter-spacing:.01em;font-family:Caveat,Comic Sans MS,cursive;font-weight:700}.top{z-index:5;background:var(--sheet);border-bottom:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:4px 16px;padding:8px 16px;display:flex;position:sticky;top:0;box-shadow:0 3px #0000}.brand{border-radius:8px;margin-right:auto;display:inline-flex}.brand img{width:auto;height:40px;display:block}.top nav{flex-wrap:wrap;gap:2px 14px;display:flex}.top nav a{color:var(--ink-soft);border-bottom:2px solid #0000;padding:4px 0;font-size:15px;font-weight:700;text-decoration:none}.top nav a:hover{color:var(--ink)}.top nav a[aria-current=page]{color:var(--ink);border-color:#ff6b8b}.theme{width:48px;height:48px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.theme:hover{color:var(--ink);background:var(--pen-wash)}.bulb-on{color:#23324a}.theme:has(.bulb-on){background:radial-gradient(circle,#ffd65a8c,#ffc63c2e 55%,#0000 72%)}:root[data-theme=dark] .theme{background:0 0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme{background:0 0}}.bulb-on{filter:drop-shadow(0 0 5px #ffc63cf2)drop-shadow(0 0 14px #ffaa2899);animation:3.2s ease-in-out infinite glow;overflow:visible}.bulb-on .rays{transform-origin:16px 15px;animation:3.2s ease-in-out infinite rays}.bulb-off{display:none}@keyframes glow{0%,to{filter:drop-shadow(0 0 4px #ffc63cd9)drop-shadow(0 0 10px #ffaa2873)}50%{filter:drop-shadow(0 0 7px #ffd250)drop-shadow(0 0 20px #ffaa28cc)}}@keyframes rays{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}:root[data-theme=dark] .bulb-on{display:none}:root[data-theme=dark] .bulb-off{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .bulb-on{display:none}:root:not([data-theme=light]) .bulb-off{display:block}}:root[data-theme=dark] .brand{background:#fff;padding:2px 8px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand{background:#fff;padding:2px 8px}}.hero,.head{margin:14px 0 32px}.label{background:var(--label);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:20px;padding:30px 28px 28px;animation:.7s cubic-bezier(.2,.8,.2,1) both rise;position:relative}.label:before{content:"";background:var(--tape);width:92px;height:24px;position:absolute;top:-12px;left:36px;transform:rotate(-3deg)}.label h1{margin:0;font-size:44px;line-height:1.05}.hero .label{padding-right:150px}.hero .label h1{font-size:58px}.hero .label h1,.hero .label .lead{position:relative}.lead{color:var(--ink-soft);margin:14px 0 0;font-size:20px}.sticker{border:2px solid var(--ink);aspect-ratio:1;object-fit:contain;width:112px;height:auto;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:50%;padding:12px 10px;animation:6s ease-in-out infinite wobble;position:absolute;top:-26px;right:-14px;transform:rotate(8deg)}.prose>h1{display:none}.prose>p,.prose>ul{max-width:68ch}.prose>p:not(.cta):not(.chips){margin:0 0 14px}.prose .block{background:var(--sheet);border:1px solid var(--sheet-line);box-shadow:var(--shadow);border-radius:6px;margin:40px 0;padding:30px 28px 20px;position:relative}.prose .block:nth-of-type(odd){transform:rotate(-.25deg)}.prose .block:nth-of-type(2n){transform:rotate(.25deg)}.prose .block:before{content:"";background:var(--tape);width:84px;height:22px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-2.5deg)}.prose .block:last-child{background:var(--label);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:20px}.prose h2{background:linear-gradient(transparent 58%, var(--hi) 58%, var(--hi) 90%, transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0;font-family:Caveat,Comic Sans MS,cursive;font-size:42px;font-weight:700;line-height:1.5;display:inline}.prose .block>h2+*{margin-top:18px}.prose p{margin:0 0 14px}.prose strong{font-weight:700}.prose code{background:var(--pen-wash);border-radius:4px;padding:1px 5px;font-size:.9em}.cards{counter-reset:card;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px 18px;margin:0 0 18px;padding:0;list-style:none;display:grid}.cards li{counter-increment:card;background:var(--label);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:16px;padding:36px 18px 16px;font-size:16px;line-height:1.5;transition:transform .15s,box-shadow .15s;position:relative}.cards li:hover{box-shadow:6px 7px 0 var(--ink);transform:translate(-2px,-3px)rotate(-.6deg)}.cards li:before{content:counter(card);border:2px solid var(--ink);color:#23324a;background:linear-gradient(135deg,#ff6b8b,#ffc63c);border-radius:50%;place-items:center;width:36px;height:36px;font:700 22px/1 Caveat,cursive;display:grid;position:absolute;top:-16px;left:16px}.cards strong,.cards a:first-child{color:var(--pen);margin-bottom:4px;font:700 27px/1.1 Caveat,Comic Sans MS,cursive;text-decoration:none;display:block}.ticks{margin:0 0 14px;padding:0;list-style:none}.ticks li{margin-bottom:10px;padding-left:34px;position:relative}.ticks li:before{content:"";border:2px solid var(--ink);background:linear-gradient(135deg,#ff6b8b,#ffc63c);border-radius:50%;width:22px;height:22px;position:absolute;top:3px;left:0}.ticks li:after{content:"";border:2.5px solid #23324a;border-width:0 2.5px 2.5px 0;width:6px;height:10px;position:absolute;top:8px;left:7px;transform:rotate(40deg)scale(.85)}.chips{flex-wrap:wrap;gap:10px;margin:6px 0 26px;display:flex}.chips span{background:var(--sheet);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:5px 14px;font-size:14px;font-weight:700}.cta{margin:24px 0}.cta a{border:2px solid var(--ink);color:var(--btn-text);box-shadow:4px 4px 0 var(--ink);background:linear-gradient(135deg,#ffc63c,#ff6b8b);border-radius:14px;padding:14px 28px;font-size:18px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block;position:relative;overflow:hidden}.cta a:after{content:"";background:linear-gradient(100deg,#0000,#ffffffa6,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-80%;transform:skew(-20deg)}.cta a:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-2px)}.cta a:hover:after{left:130%}.cta a:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.sheet{background:var(--sheet);border:1px solid var(--sheet-line);box-shadow:var(--shadow);border-radius:4px;gap:16px;margin-bottom:24px;padding:22px 20px;display:grid}.sheet label{gap:4px;font-size:15px;font-weight:700;display:grid}.sheet input,.sheet select{font:inherit;color:var(--pen);border:0;border-bottom:2px dotted var(--ink-soft);background:0 0;border-radius:0;padding:6px 2px;font-weight:600}.sheet input:focus,.sheet select:focus{border-bottom-style:solid;border-color:var(--pen);outline:none}.go{border:2px solid var(--ink);width:100%;color:var(--btn-text);font:inherit;box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:linear-gradient(135deg,#ffc63c,#ff6b8b);border-radius:12px;padding:12px;font-weight:800}.foot{background:var(--sheet);border-top:2px solid var(--ink);color:var(--ink-soft);flex-direction:column;align-items:center;gap:4px;padding:16px;font-size:14px;display:flex}.foot nav{flex-wrap:wrap;justify-content:center;gap:4px 18px;display:flex}.foot a{color:var(--ink-soft);font-weight:600;text-decoration:none}.foot a:hover{color:var(--ink);text-decoration:underline}.foot p{margin:0}.foot-mark{width:auto;height:34px}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes wobble{0%,to{transform:rotate(8deg)}50%{transform:rotate(3deg)translateY(-4px)}}@supports (animation-timeline:view()){.prose .block{animation:linear both rise view();animation-range:entry entry 30%}}@media (prefers-reduced-motion:reduce){.label,.sticker,.prose .block,.bulb-on,.bulb-on .rays{animation:none}*{transition:none!important}}@media (width<=640px){body{font-size:16px}.label{box-shadow:5px 5px 0 var(--ink);padding:24px 18px 20px}.label h1{font-size:34px}.hero .label{padding-top:52px;padding-right:18px}.hero .label h1{font-size:38px}.sticker{width:88px;top:-30px;right:12px}.lead{font-size:17px}.prose .block{margin:36px 0;padding:26px 16px 12px}.prose h2{font-size:34px}.brand img{height:34px}}
