@import "https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Kalam:wght@700&family=Patrick+Hand&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--container-5xl:64rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--leading-tight:1.25;--default-font-family:"Patrick Hand", "Comic Sans MS", cursive;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.top-1{top:calc(var(--spacing) * 1)}.top-8{top:calc(var(--spacing) * 8)}.top-16{top:calc(var(--spacing) * 16)}.top-36{top:calc(var(--spacing) * 36)}.-right-2{right:calc(var(--spacing) * -2)}.-left-8{left:calc(var(--spacing) * -8)}.-left-\[39px\]{left:-39px}.left-\[16\%\]{left:16%}.z-10{z-index:10}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-6{height:calc(var(--spacing) * 6)}.h-9{height:calc(var(--spacing) * 9)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-28{height:calc(var(--spacing) * 28)}.min-h-36{min-height:calc(var(--spacing) * 36)}.min-h-screen{min-height:100vh}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-\[68\%\]{width:68%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.-rotate-1{rotate:-1deg}.-rotate-2{rotate:-2deg}.rotate-1{rotate:1deg}.rotate-6{rotate:6deg}.grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-9>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent{border-color:var(--accent)}.border-foreground{border-color:var(--foreground)}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-muted{background-color:var(--muted)}.bg-paper{background-color:var(--paper)}.bg-post-it{background-color:var(--post-it)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.font-heading{font-family:Kalam,Patrick Hand,cursive}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.break-words{overflow-wrap:break-word}.text-foreground{color:var(--foreground)}.text-white{color:var(--color-white)}@media (width>=40rem){.sm\:flex-row{flex-direction:row}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:block{display:block}.md\:flex{display:flex}.md\:scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[0\.92fr_1\.08fr\]{grid-template-columns:.92fr 1.08fr}.md\:grid-cols-\[1\.02fr_0\.98fr\]{grid-template-columns:1.02fr .98fr}.md\:grid-cols-\[1fr_0\.92fr\]{grid-template-columns:1fr .92fr}.md\:gap-12{gap:calc(var(--spacing) * 12)}:where(.md\:space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-9{padding:calc(var(--spacing) * 9)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:py-6{padding-block:calc(var(--spacing) * 6)}.md\:py-14{padding-block:calc(var(--spacing) * 14)}.md\:pt-14{padding-top:calc(var(--spacing) * 14)}.md\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-\[1\.4rem\]{font-size:1.4rem}.md\:text-\[1\.7rem\]{font-size:1.7rem}.md\:text-\[1\.35rem\]{font-size:1.35rem}.md\:text-\[2\.15rem\]{font-size:2.15rem}.md\:leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.md\:leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fdfbf7;--foreground:#2d2d2d;--muted:#e5e0d8;--background-dot:#e5e0d8;--accent:#ff4d4d;--secondary-accent:#2d5da1;--paper:#fff;--post-it:#fff9c4;--paper-fiber:#2d2d2d09;--background-sheen:#ffffff2e;--placeholder:#2d2d2d73;--radius-wobbly:42px 34px 48px 30px / 28px 46px 32px 44px;--radius-wobbly-md:28px 22px 34px 20px / 20px 32px 24px 30px;--shadow-hard:4px 4px 0px 0px var(--foreground);--shadow-hard-lg:7px 7px 0px 0px var(--foreground);--paper-shadow:4px 4px 0px 0px #2d2d2d2e}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#231f1a;--foreground:#f7ecd8;--muted:#4a4036;--background-dot:#f7ecd826;--accent:#ff7070;--secondary-accent:#91bcff;--paper:#342d26;--post-it:#746632;--paper-fiber:#f7ecd80b;--background-sheen:#fff4e00e;--placeholder:#f7ecd885;--paper-shadow:4px 4px 0px 0px #f7ecd833}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--background);background-image:linear-gradient(180deg, var(--background-sheen), transparent 42rem), radial-gradient(var(--background-dot) 1px, transparent 1px);min-height:100vh;color:var(--foreground);background-position:0 0,4px 4px;background-size:100% 100%,28px 28px;font-family:Patrick Hand,Comic Sans MS,cursive;font-size:20px;transition:background-color .18s,color .18s}::selection{background:var(--post-it);color:var(--foreground)}h1,h2,h3,.font-heading{letter-spacing:0;font-family:Kalam,Patrick Hand,cursive;font-weight:700}.brand-wordmark{letter-spacing:0;text-underline-offset:8px;font-family:Caveat Brush,Kalam,cursive;font-weight:400;text-decoration-thickness:3px;transform:rotate(-1deg)}.wobbly{border-radius:var(--radius-wobbly)}.wobbly-md{border-radius:var(--radius-wobbly-md)}.shadow-hard{box-shadow:var(--shadow-hard)}.shadow-hard-lg{box-shadow:var(--shadow-hard-lg)}.hand-button{border:3px solid var(--foreground);border-radius:var(--radius-wobbly);background:var(--paper);min-height:48px;box-shadow:var(--shadow-hard);color:var(--foreground);transition:transform .1s,box-shadow .1s,background-color .1s,color .1s}.hand-button:hover{background:var(--accent);box-shadow:2px 2px 0px 0px var(--foreground);color:#fff;transform:translate(2px,2px)rotate(-1deg)}.hand-button:active{box-shadow:none;transform:translate(4px,4px)rotate(-1deg)}.hand-button:focus-visible,.hand-input:focus-visible,a:focus-visible{outline:3px dashed var(--secondary-accent);outline-offset:5px}.hand-button-secondary:hover{background:var(--secondary-accent)}.hand-card{isolation:isolate;border:2px solid var(--foreground);border-radius:var(--radius-wobbly-md);background-color:var(--paper);background-image:linear-gradient(105deg, #ffffff14, transparent 34%), radial-gradient(var(--paper-fiber) .9px, transparent .9px);box-shadow:var(--paper-shadow);background-size:auto,17px 17px;transition:transform .14s,box-shadow .14s,background-color .18s;position:relative}.hand-card:after{z-index:0;content:"";pointer-events:none;border:1px dashed #2d2d2d1f;border-radius:24px 18px 30px/18px 28px 20px 26px;position:absolute;inset:7px}.hand-card>*{z-index:1;position:relative}[data-theme=dark] .hand-card:after{border-color:#f6ead824}.tape{position:relative}.tape:before{content:"";background:#e5e0d8c7;border:1px dashed #2d2d2d47;width:96px;height:26px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-2deg)}[data-theme=dark] .tape:before{background:#60554ad1;border-color:#f6ead847}.tack{position:relative}.tack:before{content:"";background:var(--accent);border:3px solid var(--foreground);width:28px;height:28px;box-shadow:2px 2px 0px 0px var(--foreground);border-radius:999px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.hand-input{border:2px solid var(--foreground);border-radius:var(--radius-wobbly);background:var(--paper);width:100%;color:var(--foreground);font:inherit;transition:border-color .12s,box-shadow .12s,background-color .18s}.hand-input::placeholder{color:var(--placeholder)}.hand-input:focus{border-color:var(--secondary-accent);outline:none;box-shadow:0 0 0 4px #2d5da129}.sketch-line{stroke:var(--foreground);stroke-linecap:round;stroke-linejoin:round}.sketch-underline{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:7px}.float-sketch{animation:4.2s ease-in-out infinite float-sketch}.scribble-hover{transition:transform .14s,box-shadow .14s}.scribble-hover:hover{box-shadow:6px 6px 0px 0px var(--foreground);transform:translate(-1px,-2px)rotate(-.45deg)}.floating-tools{z-index:50;gap:12px;display:grid;position:fixed;bottom:18px;right:18px}.icon-paper-button{border:3px solid var(--foreground);border-radius:var(--radius-wobbly);background:var(--paper);width:52px;height:52px;box-shadow:var(--shadow-hard);color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s,background-color .16s,color .16s,opacity .16s;display:inline-flex}.icon-paper-button:hover{background:var(--post-it);box-shadow:2px 2px 0px 0px var(--foreground);transform:translate(2px,2px)rotate(-2deg)}.icon-paper-button:active{box-shadow:none;transform:translate(4px,4px)rotate(-2deg)}.icon-paper-button:focus-visible{outline:3px dashed var(--secondary-accent);outline-offset:5px}.scroll-top-button{opacity:0;pointer-events:none;transform:translateY(8px)rotate(1deg)}.scroll-top-button.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)rotate(1deg)}@keyframes float-sketch{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}