@font-face{font-family:Gochi Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gochi-hand-latin-400-normal-D3Iu69dp.woff2)format("woff2"),url(/assets/gochi-hand-latin-400-normal-DC0_N7qt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fdfcf8;--paper-2:#f3f1e8;--ink:#151515;--ink-2:#4b4a46;--ink-3:#8b8982;--dot:#15151517;--rule:#1515151c;--stroke:2.5px;--shadow-sm:2px 2px 0 var(--ink);--shadow:4px 4px 0 var(--ink);--shadow-lg:7px 7px 0 var(--ink);--wobble-a:255px 15px 225px 15px / 15px 225px 15px 255px;--wobble-b:15px 225px 15px 255px / 255px 15px 225px 15px;--wobble-c:22px 190px 18px 210px / 200px 20px 210px 18px;--font-hand:"Patrick Hand", "Chalkboard SE", "Comic Neue", "Comic Sans MS", cursive;--font-display:"Gochi Hand", "Patrick Hand", "Chalkboard SE", cursive;--radius-blob:48% 52% 46% 54% / 55% 45% 55% 45%;--page:min(1080px, 100% - 32px);--marker:#ffe45c;--marker-ink:#151515;--story-width:680px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#131312;--paper-2:#1d1d1b;--ink:#f4f1e8;--ink-2:#c3c0b6;--ink-3:#8a877e;--dot:#f4f1e814;--rule:#f4f1e81a;--marker:#facc1566;--marker-ink:currentColor;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--paper);background-image:radial-gradient(var(--dot) 1.2px, transparent 1.3px);min-height:100dvh;color:var(--ink);font-family:var(--font-hand);-webkit-font-smoothing:antialiased;background-size:22px 22px;margin:0;font-size:19px;line-height:1.35;overflow-x:hidden}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:400;line-height:1.05}h1{font-size:clamp(42px,8vw,76px)}h2{font-size:clamp(30px,5vw,42px)}h3{font-size:26px}p{margin:0}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}img,video,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2.5px dashed var(--ink);outline-offset:4px}code{background:var(--paper-2);border-radius:5px;padding:0 5px;font-family:inherit}::selection{background:var(--ink);color:var(--paper)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{width:var(--page);margin-inline:auto}.stack{gap:var(--gap,16px);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap,12px);flex-wrap:wrap;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.center{text-align:center;align-items:center}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:16px}.tiny{font-size:14px}.grow{flex:1;min-width:0}.card{background:var(--paper);border:var(--stroke) solid var(--ink);border-radius:var(--wobble-a);box-shadow:var(--shadow);padding:22px;position:relative}.card.alt{border-radius:var(--wobble-b)}.card.flat{box-shadow:none}.card.tilt-l{rotate:-.6deg}.card.tilt-r{rotate:.5deg}.card.dashed{box-shadow:none;border-style:dashed}.tape:before{content:"";background:repeating-linear-gradient(45deg, var(--ink) 0 2px, transparent 2px 7px);border:2px solid var(--ink);opacity:.85;background-color:var(--paper);width:92px;height:26px;position:absolute;top:-14px;left:50%;translate:-50%;rotate:-3deg}.btn{--btn-bg:var(--paper);--btn-fg:var(--ink);border:var(--stroke) solid var(--ink);border-radius:var(--wobble-a);background:var(--btn-bg);min-height:48px;color:var(--btn-fg);box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:8px 22px;font-size:20px;line-height:1;text-decoration:none;transition:translate 80ms,box-shadow 80ms,rotate .15s;display:inline-flex}.btn:hover{box-shadow:5px 5px 0 var(--ink);translate:-1px -1px}.btn:active{box-shadow:1px 1px 0 var(--ink);translate:3px 3px}.btn.primary{--btn-bg:var(--ink);--btn-fg:var(--paper)}.btn.ghost{box-shadow:none;border-style:dashed}.btn.ghost:hover{box-shadow:none;translate:none;rotate:-1deg}.btn.ghost:active{translate:1px 1px}.btn.small{min-height:38px;box-shadow:var(--shadow-sm);padding:6px 14px;font-size:17px}.btn.small:hover{box-shadow:3px 3px 0 var(--ink)}.btn.icon{border-radius:var(--radius-blob);width:44px;min-height:44px;padding:0}.btn.big{min-height:60px;font-size:26px;font-family:var(--font-display);padding:12px 30px}.btn.wide{width:100%}.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;opacity:.45;box-shadow:var(--shadow-sm);translate:none}.linkish{cursor:pointer;text-underline-offset:3px;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:2px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-2);font-size:17px}.input{border:var(--stroke) solid var(--ink);border-radius:var(--wobble-b);background:var(--paper);width:100%;min-height:50px;box-shadow:inset 2px 2px 0 var(--rule);padding:10px 16px;font-size:21px}.input::placeholder,.notebook::placeholder{color:var(--ink-3)}.input.code{letter-spacing:.4em;text-align:center;font-size:30px;font-family:var(--font-display)}.notebook{--line-h:34px;width:100%;min-height:calc(var(--line-h) * 5 + 16px);resize:vertical;border:var(--stroke) solid var(--ink);border-radius:var(--wobble-c);background:linear-gradient(90deg, transparent 38px, var(--ink-3) 38px, var(--ink-3) 39.5px, transparent 39.5px), repeating-linear-gradient(to bottom, transparent 0 calc(var(--line-h) - 1.5px), var(--rule) calc(var(--line-h) - 1.5px) var(--line-h));background-position:0 6px;background-color:var(--paper);line-height:var(--line-h);box-shadow:var(--shadow);padding:8px 18px 8px 54px;font-size:23px}.notebook:focus-visible{box-shadow:var(--shadow-lg);outline:none;translate:-1px -2px}.chip{border:var(--stroke) dashed var(--ink);background:var(--paper);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px 940px 999px 960px/960px 999px 940px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:18px;transition:rotate .15s,translate 80ms;display:inline-flex}.chip:hover{rotate:-1.5deg}.chip.on{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-sm);border-style:solid}.chip.warn{border-style:solid}.chip[aria-disabled=true]{opacity:.5;cursor:not-allowed}.badge{border:2px solid var(--ink);border-radius:var(--wobble-b);white-space:nowrap;align-items:center;gap:4px;padding:1px 10px;font-size:15px;line-height:1.3;display:inline-flex}.badge.solid{background:var(--ink);color:var(--paper)}.sticker{background:var(--paper);border:var(--stroke) solid var(--ink);border-radius:var(--wobble-a);box-shadow:var(--shadow-sm);font-family:var(--font-display);padding:4px 14px;font-size:20px;display:inline-block;rotate:-4deg}.sticker.solid{background:var(--ink);color:var(--paper)}.avatar{width:var(--size,40px);height:var(--size,40px);border-radius:var(--radius-blob);background:var(--paper-2);color:var(--ink);font-family:var(--font-display);font-size:calc(var(--size,40px) * .5);border:2px solid;flex:none;place-items:center;display:grid;position:relative}.avatar img{object-fit:cover;border-radius:inherit;filter:grayscale()contrast(1.1);width:100%;height:100%}.avatar .net{width:max(18px, calc(var(--size,40px) * .46));height:max(18px, calc(var(--size,40px) * .46));border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:50%;padding:2px;position:absolute;bottom:-5px;right:-5px}.tray{flex-wrap:wrap;gap:18px;padding:6px 4px 10px;display:flex}.polaroid{background:var(--paper);border:2px solid var(--ink);width:132px;box-shadow:var(--shadow-sm);rotate:var(--tilt,-2deg);padding:8px 8px 28px;transition:rotate .2s;position:relative}.polaroid:nth-child(2n){--tilt:2deg}.polaroid:nth-child(3n){--tilt:-1deg}.polaroid:hover{rotate:0deg}.polaroid .shot{aspect-ratio:1;object-fit:cover;background:var(--paper-2);border:1.5px solid var(--ink);width:100%}.polaroid .caption{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:14px;position:absolute;bottom:4px;left:8px;right:8px;overflow:hidden}.polaroid .remove{border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:50%;place-items:center;width:30px;height:30px;padding:5px;display:grid;position:absolute;top:-12px;right:-12px}.polaroid .kind{background:var(--ink);color:var(--paper);border-radius:8px;padding:0 7px;font-size:13px;position:absolute;top:14px;left:14px}.add-media{border:var(--stroke) dashed var(--ink);border-radius:var(--wobble-b);cursor:pointer;text-align:center;background:0 0;place-items:center;gap:4px;width:132px;min-height:160px;padding:10px;font-size:17px;display:grid}.add-media:hover{rotate:1deg}.dropzone-active{outline:3px dashed var(--ink);outline-offset:8px}.progress{border:2px solid var(--ink);border-radius:var(--wobble-b);background:var(--paper);height:16px;overflow:hidden}.progress>span{height:100%;width:var(--value,0%);background:repeating-linear-gradient(-45deg, var(--ink) 0 5px, transparent 5px 9px);border-right:2px solid var(--ink);transition:width .4s;animation:.9s linear infinite hatch;display:block}@keyframes hatch{to{background-position:25px 0}}.spin{animation:1.1s linear infinite spin}@keyframes spin{to{rotate:360deg}}.bob{animation:2.4s ease-in-out infinite bob}@keyframes bob{50%{translate:0 -6px;rotate:2deg}}.topbar{z-index:20;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px solid var(--ink);padding:12px 0;position:sticky;top:0}.topbar .page{align-items:center;gap:12px;display:flex}.wordmark{font-family:var(--font-display);align-items:center;gap:8px;font-size:32px;line-height:1;text-decoration:none;display:inline-flex}.navlinks{gap:6px;margin-left:auto;display:flex}.navlink{border-radius:var(--wobble-a);border:2px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-size:19px;text-decoration:none;display:inline-flex}.navlink:hover{border-color:var(--ink);border-style:dashed}.navlink[aria-current=page]{border-color:var(--ink);background:var(--ink);color:var(--paper);border-style:solid}.tabbar{display:none}@media (max-width:720px){body{font-size:18px}.navlinks{display:none}.tabbar{z-index:30;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));background:var(--paper);border:var(--stroke) solid var(--ink);border-radius:var(--wobble-a);box-shadow:var(--shadow);justify-content:space-around;padding:6px;display:flex;position:fixed}.tabbar a{border-radius:var(--wobble-b);flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:4px 6px;font-size:14px;text-decoration:none;display:flex}.tabbar a[aria-current=page]{background:var(--ink);color:var(--paper)}.app-main{padding-bottom:110px}.card{padding:18px}}.app-main{padding-top:26px;padding-bottom:60px}.overlay{z-index:50;background:color-mix(in srgb, var(--paper) 55%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto}.toasts{z-index:60;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;width:min(440px,100% - 32px);display:flex;position:fixed;translate:-50%}@media (max-width:720px){.toasts{bottom:calc(100px + env(safe-area-inset-bottom))}}.toast{background:var(--ink);color:var(--paper);border-radius:var(--wobble-a);box-shadow:4px 4px 0 var(--ink-3);padding:12px 18px;font-size:18px;animation:.25s ease-out pop}@keyframes pop{0%{opacity:0;translate:0 14px;scale:.96}}.camera{z-index:70;color:#f4f1e8;background:#0d0d0d;flex-direction:column;display:flex;position:fixed;inset:0}.camera video{object-fit:contain;background:#000;flex:1;width:100%;min-height:0}.camera video.mirror{scale:-1 1}.camera .controls{padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-top:2px solid #f4f1e8;justify-content:space-around;align-items:center;display:flex}.shutter{cursor:pointer;background:0 0;border:4px solid #f4f1e8;border-radius:50%;place-items:center;width:78px;height:78px;display:grid}.shutter>span{background:#f4f1e8;border-radius:50%;width:58px;height:58px;transition:border-radius .2s,scale .2s}.shutter.recording>span{border-radius:10px;scale:.55}.camera .modes{justify-content:center;gap:8px;padding:12px;display:flex}.camera .modes button{color:inherit;border-radius:var(--wobble-a);cursor:pointer;background:0 0;border:2px solid #0000;padding:4px 14px;font-size:18px}.camera .modes button[aria-pressed=true]{border-color:#f4f1e8}.camera .round{width:52px;height:52px;color:inherit;cursor:pointer;background:0 0;border:2px solid #f4f1e8;border-radius:50%;place-items:center;padding:12px;display:grid}.rec-dot{background:#f4f1e8;border-radius:50%;width:12px;height:12px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.post-card .thumbs{gap:8px;display:flex}.post-card .thumbs img{object-fit:cover;border:2px solid var(--ink);border-radius:var(--wobble-b);width:64px;height:64px}.post-card .text{white-space:pre-wrap;overflow-wrap:anywhere}.target-line{border-top:2px dashed var(--rule);align-items:center;gap:10px;padding:8px 0;display:flex}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:56px 0 40px;display:grid}@media (max-width:860px){.hero{text-align:center;grid-template-columns:1fr;padding-top:32px}.hero .row{justify-content:center}}.squiggle{white-space:nowrap;display:inline-block;position:relative}.squiggle:after{content:"";background:var(--ink);height:.28em;position:absolute;bottom:-.12em;left:-3%;right:-3%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 13 C 30 4, 52 18, 80 10 S 130 3, 158 11 S 190 14, 197 7' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 13 C 30 4, 52 18, 80 10 S 130 3, 158 11 S 190 14, 197 7' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.steps{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.pricing{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;display:grid}@media (max-width:760px){.steps,.pricing{grid-template-columns:1fr}}.step-num{border:var(--stroke) solid var(--ink);border-radius:var(--radius-blob);width:46px;height:46px;font-family:var(--font-display);place-items:center;font-size:26px;display:grid}.ticks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ticks li{align-items:flex-start;gap:10px;display:flex}.ticks svg{flex:none;width:22px;height:22px;margin-top:2px}.price{font-family:var(--font-display);font-size:46px;line-height:1}.section{padding:46px 0}.footer{border-top:2px dashed var(--rule);margin-top:30px;padding:30px 0 40px}.prose{max-width:720px}.prose h2{margin:28px 0 10px;font-size:32px}.prose p,.prose li{color:var(--ink-2);margin-bottom:10px}.font-serif{font-family:Charter,Bitstream Charter,Iowan Old Style,Georgia,serif}.font-sans{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.font-hand{font-family:Patrick Hand,Comic Sans MS,cursive}.font-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.flip-x{scale:-1 1}.clamp-2,.clamp-3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-3{-webkit-line-clamp:3;line-clamp:3}.pre-line{white-space:pre-line}.menu{display:inline-flex;position:relative}.menu-list{z-index:40;min-width:210px;box-shadow:var(--shadow);color:var(--ink);flex-direction:column;gap:2px;padding:6px;animation:.15s ease-out pop;display:flex;position:absolute;top:calc(100% + 8px);right:0}.menu-item{border-radius:var(--wobble-b);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:2px dashed #0000;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:18px;display:flex}.menu-item:hover,.menu-item:focus-visible{border-color:var(--ink);outline:none}.story-row{align-items:flex-start;gap:12px;display:flex}.story-row-link{min-width:0;color:inherit;flex:1;text-decoration:none}.story-row-link h3{overflow-wrap:anywhere}.story-row-link:hover h3{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.story-card-cover{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--ink);border-radius:var(--wobble-b);width:100%}.small-chip{padding:3px 14px;font-size:17px}.writer{max-width:900px;margin-inline:auto}.writer-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.save-state{min-width:70px;color:var(--ink-3)}.save-state.error{color:var(--ink)}.font-picker{--gap:8px;border-bottom:2px dashed var(--rule);margin:18px 0 8px;padding-bottom:14px}.story-sheet{max-width:var(--story-width);margin:26px auto 0;position:relative}.story-title-input,.story-subtitle-input{resize:none;background:0 0;border:0;outline:none;width:100%;padding:0;display:block;overflow:hidden}.story-title-input{letter-spacing:-.01em;font-size:clamp(32px,6vw,46px);font-weight:700;line-height:1.15}.story-subtitle-input{color:var(--ink-2);margin-top:8px;font-size:22px;line-height:1.35}.story-title-input::placeholder,.story-subtitle-input::placeholder{color:var(--ink-3)}.story-sheet .tiptap{outline:none;min-height:320px;margin-top:26px}.story-body .is-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--ink-3)}.story-body img.ProseMirror-selectednode{outline:3px solid var(--ink);outline-offset:3px}.bubble{background:var(--ink);color:var(--paper);border-radius:var(--wobble-a);box-shadow:3px 3px 0 var(--ink-3);z-index:35;font-family:var(--font-hand);align-items:center;gap:2px;padding:4px;display:flex}.bubble button,.bubble .menu>button{min-width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0 6px;font-size:19px;display:inline-grid}.bubble button:hover,.bubble .menu>button:hover{background:color-mix(in srgb, var(--paper) 18%, transparent)}.bubble button.on,.bubble .menu>button.on{background:var(--paper);color:var(--ink)}.bubble .small-h{font-size:14px}.bubble-sep{background:var(--paper);opacity:.3;width:2px;height:22px;margin:0 3px}.bubble .menu-list{top:calc(100% + 10px)}.bubble .menu-list .menu-item{place-items:initial;border-radius:var(--wobble-b);height:auto;color:var(--ink);display:flex}.bubble .menu-list .menu-item:hover{background:0 0}.plus-menu{z-index:30;align-items:center;gap:6px;display:flex}.plus-menu button{border:2px solid var(--ink);background:var(--paper);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:16px;display:grid}.plus-menu .plus svg{transition:rotate .15s}.plus-menu .plus.open svg{rotate:45deg}.plus-items{background:var(--paper);border-radius:999px;gap:6px;padding:4px;display:flex}.plus-items button{border-style:dashed}.plus-items button:hover{border-style:solid}.story-body{overflow-wrap:break-word;font-size:20px;line-height:1.7}.story-body>*+*{margin-top:0}.story-body p{margin:0 0 1.05em}.story-body h2,.story-body h3{margin:1.5em 0 .5em;font-family:inherit;font-weight:700;line-height:1.2}.story-body h2{font-size:1.55em}.story-body h3{font-size:1.25em}.story-body a{text-decoration-thickness:1.5px}.story-body blockquote{border-left:3px solid var(--ink);color:var(--ink-2);margin:0 0 1.05em;padding:2px 0 2px 20px;font-style:italic}.story-body blockquote p:last-child{margin-bottom:0}.story-body ul,.story-body ol{margin:0 0 1.05em;padding-left:1.5em}.story-body li p{margin-bottom:.35em}.story-body code,.story-body pre{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.story-body code{background:var(--paper-2);border-radius:5px;padding:1px 5px;font-size:.85em}.story-body pre{border:2px solid var(--ink);background:var(--paper-2);border-radius:10px;margin:0 0 1.2em;padding:14px 18px;font-size:15px;line-height:1.55;overflow-x:auto}.story-body pre code{font-size:inherit;background:0 0;padding:0}.story-body figure{margin:1.4em 0}.story-body img{border-radius:6px;max-width:100%;height:auto;margin:1.4em auto;display:block}.story-body figure img{margin:0 auto}.story-body hr{text-align:center;border:0;margin:2em 0;overflow:visible}.story-body hr:after{content:"· · ·";letter-spacing:.5em;color:var(--ink-3);font-size:26px}.story-body mark{background:linear-gradient(100deg, transparent .2em, var(--marker) .2em, var(--marker) calc(100% - .2em), transparent calc(100% - .2em));color:var(--marker-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.3em .6em .35em .5em;margin:0 -.1em;padding:.05em .25em}.story-body mark.reader-hl{cursor:pointer;text-underline-offset:4px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-decoration-thickness:1.5px}.story-body mark.reader-hl mark,.story-body mark mark.reader-hl{margin:0;padding:0}.reader-wrap{position:relative}.reader{max-width:var(--story-width);margin-inline:auto}.reader .story-title{letter-spacing:-.01em;overflow-wrap:anywhere;font-family:inherit;font-size:clamp(34px,7vw,50px);font-weight:700;line-height:1.12}.reader .story-subtitle{color:var(--ink-2);margin-top:10px;font-size:22px;line-height:1.4}.story-meta{font-family:var(--font-hand);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:22px;font-size:18px;display:flex}.author-chip{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.author-chip:hover{text-decoration:underline}.reader-actions{border-block:2px dashed var(--rule);font-family:var(--font-hand);margin:18px 0 30px;padding:12px 0}.reader-tip{font-family:var(--font-hand);margin-top:20px}.reader-cta{max-width:var(--story-width);margin:44px auto 0}.reader-pop{z-index:30;background:var(--ink);color:var(--paper);border-radius:var(--wobble-a);box-shadow:3px 3px 0 var(--ink-3);white-space:nowrap;gap:2px;padding:4px;animation:.15s ease-out pop;display:flex;position:absolute;translate:-50% -100%}.reader-pop.below{translate:-50%}.reader-pop button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:17px;display:inline-flex}.reader-pop button:hover{background:color-mix(in srgb, var(--paper) 18%, transparent)}.author-head h2{overflow-wrap:anywhere}.key-list{margin:0;padding:0;list-style:none}.key-list li{border-top:2px dashed var(--rule);flex-wrap:nowrap;padding:10px 0}.key-reveal{border:2px dashed var(--ink);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:10px;padding:12px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px;display:block}@media (max-width:720px){.story-body{font-size:19px}.reader-pop button{padding:6px 9px;font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.docs table{border-collapse:collapse;width:100%;font-size:17px}.docs td{border-top:1.5px dashed var(--rule);vertical-align:top;padding:8px 10px 8px 0}.docs td:first-child{white-space:nowrap}.docs code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82em}.code-block{position:relative}.code-block pre{background:var(--paper-2,transparent);border:2px solid;border-radius:12px;margin:0;padding:14px 96px 14px 16px;font-size:15px;line-height:1.5;overflow-x:auto}.code-block pre code{font-size:1em}.code-block>.btn{position:absolute;top:8px;right:8px}@media (max-width:640px){.docs td:first-child{white-space:normal;word-break:break-word}}@media (min-width:721px) and (max-width:980px){.navlinks .navlabel{display:none}.navlinks .navlink{padding:6px 10px}}@media (max-width:720px){.tabbar{gap:2px;padding:5px 4px;left:8px;right:8px}.tabbar a{white-space:nowrap;flex:1 1 0;min-width:0;padding:4px 2px;font-size:13px}}@media (max-width:560px){.hide-narrow{display:none!important}.topbar .wordmark{font-size:26px}.topbar .navlink{padding:6px 8px;font-size:17px}.topbar .navlink svg{display:none}}.make-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.make-card{color:inherit;font:inherit;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:8px;transition:translate 80ms,box-shadow 80ms;display:flex}.make-card:nth-child(2){border-radius:var(--wobble-b)}.make-card:hover{box-shadow:var(--shadow-lg);translate:-1px -1px}.make-card:active{box-shadow:1px 1px 0 var(--ink);translate:3px 3px}.make-title{font-family:var(--font-display);font-size:28px;line-height:1.1}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.recent-card{color:inherit;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;text-decoration:none;display:flex}.recent-card:hover{border-style:dashed}.recent-title{font-size:21px;line-height:1.2}@media (max-width:720px){.make-cards{grid-template-columns:1fr;gap:14px}.make-card{grid-template-columns:auto 1fr;align-items:center;gap:2px 14px;padding:14px 16px;display:grid}.make-card>svg{grid-row:span 2}.make-title{font-size:24px}}.drawing-thumb{border:2px solid var(--ink);background:repeating-conic-gradient(var(--paper-2) 0 25%, var(--paper) 0 50%) 0 0 / 16px 16px;border-radius:8px;width:100%;max-height:220px;display:block;overflow:hidden}.drawing-thumb img{object-fit:contain;width:100%;height:100%;display:block}.drawing-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;display:grid}.drawing-grid.small-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.drawing-card{color:inherit;font:inherit;text-align:left;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex;position:relative}button.drawing-card{cursor:pointer}button.drawing-card:hover{border-style:dashed}.drawing-card-link{width:100%;color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.drawing-card-title{overflow-wrap:anywhere;padding-right:34px;font-size:19px;line-height:1.2}button.drawing-card .drawing-card-title{padding-right:0}.drawing-card-delete{width:36px;min-height:36px;position:absolute;bottom:8px;right:8px}.size-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.size-option{border:var(--stroke) solid var(--ink);border-radius:var(--wobble-b);background:var(--paper);color:inherit;font:inherit;cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.size-option:hover{box-shadow:3px 3px 0 var(--ink);translate:-1px -1px}.size-option[disabled]{opacity:.6;cursor:wait}.size-shape{border:2px dashed var(--ink);border-radius:6px;place-items:center;max-width:100%;height:84px;margin-bottom:4px;display:grid}.pick-row{border:2px dashed var(--rule);border-radius:var(--wobble-a);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:10px 14px;display:flex}.pick-row:hover{border-color:var(--ink)}.next-head{color:var(--ink-2);margin:0;font-size:17px;font-weight:400}.studio{flex-direction:column;gap:10px;height:calc(100dvh - 150px);min-height:420px;display:flex}.studio.modal{height:100%;min-height:0}.studio-sheet{flex-direction:column;width:min(1200px,100%);height:calc(100dvh - 32px);padding:14px;display:flex}.studio-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-title{flex:0 280px;min-width:120px;min-height:40px;padding:4px 12px;font-size:19px}.studio-tools{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.tool-group{align-items:center;gap:4px;display:flex}.tool{border:2px solid var(--ink);border-radius:var(--wobble-a);background:var(--paper);min-width:38px;min-height:38px;color:var(--ink);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:4px 10px;font-size:17px;display:inline-flex}.tool:hover{border-style:dashed}.tool.on{background:var(--ink);color:var(--paper);border-style:solid}.tool[disabled]{opacity:.4;cursor:not-allowed}.tool.size{padding:4px}.tool .dot{background:currentColor;border-radius:50%;display:block}.swatches{gap:6px}.swatch{border:2px solid var(--ink);cursor:pointer;border-radius:50%;width:30px;height:30px;padding:0}.swatch.on{outline:3px solid var(--ink);outline-offset:2px}.studio-stage{flex:1;place-items:center;min-height:0;display:grid;position:relative}.studio-canvas{border:var(--stroke) solid var(--ink);box-shadow:var(--shadow);background:#fdfcf8;position:relative}.studio-canvas.see-through{background:repeating-conic-gradient(#ebe9e1 0 25%, #fdfcf8 0 50%) 0 0 / 20px 20px}.studio-canvas canvas{display:block;position:absolute;inset:0}.studio-canvas canvas.live{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.studio-canvas canvas.live.tool-eraser{cursor:cell}@media (max-width:720px){.studio{height:calc(100dvh - 190px);min-height:360px}.studio-sheet{padding:10px}.studio-tools{gap:6px 10px}.tool{min-width:36px;min-height:36px;padding:4px 8px}.swatch{width:26px;height:26px}}.bubble button.bubble-text{gap:6px;padding:0 10px;font-size:17px;display:inline-flex}.faq-item{padding:14px 18px}.faq-item summary{cursor:pointer;font-size:20px}.faq-item p{margin-top:8px}.story-link{--gap:8px;color:var(--ink-2);margin:-4px 0 6px}.story-link-url{overflow-wrap:anywhere;min-width:0}.preview-link{overflow-wrap:anywhere}.coffee-btn{font-family:var(--font-display);white-space:nowrap;color:var(--marker-ink);background:var(--marker);border:var(--stroke) solid var(--ink);border-radius:var(--wobble-a);box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:6px 14px 6px 10px;font-size:19px;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s;animation:6s ease-in-out 2s infinite coffee-nudge;display:inline-flex;transform:rotate(-2deg)}.coffee-btn:hover,.coffee-btn:focus-visible{box-shadow:var(--shadow);animation:none;transform:rotate(1deg)translateY(-2px)scale(1.04)}.coffee-btn:active{box-shadow:none;transform:translate(2px,2px)}.coffee-btn .steam{animation:1.8s ease-in-out infinite coffee-steam}.coffee-short{display:none}.navlinks+.coffee-btn{margin-left:6px}@keyframes coffee-nudge{0%,88%,to{transform:rotate(-2deg)}91%{transform:rotate(4deg)scale(1.06)}94%{transform:rotate(-5deg)scale(1.06)}97%{transform:rotate(2deg)}}@keyframes coffee-steam{0%,to{opacity:.35;transform:translateY(1px)}50%{opacity:1;transform:translateY(-1px)}}@media (max-width:720px){.navlinks+.coffee-btn{margin-left:auto}}@media (max-width:560px){.coffee-btn{padding:5px 10px 5px 8px;font-size:17px}.coffee-long{display:none}.coffee-short{display:inline}}@media (prefers-reduced-motion:reduce){.coffee-btn,.coffee-btn .steam{animation:none}}.corner-coffee{z-index:20;position:fixed;top:14px;right:16px}.topbar nav.row{flex-wrap:nowrap}@media (max-width:560px){.hero h1{overflow-wrap:break-word;font-size:clamp(30px,9vw,40px)}.hero .squiggle{white-space:normal;display:inline}.hero .squiggle:after{display:none}}.topbar .btn{white-space:nowrap}.coffee-btn svg{flex:none;width:22px;height:22px;display:inline-block!important}.wordmark svg{flex:none}