@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/caveat-cyrillic-ext-wght-normal-DiMfzA-V.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/caveat-cyrillic-wght-normal-D5lnP6kL.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/caveat-latin-ext-wght-normal-Byk3UhVp.woff2)format("woff2-variations");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:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/caveat-latin-wght-normal-C1hSzPvX.woff2)format("woff2-variations");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:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-cyrillic-ext-wght-normal-YcVxMP-u.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-cyrillic-wght-normal-UWPuZLjM.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-math-wght-normal-sOy7rEfW.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-symbols-wght-normal-DQ5VrUkH.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-vietnamese-wght-normal-CfJ7gtf3.woff2)format("woff2-variations");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:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-latin-ext-wght-normal-C2Wlntb9.woff2)format("woff2-variations");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:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-latin-wght-normal-BiLcIKcI.woff2)format("woff2-variations");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:Lora Variable;font-style:italic;font-display:swap;font-weight:400 700;src:url(/assets/lora-cyrillic-ext-wght-italic-Cgu7qCFu.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Lora Variable;font-style:italic;font-display:swap;font-weight:400 700;src:url(/assets/lora-cyrillic-wght-italic-BWw7-oF9.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora Variable;font-style:italic;font-display:swap;font-weight:400 700;src:url(/assets/lora-math-wght-italic-CnuSFIyO.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Lora Variable;font-style:italic;font-display:swap;font-weight:400 700;src:url(/assets/lora-symbols-wght-italic-BMZuTBzt.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Lora Variable;font-style:italic;font-display:swap;font-weight:400 700;src:url(/assets/lora-vietnamese-wght-italic-BGkqizij.woff2)format("woff2-variations");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:Lora Variable;font-style:italic;font-display:swap;font-weight:400 700;src:url(/assets/lora-latin-ext-wght-italic-BC6VAxdc.woff2)format("woff2-variations");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:Lora Variable;font-style:italic;font-display:swap;font-weight:400 700;src:url(/assets/lora-latin-wght-italic-DBI-iqMr.woff2)format("woff2-variations");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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:oklch(97.2% .022 88);--paper-shade:oklch(94.5% .026 85);--rule:oklch(88.5% .032 80);--graphite:oklch(50% .025 70);--ink:oklch(26% .018 60);--ink-blue:oklch(48% .14 258);--ink-red:oklch(54% .17 30);--marker:oklch(91% .13 98);--blend:multiply;--hl-alpha:.9;--shadow-ink:color-mix(in oklch, var(--graphite) 55%, transparent);--grain-opacity:.035;--font-hand:"Caveat Variable", "Caveat", "Comic Neue", "Segoe Print", cursive;--font-read:"Lora Variable", "Lora", Georgia, "Times New Roman", serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--step--1:14px;--step-0:17px;--step-1:20px;--step-2:25px;--step-3:31px;--step-4:39px;--step-5:49px;--step-6:61px;--step-name:84px;--stroke-thin:1.25;--stroke-base:2;--stroke-bold:3;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--grid:40px;--hit:44px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-ink:cubic-bezier(.55, .1, .3, 1);--dur-draw:.7s;--dur-wiggle:.15s;--dur-fade:.25s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:oklch(21.5% .012 60);--paper-shade:oklch(25% .013 60);--rule:oklch(33% .016 62);--graphite:oklch(74% .018 75);--ink:oklch(93% .018 85);--ink-blue:oklch(76% .1 250);--ink-red:oklch(74% .12 28);--marker:oklch(80% .1 95);--blend:screen;--hl-alpha:.4;--shadow-ink:oklch(0% none none/.55);--grain-opacity:.06}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:oklch(21.5% .012 60);--paper-shade:oklch(25% .013 60);--rule:oklch(33% .016 62);--graphite:oklch(74% .018 75);--ink:oklch(93% .018 85);--ink-blue:oklch(76% .1 250);--ink-red:oklch(74% .12 28);--marker:oklch(80% .1 95);--blend:screen;--hl-alpha:.4;--shadow-ink:oklch(0% none none/.55);--grain-opacity:.06}:root{--c-ink:var(--ink);--c-graphite:var(--graphite);--c-blue:var(--ink-blue);--c-red:var(--ink-red);--c-marker:var(--marker);--c-paper:var(--paper);--c-shade:var(--paper-shade);--c-rule:var(--rule);--c-shadow:var(--shadow-ink);--c-blue-tint:color-mix(in oklab, var(--ink-blue) 20%, var(--paper));--c-red-tint:color-mix(in oklab, var(--ink-red) 18%, var(--paper));--c-marker-tint:color-mix(in oklab, var(--marker) 65%, var(--paper));--c-graphite-tint:color-mix(in oklab, var(--graphite) 16%, var(--paper))}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-read);font-size:var(--step-0);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.65}h1,h2,h3,p{margin:0}p+p{margin-top:.9em}a{color:var(--ink-blue);text-decoration-line:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in oklch, var(--ink-blue) 45%, transparent);text-decoration-color:color-mix(in oklch, var(--ink-blue) 45%, transparent);text-underline-offset:.2em;transition:text-decoration-color var(--dur-fade)}a:hover{text-decoration-style:wavy;text-decoration-color:currentColor}:focus-visible{outline:2.5px solid var(--ink-blue);outline-offset:3px;border-radius:6px}::selection{background:color-mix(in oklch, var(--marker) 70%, transparent);color:var(--ink)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}html:not(.js) .js-only,html:not(.canvas-mode) .canvas-only,html.canvas-mode .page-only{display:none!important}.skip-link{z-index:100;font-family:var(--font-hand);font-size:var(--step-2);background:var(--paper);border:2px solid var(--ink);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:10px 16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}#paper{z-index:-1;background-color:var(--paper);background-image:radial-gradient(ellipse at 50% 45%, transparent 55%, color-mix(in oklch, var(--graphite) 12%, transparent) 100%);pointer-events:none;position:fixed;inset:0}#paper:before,#paper:after{content:"";position:absolute;inset:0}#paper:before{opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:250px 250px}#paper:after{background-image:radial-gradient(circle at 1.5px 1.5px, var(--rule) 1.3px, transparent 1.9px);background-size:var(--gs,40px) var(--gs,40px);background-position:var(--gx,0) var(--gy,0);opacity:var(--go,1)}.topbar{z-index:20;align-items:center;gap:var(--space-2);background:color-mix(in oklch, var(--paper) 94%, transparent);border-bottom:1px solid var(--rule);padding:10px 16px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-hand);font-size:var(--step-3);color:var(--ink);padding:4px 6px;font-weight:700;line-height:1;text-decoration:none}.nav{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.nav::-webkit-scrollbar{display:none}.nav ul{gap:2px;margin:0;padding:0 24px 0 0;list-style:none;display:flex}.nav a{min-height:var(--hit);font-family:var(--font-hand);font-size:var(--step-1);color:var(--ink);white-space:nowrap;align-items:center;padding:0 10px;font-weight:600;text-decoration:none;display:inline-flex}.nav a:hover,.nav a[aria-current=true]{color:var(--ink-blue);-webkit-text-decoration:underline wavy var(--ink-blue) 1.5px;text-decoration:underline wavy var(--ink-blue) 1.5px;text-underline-offset:6px}.topbar__actions{gap:4px;margin-left:auto;display:flex}.icon-btn,.tool{min-width:var(--hit);height:var(--hit);color:var(--ink);cursor:pointer;transition:background-color var(--dur-fade), color var(--dur-fade), transform var(--dur-wiggle);background:0 0;border:0;border-radius:255px 15px 225px/15px 225px 15px 255px;place-items:center;padding:0 6px;display:inline-grid}.icon-btn:hover,.tool:hover{background:color-mix(in oklch, var(--rule) 60%, transparent)}.icon-btn:active,.tool:active{transform:rotate(-4deg)scale(.94)}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.icon--sun,.icon--canvas{display:none}:root[data-resolved-theme=dark] .icon--sun,html:not(.canvas-mode) .icon--canvas{display:block}:root[data-resolved-theme=dark] .icon--moon,html:not(.canvas-mode) .icon--page{display:none}.btn{min-height:var(--hit);font-family:var(--font-hand);font-size:var(--step-2);color:var(--ink-blue);cursor:pointer;transition:transform var(--dur-wiggle), background-color var(--dur-fade);background:0 0;border:2px solid;border-radius:255px 15px 225px/15px 225px 15px 255px;align-items:center;padding:2px 18px;font-weight:600;line-height:1;display:inline-flex}.btn:hover{background:color-mix(in oklch, var(--ink-blue) 10%, transparent);transform:rotate(-1.5deg)}.btn--quiet{color:var(--graphite);border-style:dashed}html:not(.canvas-mode) #viewport{max-width:760px;margin:0 auto;padding:72px 20px 48px;display:block}html:not(.canvas-mode) #world{flex-direction:column;gap:120px;display:flex}html:not(.canvas-mode) .links,html:not(.canvas-mode) .doodles,html:not(.canvas-mode) .island__map{display:none}html:not(.canvas-mode) .island{position:relative;width:auto!important}html:not(.canvas-mode) .island--hero{align-items:center;min-height:52vh;display:grid}html:not(.canvas-mode) .island--hero .island__body{width:100%}html:not(.js) .island:not(.island--hero){border:2px solid var(--rule);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:32px}.page-footer{max-width:760px;font-family:var(--font-hand);font-size:var(--step-1);color:var(--graphite);text-align:center;margin:0 auto;padding:24px 20px 64px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}html.canvas-mode,.canvas-mode body{overscroll-behavior:none;height:100%;overflow:hidden}.canvas-mode .topbar{pointer-events:none;background:0 0;border:0;position:fixed;inset:0 0 auto}.canvas-mode .topbar>*{pointer-events:auto}.canvas-mode .brand,.canvas-mode .nav ul,.canvas-mode .topbar__actions{background:var(--paper);box-shadow:0 0 0 1.5px color-mix(in oklch, var(--ink) 18%, transparent);border-radius:255px 15px 225px/15px 225px 15px 255px}.canvas-mode .brand{padding:8px 14px}.canvas-mode .nav{flex:0 auto;-webkit-mask-image:none;mask-image:none}.canvas-mode .nav ul{width:max-content;padding:0 6px}.canvas-mode #viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;position:fixed;inset:0;overflow:clip}.canvas-mode #viewport.is-dragging{cursor:grabbing}.canvas-mode[data-tool=pen] #viewport{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%232b221b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.1 19.9l1-4.4L16.1 4.6a2.1 2.1 0 0 1 3 3L8.2 18.6l-4.1 1.3z' fill='%23fcf5e6'/%3E%3Cpath d='M14.4 6.4l3.1 3.1'/%3E%3C/svg%3E") 3 25,crosshair}.canvas-mode #world{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.canvas-mode:not(.is-ready) #world{visibility:hidden}.canvas-mode .island{left:var(--x,0);top:var(--y,0);width:var(--w,600px);position:absolute;transform:translate(-50%,-50%)}.island{isolation:isolate}.island:focus-visible{outline:2px dashed color-mix(in oklch, var(--ink-blue) 45%, transparent);outline-offset:22px;border-radius:28px}.island__body{transition:opacity var(--dur-fade);position:relative;container-type:inline-size}.island:not(.island--hero):not(.island--notebook):not(.island--contact) .island__body{padding:var(--space-5) var(--space-5) var(--space-5)}.island__title{font-family:var(--font-hand);font-size:var(--step-5);letter-spacing:-.01em;font-weight:700;line-height:1}.island__kicker{font-family:var(--font-hand);font-size:var(--step-2);color:var(--graphite);margin-top:14px;line-height:1.2}.island__title+p:not(.island__kicker){margin-top:var(--space-3)}.island__map{z-index:3;transform:translate(-50%, -50%) scale(var(--inv-z,1));font-family:var(--font-hand);color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-fade);font-size:40px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%}.island__map span{background:linear-gradient(transparent 58%, color-mix(in oklab, var(--marker) calc(var(--hl-alpha) * 100%), transparent) 58% 88%, transparent 88%);padding:0 6px}#world[data-lod=map] .island:not(.island--hero) .island__body{opacity:.14}#world[data-lod=map] .island__map{opacity:1}#world[data-lod=map] .island{cursor:zoom-in}.sk-svg{z-index:-1;pointer-events:none;position:absolute;overflow:visible}.sk path{fill:none;stroke-linecap:round;stroke-linejoin:round}.sk-svg .sk-blend{mix-blend-mode:var(--blend)}.sk>g:not(.v0),#world[data-boil="1"] .is-drawn .sk>.v0,#world[data-boil="2"] .is-drawn .sk>.v0{display:none}#world[data-boil="1"] .is-drawn .sk>.v1,#world[data-boil="2"] .is-drawn .sk>.v2{display:inline}.js .reveal:not(.is-drawn) .sk-st{stroke-dasharray:1 1;stroke-dashoffset:1px}.js .reveal:not(.is-drawn) .sk-fl{opacity:0}.reveal.is-drawing .sk-st{animation:sk-draw var(--dur,var(--dur-draw)) var(--ease-ink) var(--d,0s) forwards}.reveal.is-drawing .sk-fl{animation:sk-fade .5s var(--ease-out) var(--d,0s) forwards}@keyframes sk-draw{to{stroke-dashoffset:0}}@keyframes sk-fade{to{opacity:1}}.canvas-mode .island:not(.is-drawing):not(.is-drawn) .island__body>*{opacity:0}.canvas-mode .island.is-drawing .island__body>*{animation:rise .6s var(--ease-out) both;animation-delay:calc(var(--rise,.15s) + var(--i,0) * 90ms)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.links,.doodles{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.doodles{z-index:5}.link-label{font-family:var(--font-hand);fill:var(--graphite);opacity:0;transition:opacity .5s var(--ease-out);font-size:30px;font-weight:600}.links.is-drawing .link-label,.links.is-drawn .link-label{opacity:1;transition-delay:var(--d,0s)}.doodles .dd-marker{opacity:.6;mix-blend-mode:var(--blend)}.island--hero{--rise:1.15s;text-align:center}.island--hero .island__body{padding:var(--space-4) var(--space-3)}.hero__name{font-family:var(--font-hand);font-weight:700;line-height:.95}.hero__hello{width:max-content;font-size:var(--step-3);color:var(--ink-red);margin:0 auto 4px;font-weight:600;display:block;transform:translate(-90%)rotate(-5deg)}.hero__write{display:inline-block;position:relative}.hero__ink{font-size:var(--step-name);letter-spacing:-.01em;padding:0 .08em;display:inline-block}.hero__pen{opacity:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b221b' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.1 19.9l1-4.4L16.1 4.6a2.1 2.1 0 0 1 3 3L8.2 18.6l-4.1 1.3z' fill='%23f8e277'/%3E%3Cpath d='M14.4 6.4l3.1 3.1M4.1 19.9l2-.6'/%3E%3C/svg%3E") 50%/contain no-repeat;width:46px;height:46px;position:absolute;top:18%;left:0}.hero__tagline{margin-top:var(--space-4);font-size:var(--step-1)}.hero__hint{margin-top:var(--space-5);font-family:var(--font-hand);font-size:var(--step-2);color:var(--graphite)}.canvas-mode .island--hero:not(.is-drawn) .hero__ink{clip-path:inset(-30% 100% -30% -5%)}.canvas-mode .island--hero.is-drawing .hero__ink{animation:write 1.5s var(--ease-ink) .15s forwards}.canvas-mode .island--hero.is-drawing .hero__pen{animation:pen 1.5s var(--ease-ink) .15s forwards}.canvas-mode .island--hero .island__body>.hero__name{opacity:1;animation:none}.canvas-mode .island--hero.is-drawing .hero__hello{animation:rise .5s var(--ease-out) both}@keyframes write{to{clip-path:inset(-30% -5%)}}@keyframes pen{0%{opacity:0;left:0;transform:translateY(0)}8%{opacity:1}20%{transform:translateY(-14px)}40%{transform:translateY(8px)}60%{transform:translateY(-10px)}80%{transform:translateY(6px)}92%{opacity:1}to{opacity:0;left:100%;transform:translateY(-20px)}}.shelf{isolation:isolate;min-height:320px;margin:var(--space-5) 0 0;justify-content:center;align-items:flex-end;gap:12px;padding:0 20px 6px;list-style:none;display:flex;position:relative}.book{position:relative}.book__spine{isolation:isolate;width:62px;height:calc(270px * var(--h,1));color:var(--ink);cursor:pointer;transform-origin:50% 100%;transition:transform .22s var(--ease-out);background:0 0;border:0;place-items:center;padding:32px 0;display:grid;position:relative}.book__spine:hover{transform:translateY(-6px)rotate(-3deg)}.book__spine[aria-pressed=true]{transform:translateY(-16px)rotate(-6deg)}.book__spine-title{max-height:100%;font-family:var(--font-hand);font-size:var(--fs,23px);white-space:nowrap;text-overflow:ellipsis;writing-mode:vertical-rl;font-weight:700;line-height:1;overflow:hidden;transform:rotate(180deg)}.book__now{isolation:isolate;width:max-content;font-family:var(--font-hand);font-size:var(--step-1);color:var(--ink-red);font-weight:700;position:absolute;bottom:calc(100% + 26px);left:50%;transform:translate(-20%)rotate(-8deg)}.js .book__info{display:none}html:not(.js) .shelf{min-height:0;padding:0;display:block}html:not(.js) .book{margin-bottom:var(--space-3)}html:not(.js) .book__spine,html:not(.js) .book__now{display:none}.book__title,.shelf__note-title{font-family:var(--font-hand);font-size:var(--step-3);font-weight:700;line-height:1.05}.book__author,.shelf__note-author{color:var(--graphite);margin-top:2px;font-style:italic}.book__note,.shelf__note-text{margin-top:8px}.shelf__note{isolation:isolate;min-height:148px;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);position:relative}.shelf__hint{font-family:var(--font-hand);font-size:var(--step-2);color:var(--graphite);text-align:center;padding-top:32px}.island--notebook .island__body{padding:var(--space-3)}.cards{margin:var(--space-5) 0 0;grid-template-columns:1fr 1fr;gap:64px 72px;padding:0;list-style:none;display:grid}@container (width<=560px){.cards{grid-template-columns:1fr;gap:56px}}.card{isolation:isolate;transform:rotate(var(--r,0deg));padding:30px 26px 24px;position:relative}.card__title{font-family:var(--font-hand);font-size:var(--step-3);margin-bottom:8px;font-weight:700;line-height:1}.card__body{font-size:16px;line-height:1.6}.notebook__later{margin-top:var(--space-5);font-family:var(--font-hand);font-size:var(--step-2);color:var(--graphite);text-align:right}html:not(.js) .card{border:1.5px solid var(--rule);border-radius:6px}.island--contact .island__body{padding:var(--space-3)}.contact{align-items:center;gap:var(--space-4);margin-top:var(--space-3);display:flex}.envelope{isolation:isolate;flex:none;width:156px;height:108px;position:relative;transform:rotate(-4deg)}.contact__email{font-family:var(--font-hand);font-size:var(--step-2);overflow-wrap:anywhere;margin-top:4px;font-weight:700;display:inline-block}@container (width<=440px){.contact{flex-direction:column;align-items:flex-start}}.doodle__actions{margin-top:var(--space-4);flex-wrap:wrap;gap:12px;display:flex}.ann{position:relative}.ann[data-ann=circle]{white-space:nowrap}@container (width<=420px){.hero__ink{font-size:56px}.hero__hello{transform:translate(-60%)rotate(-5deg)}.shelf{gap:6px;padding:0}.book__spine{width:40px}}.canvas-mode[data-layout=narrow] .island .island__body{padding:var(--space-3)}.toolbar{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:20;background:var(--paper);border:2px solid var(--ink);max-width:calc(100vw - 16px);box-shadow:4px 5px 0 -1px color-mix(in oklch, var(--graphite) 30%, transparent);border-radius:255px 15px 225px/15px 225px 15px 255px;align-items:center;gap:4px;padding:5px;display:flex;position:fixed;transform:translate(-50%)}.toolbar__group{align-items:center;gap:2px;display:flex}.toolbar__group+.toolbar__group{border-left:1.5px dashed color-mix(in oklch, var(--ink) 25%, transparent);margin-left:2px;padding-left:6px}.toolbar__group[hidden]{display:none}.tool[aria-pressed=true]{color:var(--ink-blue);background:color-mix(in oklch, var(--ink-blue) 14%, transparent)}.tool--zoom{min-width:58px;font-family:var(--font-hand);font-size:var(--step-1);font-variant-numeric:tabular-nums;font-weight:700}.swatch{width:36px;height:var(--hit);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.swatch span{background:var(--sw);width:20px;height:20px;box-shadow:0 0 0 1.5px color-mix(in oklch, var(--ink) 30%, transparent);transition:transform var(--dur-wiggle);border-radius:50% 45% 55% 48%}.swatch[data-ink=ink]{--sw:var(--ink)}.swatch[data-ink=red]{--sw:var(--ink-red)}.swatch[data-ink=marker]{--sw:var(--marker)}.swatch[aria-pressed=true] span{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink-blue);transform:scale(1.15)}.toolbar__hint{width:max-content;font-family:var(--font-hand);font-size:var(--step-1);color:var(--graphite);transition:opacity .6s var(--ease-out);pointer-events:none;margin:0;font-weight:600;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)rotate(-1.5deg)}.has-wandered .toolbar__hint{opacity:0}.hint-coarse{display:none}@media (pointer:coarse){.hint-fine{display:none}.hint-coarse{display:inline}}@media (width<=600px){.toolbar.is-pen .toolbar__zoom,.toolbar.is-pen .toolbar__nav,.tool--zoom{display:none}}
