:root{--paper:#f7f7f4;--coda:#d1d3d4;--sheet:#ffffff;--ink:#1b1d21;--soft:#5b6068;--rule:#dfe0db;--tint:#eceeea;--accent:#2443c8;--accent-soft:#e6eafb;--code-bg:#f1f2ee;--gutter:#e3e5df;--gutter-ink:#6b7079;--hl-verb:#2443c8;--hl-word:#9a4f00;--hl-key:#9a4f00;--hl-value:#006644;--hl-num:#006644;--hl-text:#006644;--hl-colour:#006644;--hl-name:#1b1d21;--hl-comment:#666b73;--hl-punct:#6a6f77;--msg-error:#b4232f;--msg-good:#006644;--msg-warning:#8f6200;--msg-hint:#0b7285;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", "IBM Plex Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;--measure:70ch}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#15171b;--coda:#26292e;--sheet:#1b1e23;--ink:#e8e9e6;--soft:#a3a8b0;--rule:#2f333a;--tint:#23272d;--accent:#8ea4ff;--accent-soft:#252c4a;--code-bg:#1f2227;--gutter:#181b1f;--gutter-ink:#8a9099;--hl-verb:#8ea4ff;--hl-word:#f0a050;--hl-key:#f0a050;--hl-value:#47d1a3;--hl-num:#47d1a3;--hl-text:#47d1a3;--hl-colour:#47d1a3;--hl-name:#e8e9e6;--hl-comment:#8f959e;--hl-punct:#a3a8b0;--msg-error:#ff7b86;--msg-good:#47d1a3;--msg-warning:#e8b54a;--msg-hint:#5ccfe0;color-scheme:dark}}:root[data-theme=dark]{--paper:#15171b;--coda:#26292e;--sheet:#1b1e23;--ink:#e8e9e6;--soft:#a3a8b0;--rule:#2f333a;--tint:#23272d;--accent:#8ea4ff;--accent-soft:#252c4a;--code-bg:#1f2227;--gutter:#181b1f;--gutter-ink:#8a9099;--hl-verb:#8ea4ff;--hl-word:#f0a050;--hl-key:#f0a050;--hl-value:#47d1a3;--hl-num:#47d1a3;--hl-text:#47d1a3;--hl-colour:#47d1a3;--hl-name:#e8e9e6;--hl-comment:#8f959e;--hl-punct:#a3a8b0;--msg-error:#ff7b86;--msg-good:#47d1a3;--msg-warning:#e8b54a;--msg-hint:#5ccfe0;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}img{max-width:100%;height:auto}code,pre{font-family:var(--mono)}:not(pre)>code{font-size:.9em;background:var(--tint);padding:.08em .3em;border-radius:3px}a code{background:0 0;padding:0}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;background:var(--sheet);padding:6px 10px;z-index:5}h1,h2,h3{font-family:var(--mono);font-weight:650;line-height:1.2;text-wrap:balance;letter-spacing:-.01em}h1{font-size:2rem;margin:.2em 0 .5em}h2{font-size:1.15rem;margin:2.2em 0 .6em}h3{font-size:1rem;margin:1.6em 0 .4em}p,li,dd{max-width:var(--measure)}.lead{font-size:1.15rem;color:var(--ink)}.note{color:var(--soft)}.top{background:var(--sheet);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:3}.top-inner{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding:12px max(16px,env(safe-area-inset-right,0px))12px max(16px,env(safe-area-inset-left,0px))}.mark{font:700 1.2rem var(--mono);color:var(--ink);text-decoration:none;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:8px}.logo{display:inline-block;height:1.3em;width:auto;flex:none}.logo .logo-cut{fill:var(--sheet)}.release{font:600 .65rem var(--mono);color:var(--accent);background:var(--accent-soft);border-radius:3px;padding:2px 5px;margin-left:8px;vertical-align:3px;text-transform:lowercase}.top nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;font-family:var(--mono);font-size:.95rem}.top nav a{color:var(--soft);text-decoration:none;padding:2px 0;border-bottom:2px solid transparent}.top nav a:hover{color:var(--ink)}.top nav a[aria-current]{color:var(--ink);border-bottom-color:var(--accent)}.top-right,.tools{display:flex;align-items:center;gap:4px 18px}.tools a.github{display:inline-flex;align-items:center;color:var(--soft);padding:4px 2px}.tools a.github:hover{color:var(--ink)}@media(max-width:560px){.top-inner{gap:4px 12px;padding-top:10px;padding-bottom:6px}.top-right{display:contents}.tools{order:2}.top nav{order:3;flex-basis:100%;justify-content:space-between;gap:0 12px;font-size:.9rem}.top nav a{padding:8px 0 6px}}.github svg{fill:currentColor}.theme{display:inline-flex;align-items:center;color:var(--soft);background:0 0;border:1px solid var(--rule);border-radius:4px;padding:3px 6px;cursor:pointer}.theme:hover{color:var(--ink);border-color:var(--soft)}.theme svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme .sun{display:none}:root[data-theme=dark] .theme .moon{display:none}:root[data-theme=dark] .theme .sun{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme .moon{display:none}:root:not([data-theme=light]) .theme .sun{display:block}}.mono{font-family:var(--mono)}.frame{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-right,0px))48px max(16px,env(safe-area-inset-left,0px))}.content{min-width:0}.coda{background:var(--coda);color:var(--ink)}.coda-inner{max-width:1180px;margin:0 auto;padding:36px max(16px,env(safe-area-inset-right,0px))40px max(16px,env(safe-area-inset-left,0px));font-size:.92rem}.coda-inner h2{margin:0 0 16px}.coda-inner p{max-width:none;margin:0}.coda-quote{margin:0 0 20px}.coda-quote blockquote{margin:0;font-style:italic}.coda-quote figcaption{margin-top:8px}.foot{border-top:1px solid var(--rule);background:var(--sheet);color:var(--soft);font-size:.9rem}.foot-inner{max-width:1180px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-right,0px))36px max(16px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:minmax(0,1fr)auto;gap:20px 56px;align-items:start}.foot-about{margin:0;max-width:60ch}.foot-about p{margin:0}.foot-about .foot-made{margin-top:10px;font:.8rem var(--mono)}.foot-about .mark{font-size:1rem;display:inline}.foot-about>.logo{display:block;height:52px;margin:0 0 2px -4px;color:var(--ink)}.foot-links{display:flex;flex-wrap:wrap;gap:14px 40px;margin:0}.foot-links dt{font:600 .75rem var(--mono);margin-bottom:2px}.foot-links dd{margin:0}.foot-links a{color:var(--ink)}pre{background:var(--code-bg);border-radius:6px;padding:14px 16px;margin:0;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.92rem;line-height:1.55;tab-size:2}pre.roci{border-left:3px solid var(--accent)}pre.roci.numbered{border-left:0;padding-left:0;counter-reset:line;background:linear-gradient(to right,var(--gutter) 0 3em,var(--code-bg) 3em)}.numbered .ln{display:block;position:relative;min-height:1.55em;padding-left:3.9em}.numbered .ln::before{counter-increment:line;content:counter(line);position:absolute;left:0;width:2.4em;text-align:right;color:var(--gutter-ink);font-size:.86em;line-height:1.8;user-select:none}.pane>pre.numbered{background:linear-gradient(to right,var(--gutter) 0 3em,var(--sheet) 3em)}@media(max-width:560px){pre.roci.numbered{background:linear-gradient(to right,var(--gutter) 0 2.1em,var(--code-bg) 2.1em)}.pane>pre.numbered{background:linear-gradient(to right,var(--gutter) 0 2.1em,var(--sheet) 2.1em)}.numbered .ln{padding-left:2.7em}.numbered .ln::before{width:1.6em}}.roci .v{color:var(--hl-verb);font-weight:600}.roci .w{color:var(--hl-word)}.roci .k{color:var(--hl-key);font-weight:600}.roci .b{color:var(--hl-value)}.roci .n{color:var(--hl-num)}.roci .s{color:var(--hl-text)}.roci .o{color:var(--hl-colour)}.roci .x{color:var(--hl-name)}.roci .c{color:var(--hl-comment);font-style:italic}.roci .p,.roci .op{color:var(--hl-punct)}pre.shell{background:var(--ink);color:var(--paper)}pre.shell code::before{content:"$ ";opacity:.55}.home-main{display:flex;flex-direction:column;gap:48px}.home-main p,.home-main li,.home-main dd{max-width:none}.hero{display:flex;flex-direction:column;gap:22px}.hero h1{font-size:clamp(1.9rem,4vw,2.7rem);max-width:28ch;margin:.2em 0 0}.hero .lead{font-size:1.25rem;margin:0}.platforms{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.platforms-title{margin:0;font:600 .95rem var(--mono);color:var(--soft)}.platforms ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 22px}.platforms li{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:none;font:.78rem var(--mono);color:var(--soft)}.platforms svg{width:28px;height:28px;fill:var(--ink)}@media(max-width:560px){.platforms ul{flex:1 0 100%;flex-wrap:nowrap;justify-content:space-between;gap:0 4px}.platforms li{min-width:0;font-size:.7rem}.platforms svg{width:24px;height:24px}}.demo{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.3fr);gap:16px;align-items:stretch}.pane{margin:0;display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:8px;overflow:hidden;background:var(--sheet)}.pane .window-bar{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--code-bg);border-bottom:1px solid var(--rule);font:.8rem var(--mono);color:var(--soft)}.pane .dots{display:flex;gap:6px}.pane .dots span{width:9px;height:9px;border-radius:50%;background:var(--rule)}.editor .hero-code{flex:1;border-radius:0;border-left:0;background:var(--sheet)}.pane>pre,.pane>pre.message-text{flex:1;border:0;border-radius:0;background:var(--sheet)}.hello img,.window img,.window picture{display:block;width:100%;height:auto;background:#e6e6e6}.live{display:flex;flex-direction:column;gap:14px}.live h2,.live p{margin:0}.live p{font-size:1.05rem}.sketch .editor pre{font-size:.84rem}.sketch .demo{grid-template-columns:minmax(0,1.1fr)minmax(0,1fr);align-items:start}.sketch .editor pre{white-space:pre-wrap}.hero-code{font-size:1.35rem;padding:22px 24px}.ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.way{display:block;background:var(--sheet);border:1px solid var(--rule);border-radius:8px;padding:18px 20px;color:var(--ink);text-decoration:none}.way:hover{border-color:var(--accent)}.way h2{margin:0 0 6px;color:var(--accent)}.way p{margin:0;color:var(--soft)}.steps{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px}.steps li{display:grid;grid-template-columns:22ch minmax(0,1fr);align-items:center;gap:6px 18px}.steps p{margin:0;color:var(--soft)}@media(min-width:821px){.steps li{grid-template-columns:26ch minmax(0,1fr)}.steps pre.shell{white-space:pre}}.start h2{margin-top:0}.start .note{margin:0}.mistake{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.6fr);gap:16px;align-items:stretch}.mistake pre.message-text{white-space:pre-wrap}.engine .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 28px;margin:0}.engine .facts div{border-top:2px solid var(--accent);padding-top:8px}.engine .facts dt{font:650 1rem var(--mono);margin-bottom:4px}.engine .facts dd{margin:0;color:var(--soft)}.engine h2{margin-top:0}.coming .facts div{border-top:2px dashed var(--soft)}.with-side{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}.side{position:sticky;top:76px;max-height:calc(100vh - 96px);overflow-y:auto;font-size:.9rem;padding-right:6px}.side summary{font:600 .8rem var(--mono);text-transform:lowercase;color:var(--soft);cursor:pointer;margin-bottom:6px}.side ul{list-style:none;margin:0;padding:0}.side li a{display:block;padding:1px 8px;border-radius:4px;text-decoration:none;color:var(--ink)}.side li a:hover{background:var(--tint)}.side li a[aria-current]{background:var(--accent-soft);color:var(--accent)}.side .group{font:600 .75rem var(--mono);color:var(--soft);margin:14px 0 3px 8px;letter-spacing:.02em}.side .group:first-child{margin-top:0}.crumb{font:.85rem var(--mono);color:var(--soft);margin:0}.crumb a{color:var(--soft)}.word h1 code{background:0 0;padding:0;font-size:1em;color:var(--accent)}.ref-section h2{margin-top:2em}.ref-section>p{color:var(--soft);margin-top:0}.ref-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 20px;margin:0}.ref-list dt{margin:0}.ref-list dd{margin:0;color:var(--soft)}.example{display:flex;flex-direction:column;gap:12px;margin:24px 0}.example .picture{max-width:400px}.picture{margin:0}.example-code{min-width:0;display:flex;flex-direction:column;gap:8px}.prints-label{margin:6px 0 0;font:600 .75rem var(--mono);color:var(--soft)}pre.prints{background:var(--sheet);border:1px dashed var(--rule)}.forms{display:flex;flex-direction:column;gap:10px}.form{display:flex;flex-direction:column;gap:4px}pre.syntax{background:var(--sheet);border:1px solid var(--rule);white-space:pre-wrap}pre.syntax var{font-style:italic;color:var(--soft)}pre.syntax .opt{color:var(--soft)}.gives{margin:0;color:var(--soft);font-size:.92rem}.choices{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 18px}.choices dt,.choices dd{margin:0}.props{border-collapse:collapse;width:100%;font-size:.95rem}.props th,.props td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--rule);vertical-align:top}.props th{font:600 .75rem var(--mono);color:var(--soft)}.props .note{color:var(--soft);white-space:nowrap}.related{line-height:2}.messages{display:flex;flex-direction:column;gap:28px}.message{display:flex;flex-direction:column;gap:8px;scroll-margin-top:80px}.message h2{margin:0}pre.message-text{background:var(--sheet);border:1px solid var(--rule);color:var(--ink)}.message-text .m-source,.message-text .m-carets{white-space:pre;overflow-wrap:normal}.message-text .m-title{color:var(--msg-error);font-weight:700}.message-text .m-warning{color:var(--msg-warning);font-weight:700}.message-text .m-hint{color:var(--msg-hint);font-weight:700}.message-text .m-carets{color:var(--msg-error)}.message-text .m-label{color:var(--msg-good);font-weight:700}.message-text .m-example{color:var(--msg-good)}.with-toc{display:grid;grid-template-columns:minmax(0,1fr)220px;gap:56px;align-items:start}.guide pre{margin:14px 0}.guide pre.message-text{white-space:pre-wrap}.guide-picture{margin:-6px 0 18px;max-width:400px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:18px 16px;margin:4px 0 20px}.window .pane-title{font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.gallery .window .window-bar{padding:4px 10px;font-size:.72rem}.gallery-line{margin:6px 0 0;font-size:.8rem;line-height:1.4}.gallery-line code{background:0 0;padding:0;font-size:1em}.guide h2{scroll-margin-top:80px}.qa{border:1px solid var(--rule);border-radius:8px;background:var(--sheet);margin:0 0 10px}.qa summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;border-radius:8px}.qa summary::-webkit-details-marker{display:none}.qa summary::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--soft);border-bottom:2px solid var(--soft);transform:rotate(45deg);transition:transform .15s}.qa[open] summary::after{transform:rotate(-135deg)}.qa summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.qa summary h2{margin:0;font-size:1.05rem;line-height:1.35}.qa-body{padding:0 16px 6px}.qa-body>:first-child{margin-top:0}@media(prefers-reduced-motion:reduce){.qa summary::after{transition:none}}.toc{position:sticky;top:76px;max-height:calc(100vh - 96px);overflow-y:auto;font-size:.9rem;border-left:1px solid var(--rule);padding-left:16px}.toc-title{font:600 .8rem var(--mono);color:var(--soft);margin:4px 0 8px}.toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.toc li{max-width:none;line-height:1.35}.toc a{color:var(--soft);text-decoration:none}.toc a:hover{color:var(--accent)}.toc ul ul{margin:6px 0 2px;padding-left:14px;font-size:.85rem}.toc a[aria-current]{color:var(--accent);font-weight:600;position:relative}.toc a[aria-current]::before{content:"";position:absolute;left:-17px;top:0;bottom:0;width:2px;background:var(--accent)}.toc ul ul a[aria-current]::before{left:-31px}.edit{margin-top:20px;font:.85rem var(--mono)}.edit a{color:var(--soft)}.guide-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:12px;counter-reset:guide}.guide-list li{counter-increment:guide;max-width:none;display:flex}.guide-list a{flex:1;display:grid;align-content:start;grid-template-columns:3ch minmax(0,1fr);gap:2px 12px;padding:14px 16px;background:var(--sheet);border:1px solid var(--rule);border-radius:8px;text-decoration:none;color:var(--ink)}.guide-list a::before{content:counter(guide);font:600 1rem var(--mono);color:var(--accent);grid-row:span 2}.guide-list a:hover{border-color:var(--accent)}.guide-title{font:600 1rem var(--mono)}.guide-summary{color:var(--soft);font-size:.95rem}.next-prev{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:16px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:.9rem}.guide table{border-collapse:collapse;display:block;max-width:100%;overflow-x:auto}.guide th,.guide td{border-bottom:1px solid var(--rule);padding:6px 10px;text-align:left}.guide td code{white-space:nowrap}@media(max-width:560px){.guide table{overflow-x:visible}.guide thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.guide tr{display:block;padding:10px 0;border-bottom:1px solid var(--rule)}.guide td{display:block;border:0;padding:2px 0}.guide td:first-child{font-weight:600}.guide td code{white-space:normal}}@media(max-width:820px){.with-side{grid-template-columns:minmax(0,1fr);gap:16px}.side{position:static;max-height:none;order:2;border-top:1px solid var(--rule);padding-top:16px}.side details:not([open]) ul{display:none}.mistake{grid-template-columns:minmax(0,1fr)}.demo,.sketch .demo,.with-toc,.foot-inner{grid-template-columns:minmax(0,1fr)}.toc{display:none}.steps li{grid-template-columns:minmax(0,1fr)}.hero .lead{font-size:1.1rem}.hero-code{font-size:1.05rem;padding:16px 18px}.ref-list,.choices{grid-template-columns:minmax(0,1fr);gap:0 0}.ref-list dd{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.engine h3{font-size:1rem;margin:36px 0 14px;color:var(--soft)}.today dt a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}.today dt a:hover{color:var(--accent);border-bottom-color:var(--accent)}.today dd code{font-size:.9em;white-space:nowrap}.folds{position:relative}.unfold{display:block;margin:0 auto 14px;font:.8rem var(--mono);color:var(--ink);background:var(--tint);border:1px solid var(--rule);border-radius:4px;padding:3px 12px;cursor:pointer}.unfold:hover{border-color:var(--accent);color:var(--accent)}.unfold::before{content:"⋯ "}@media(min-width:821px){.folds.folded{height:0;min-height:100%;align-self:stretch;overflow:hidden}.folds.folded::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6em;background:linear-gradient(to bottom,transparent,var(--sheet) 75%);pointer-events:none}.folds.folded .unfold{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);margin:0;z-index:1}}@media(max-width:820px){.unfold{display:none}}