@layer reset,base,components,sections,responsive;@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/inkpad/_astro/inter-400.C38fXH4l.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/inkpad/_astro/inter-600.LgqL8muc.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/inkpad/_astro/inter-700.Yt3aPRUw.woff2) format("woff2")}@font-face{font-family:"Young Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/inkpad/_astro/young-serif-400.DIMmNPI9.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/inkpad/_astro/jetbrains-mono-400.V6pRDFza.woff2) format("woff2")}@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body,h1,h2,h3,p,figure,ul{margin:0}ul{padding:0;list-style:none}img,svg{display:block;max-width:100%}img{height:auto}a{color:inherit}}@layer base{:root{--canvas: #f1f3f7;--paper: #f8f9fc;--panel: #e9ebf2;--border: #d2d5de;--border-strong: #aeb4c8;--indigo: #5c68fc;--indigo-dark: #414dcf;--indigo-tint: #aeb5ff;--ink: #1f2447;--body: #42486f;--muted: #5f668a;--night: #1a1b26;--night-panel: #202235;--night-border: #2e334d;--night-text: #c0caf5;--action: #58d6a0;--action-dark: #123c2e;--action-tint: #e4f6ec;--purple: #a755ed;--orange: #eb6b2f;--yellow: #c69921;--sky: #0b8fd3;--pink-tint: #f0b6d3;--selection: #c7caff;--action-hover: #6be1ad;--action-shadow: #9edfc5;--action-code: #cdeedd;--tick-brightness: .72;--line: var(--ink);--max: 44rem;--wide: 62rem;--gutter: clamp(1.25rem, 4vw, 2.5rem);--section: clamp(3rem, 6vw, 4.5rem);--shadow: .2rem;--ease: cubic-bezier(.16, 1, .3, 1);--font-display: "Young Serif", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas: #1a1b26;--paper: #1f2030;--panel: #262a3f;--border: #303550;--border-strong: #4a5178;--indigo: #7aa2f7;--indigo-dark: #a9c1ff;--indigo-tint: #5f83e0;--ink: #d9deff;--body: #b4bde0;--muted: #8a93bd;--action-tint: #173229;--purple: #bb86f5;--orange: #f0885a;--yellow: #e0b955;--sky: #5ab8f0;--pink-tint: #a874d8;--selection: #3d4590;--action-hover: #6be1ad;--action-shadow: #2fa87a;--action-code: #0f4231;--tick-brightness: 1;--line: #8b95c9;color-scheme:dark}}:root[data-theme=dark]{--canvas: #1a1b26;--paper: #1f2030;--panel: #262a3f;--border: #303550;--border-strong: #4a5178;--indigo: #7aa2f7;--indigo-dark: #a9c1ff;--indigo-tint: #5f83e0;--ink: #d9deff;--body: #b4bde0;--muted: #8a93bd;--action-tint: #173229;--purple: #bb86f5;--orange: #f0885a;--yellow: #e0b955;--sky: #5ab8f0;--pink-tint: #a874d8;--selection: #3d4590;--action-hover: #6be1ad;--action-shadow: #2fa87a;--action-code: #0f4231;--tick-brightness: 1;--line: #8b95c9;color-scheme:dark}body{min-width:20rem;overflow-x:clip;background:var(--canvas);color:var(--body);font-family:var(--font-body);font-size:1rem;line-height:1.65;text-rendering:optimizeLegibility}::selection{background:var(--selection);color:var(--ink)}h1,h2{color:var(--ink);font-family:var(--font-display);font-weight:400;text-wrap:balance}h1{font-size:clamp(2.4rem,5.2vw,3.6rem);line-height:1.08;letter-spacing:-.01em}h2{font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.15}h3{color:var(--ink);font-size:1rem;font-weight:700;line-height:1.3}p{text-wrap:pretty}code{font-family:var(--font-mono);font-variant-ligatures:none;font-size:.88em;color:var(--indigo-dark);background:var(--panel);padding:.05em .3em;border-radius:.25rem}:focus-visible{outline:3px solid var(--indigo);outline-offset:4px}section,aside{padding-inline:var(--gutter)}.doodle{color:var(--ink)}.doodle .accent-orange{color:var(--orange)}.doodle .accent-purple{color:var(--purple)}.doodle .accent-sky{color:var(--sky)}.doodle .accent-green{color:var(--action)}.doodle .accent-pink{color:var(--pink-tint)}.doodle .branch-card,.doodle .branch-node{color:var(--paper)}.doodle-branch text{font-variant-ligatures:none}}@layer components{.skip-link{position:fixed;z-index:20;top:.75rem;left:.75rem;padding:.65rem .9rem;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-weight:700;transform:translateY(-170%);transition:transform .16s var(--ease)}.skip-link:focus{transform:translateY(0)}.site-header,footer{width:100%;padding-inline:var(--gutter)}.site-header{position:sticky;top:0;z-index:15;min-height:3.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--border);background:var(--canvas)}.header-links{display:flex;align-items:center;gap:1.4rem}.theme-toggle{width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1.5px solid transparent;border-radius:.375rem;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .16s var(--ease),background-color .16s var(--ease)}.theme-toggle:hover{border-color:var(--border-strong);background:var(--panel)}.theme-toggle svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .icon-moon,:root[data-theme=dark] .theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:none}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:block}}.brand{display:inline-flex;align-items:center;gap:.45rem;color:var(--ink);font-size:1.1rem;font-weight:700;letter-spacing:-.01em;text-decoration:none}.brand-mark{width:1.4rem;height:1.4rem;color:var(--indigo)}.brand-mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25;transform:rotate(-90deg)}.text-link,footer a,.resource-links a,.ink-copy p a,.local-copy a{text-decoration-line:underline;text-decoration-color:var(--indigo);text-decoration-thickness:.14rem;text-underline-offset:.28rem;text-decoration-skip-ink:auto}.text-link:hover,footer a:hover,.resource-links a:hover,.ink-copy p a:hover,.local-copy a:hover{color:var(--indigo-dark);text-decoration-color:var(--action)}.text-link{color:var(--ink);font-size:.92rem;font-weight:600}.text-link span,.resource-links span{color:var(--indigo)}.button{min-height:2.6rem;width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .95rem;border:1.5px solid var(--line);border-radius:.375rem;box-shadow:var(--shadow) var(--shadow) 0 var(--line);color:var(--ink);font-size:.9rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.button:hover{transform:translate(.08rem,.08rem);box-shadow:.12rem .12rem 0 var(--line)}.button:active{transform:translate(var(--shadow),var(--shadow));box-shadow:0 0 0 var(--line)}.button-action{background:var(--action);color:var(--action-dark)}.button-action:hover{background:var(--action-hover)}.button-large{min-height:3rem;padding-inline:1.2rem;font-size:1rem}.play{font-size:.68em}.section-lede{max-width:36rem;margin-top:.6rem;font-size:1.02rem}.ink-word{position:relative;display:inline-block;color:var(--purple)}.ink-underline{position:absolute;left:-.05em;right:-.05em;bottom:-.22em;width:auto;height:.24em;color:var(--purple)}.ink-word-trigger{position:relative;display:inline-block;cursor:help;outline:none;border-radius:.2em}.ink-word-trigger:focus-visible{outline:2px solid var(--purple);outline-offset:.15em}.tooltip{position:absolute;left:50%;top:calc(100% + .9rem);z-index:10;width:min(22rem,80vw);padding:.8rem 1rem;border:1px solid var(--border-strong);border-radius:.6rem;background:var(--paper);color:var(--body);font-family:var(--font-body);font-size:.9rem;font-weight:400;line-height:1.5;text-align:left;box-shadow:var(--shadow) var(--shadow) 0 var(--line);opacity:0;visibility:hidden;--tip-x: -50%;transform:translate(var(--tip-x),-.3rem);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s linear .18s;pointer-events:none}.tooltip strong{color:var(--ink);font-weight:600}.tooltip:before{content:"";position:absolute;left:50%;top:-.45rem;width:.8rem;height:.8rem;background:var(--paper);border-left:1px solid var(--border-strong);border-top:1px solid var(--border-strong);transform:translate(-50%) rotate(45deg)}.ink-word-tip:hover .tooltip,.ink-word-tip:focus-within .tooltip{opacity:1;visibility:visible;transform:translate(var(--tip-x));transition-delay:0s}.window-bar{height:1.85rem;display:flex;align-items:center;gap:.35rem;padding-inline:.75rem;border-bottom:1px solid var(--night-border);background:var(--night-panel)}.window-bar>span{width:.46rem;height:.46rem;border-radius:50%;background:#4a506d}.window-bar>span:first-child{background:#f7768e}.window-bar>span:nth-child(2){background:#e0af68}.window-bar>span:nth-child(3){background:#9ece6a}.window-bar p{margin-inline:auto;color:#7b83ab;font-family:var(--font-mono);font-size:.6rem}}@layer sections{.hero{width:min(100%,var(--wide));margin-inline:auto;padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:var(--section);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem)}.hero h1{font-size:clamp(2.2rem,4.2vw,3.1rem)}.hero-deck{max-width:38rem;margin-top:1.1rem;color:var(--ink);font-size:1.08rem;line-height:1.5}.hero-actions{margin-top:1.5rem;display:flex;align-items:center;gap:1rem 1.4rem;flex-wrap:wrap}.hero-fine{max-width:30rem;margin-top:1.1rem;color:var(--muted);font-size:.88rem}.product-shot{width:130%;margin-left:-34%;overflow:hidden;transform:rotate(-1.25deg);border:1.5px solid var(--line);border-radius:.5rem;background:var(--night);box-shadow:.4rem .4rem 0 var(--indigo-tint)}.product-shot img{width:100%;aspect-ratio:3420 / 2137;object-fit:cover}.product-shot .shot-light,:root[data-theme=dark] .product-shot .shot-dark{display:none}:root[data-theme=dark] .product-shot .shot-light{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .product-shot .shot-dark{display:none}:root:not([data-theme=light]) .product-shot .shot-light{display:block}}.features,.about-ink,.closing{width:min(100%,var(--wide));margin-inline:auto;padding-top:var(--section);padding-bottom:var(--section)}.features{border-top:1px solid var(--border)}.feature-list{margin-top:1.75rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2.5rem}.feature-list li{display:flex;gap:.7rem;align-items:flex-start}.feature-tick{flex:none;width:1.15rem;margin-top:.15rem;color:var(--action);filter:brightness(var(--tick-brightness))}.feature-list p{margin-top:.15rem;font-size:.92rem;line-height:1.55}.themes{width:min(100%,var(--wide));margin-inline:auto;padding-top:var(--section);display:grid;grid-template-columns:minmax(14rem,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,4rem);border-top:1px solid var(--border)}.themes-copy p{margin-top:.7rem;font-size:.98rem}.theme-split{position:relative;overflow:hidden;width:100%;border:1.5px solid var(--line);border-radius:.5rem;background:var(--panel);box-shadow:.4rem .4rem 0 var(--pink-tint);transform:rotate(1deg)}.theme-split>img,.theme-dark img{width:100%;aspect-ratio:3420 / 2137;object-fit:cover}.theme-dark{position:absolute;overflow:hidden;inset:0;clip-path:polygon(53% 0,100% 0,100% 100%,45% 100%)}.diagonal-seam{position:absolute;z-index:3;top:-12%;left:49%;width:.16rem;height:126%;background:var(--indigo);box-shadow:0 0 0 .16rem var(--canvas);transform:rotate(7deg)}.theme-label{position:absolute;z-index:4;bottom:.75rem;padding:.25rem .5rem;border:1px solid currentColor;border-radius:.25rem;font-size:.66rem;font-weight:700;transform:rotate(-2deg)}.label-light{left:.75rem;background:#f1f3f7;color:#1f2447}.label-dark{right:.75rem;background:var(--night);color:var(--night-text);transform:rotate(2deg)}.local-first{width:min(calc(100% - (2 * var(--gutter))),var(--wide));margin-inline:auto;margin-top:var(--section);padding:clamp(1.5rem,4vw,2.5rem);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,2.5rem);align-items:start;border:1.5px solid var(--line);border-radius:.5rem;background:var(--action-tint);box-shadow:.4rem .4rem 0 var(--action-shadow)}.local-doodle{width:clamp(4.5rem,9vw,6rem);margin-top:.2rem;transform:rotate(-4deg)}.local-copy h2{font-size:clamp(1.4rem,2.6vw,1.85rem)}.local-copy p{max-width:40rem;margin-top:.8rem;font-size:.96rem}.local-copy code{background:var(--action-code)}.about-ink{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(14rem,.9fr);align-items:center;gap:clamp(2rem,6vw,5rem)}.ink-copy>p{max-width:40rem;margin-top:.9rem}.ink-copy .disclaimer{color:var(--muted);font-size:.84rem}.resource-links{display:flex;gap:.8rem 1.6rem;flex-wrap:wrap}.resource-links a{color:var(--ink);font-size:.92rem;font-weight:700}.ink-branch{width:100%;max-width:24rem;justify-self:center;color:var(--ink);transform:rotate(-2deg)}.closing{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--border)}.closing h2{display:inline-flex;align-items:center;gap:.5rem}.closing-sparkle{width:1.05em;flex-shrink:0;transform:rotate(-8deg);color:var(--orange)}.closing p{max-width:32rem;margin-top:.6rem;font-size:.96rem}footer{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--border)}footer p,footer a{color:var(--muted);font-size:.8rem}footer a{font-weight:600}footer>div{display:flex;gap:1.25rem}}@layer responsive{@media(max-width:820px){.hero{grid-template-columns:1fr;gap:2rem}.hero .product-shot{order:2;width:100%;margin-left:0;transform:none}.themes,.about-ink{grid-template-columns:1fr}.theme-split{transform:none}.ink-branch{max-width:20rem;justify-self:start}}@media(max-width:580px){:root{--gutter: 1.15rem;--section: 3rem}.tooltip{--tip-x: 0;left:auto;right:0}.tooltip:before{left:auto;right:.9rem;transform:rotate(45deg)}body{font-size:.95rem}.site-header{min-height:3rem;gap:.75rem}.brand{font-size:1rem}.brand-mark{width:1.25rem;height:1.25rem}.header-links{gap:.6rem}.theme-toggle{width:2.1rem;height:2.1rem}.header-links .text-link{display:none}.header-cta{min-height:2.1rem;padding-block:.35rem;padding-inline:.7rem;font-size:.78rem}.hero{padding-top:2.25rem}.hero-deck{font-size:1.02rem}.hero .product-shot{width:100%;margin-left:0;transform:rotate(-1deg);box-shadow:.35rem .35rem 0 var(--indigo-tint)}.window-bar{height:1.5rem;gap:.3rem;padding-inline:.6rem}.window-bar>span{width:.4rem;height:.4rem}.window-bar p{display:none}.feature-list{grid-template-columns:1fr;gap:1.1rem}.theme-split{width:100%;margin-left:0;transform:rotate(1deg);box-shadow:.35rem .35rem 0 var(--pink-tint)}.diagonal-seam{width:.12rem;box-shadow:0 0 0 .12rem var(--canvas)}.theme-label{bottom:.45rem;font-size:.56rem}.label-light{left:.45rem}.label-dark{right:.45rem}.local-first{width:calc(100% - (2 * var(--gutter)));grid-template-columns:1fr;gap:1rem;padding:1.35rem;box-shadow:.3rem .3rem 0 var(--action-shadow)}.local-doodle{width:4rem}.closing{align-items:flex-start;flex-direction:column}footer{flex-direction:column;align-items:flex-start;gap:.8rem;padding-block:1.5rem}}@media(pointer:coarse){footer a,.resource-links a,.text-link{min-height:2.75rem;display:inline-flex;align-items:center}}@media(prefers-reduced-motion:reduce){.tooltip{transition:none}html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}}