:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--paper:#f3eee4;--sheet:#fffdf8;--desk:#dcd2c1;--ink:#1e1a16;--ink-2:#5f564d;--ink-3:#72675c;--rule:#dcd2c4;--rule-strong:#cbbfae;--edge:#34261829;--wash:#3426180f;--copper:#a64d1d;--copper-line:#a64d1d80;--copper-wash:#a64d1d21;--copper-wash-deep:#a64d1d40;--wire-green:#2e6a4c;--wire-indigo:#33589e;--wire-plum:#7a3355;--wire-ochre:#8a6412;--wire-red:#b3261e;--font-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--type-label:600 11px/16px var(--font-sans);--type-small:400 12px/16px var(--font-sans);--type-ui:400 13px/20px var(--font-sans);--type-body:400 15px/24px var(--font-sans);--type-code:400 13px/24px var(--font-mono);--type-deck:400 19px/28px var(--font-serif);--type-title-xs:700 16px/20px var(--font-serif);--type-title-s:700 20px/24px var(--font-serif);--type-title-m:400 40px/44px var(--font-serif);--type-title-l:400 60px/64px var(--font-serif);--type-figure-s:600 20px/24px var(--font-sans);--type-figure-l:600 30px/36px var(--font-sans);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-1:4px;--radius-2:8px;--radius-3:12px;--shadow-ink:60 42 22;--shadow-1:0 1px 1px rgb(var(--shadow-ink)/.05),0 2px 6px rgb(var(--shadow-ink)/.06);--shadow-2:0 1px 2px rgb(var(--shadow-ink)/.08),0 10px 28px -8px rgb(var(--shadow-ink)/.24);--shadow-3:0 2px 4px rgb(var(--shadow-ink)/.1),0 28px 64px -16px rgb(var(--shadow-ink)/.38);--ease:cubic-bezier(.2,.7,.2,1);--quick:.12s;--slow:.28s;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.5' intercept='0.25'/%3E%3CfeFuncG type='linear' slope='0.5' intercept='0.25'/%3E%3CfeFuncB type='linear' slope='0.5' intercept='0.25'/%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html{background:var(--grain),var(--paper);background-blend-mode:soft-light,normal;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--ink);font:var(--type-body);font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin:0}::selection{background:color-mix(in srgb,var(--copper)22%,transparent)}a{color:var(--copper);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--copper-line);transition:text-decoration-color var(--quick)var(--ease),color var(--quick)var(--ease)}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--copper);outline-offset:2px}:where(:focus-visible){border-radius:var(--radius-1)}.num,.stats b,.status b{font-variant-numeric:tabular-nums}code,kbd{font:.87em/1 var(--font-mono)}code{border-radius:var(--radius-1);background:var(--wash);padding:2px 5px}kbd{display:inline-block;border:1px solid var(--rule);border-radius:var(--radius-1);background:var(--sheet);color:var(--ink-2);text-align:center;border-bottom-width:2px;min-width:20px;padding:3px 5px}.page{width:min(100% - 48px,var(--page-width,800px));padding:var(--space-5)0 var(--space-8);margin:0 auto}.page.wide{--page-width:1104px}.label{font:var(--type-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.masthead{display:flex;justify-content:space-between;align-items: center;gap:var(--space-4);border-bottom:1px solid var(--rule);height:40px}.brand{display:inline-flex;align-items: center;gap:var(--space-2);color:var(--ink);font:var(--type-title-xs);text-decoration:none}.mark{color:var(--ink);flex:none}.mark-eyelet{fill:var(--paper);stroke:var(--copper);transition:fill var(--quick)var(--ease)}.brand:hover .mark-eyelet{fill:var(--copper)}.brand.back:hover{color:var(--copper)}.masthead nav{display:flex;gap:var(--space-5);font:var(--type-ui)}.masthead nav a{color:var(--ink-2);text-decoration-color:#0000}.masthead nav a:hover{color:var(--copper);text-decoration-color:currentColor}.title{margin:var(--space-5)0 0;font:var(--type-title-m);letter-spacing:-.015em}.deck{margin:var(--space-1)0 0;font:var(--type-deck);color:var(--ink-2);text-wrap:pretty;max-width:31em}.try{display:flex;align-items:baseline;gap:var(--space-4);margin:var(--space-4)0 0}.try ul{list-style:none;font:var(--type-ui);color:var(--ink-2);display:flex;gap:var(--space-1)var(--space-5);flex-wrap:wrap;margin:0;padding:0}.try li{position:relative;padding-left:14px}.try li:before{content:"";position:absolute;border:1px solid var(--copper);border-radius:50%;width:6px;height:6px;top:7px;left:0}.stats{margin:var(--space-3)0 0;font:var(--type-ui);color:var(--ink-2)}.stats b{color:var(--ink);font-weight:600}.status{display:flex;align-items:baseline;gap:var(--space-2);font:var(--type-ui);color:var(--ink);margin:0}.status:before{content:"";background:var(--ink-3);border-radius:50%;flex:none;width:7px;height:7px;transform:translateY(-1px)}.status.ok:before{background:var(--wire-green)}.status.bad:before{background:var(--wire-red)}.status.bad{color:var(--wire-red)}.status b{font-weight:600}.status.busy:before{animation:busy .7s var(--ease)infinite alternate}@keyframes busy{to{opacity:.2}}.card{display:block;border:1px solid var(--rule);border-radius:var(--radius-3);background:var(--sheet);color:inherit;text-decoration:none;box-shadow:var(--shadow-1);transition:transform var(--slow)var(--ease),box-shadow var(--slow)var(--ease),border-color var(--quick)var(--ease)}a.card:hover{border-color:var(--copper-line);box-shadow:var(--shadow-2);transform:translateY(-2px)}a.card:active{box-shadow:var(--shadow-1);transform:translateY(0)}.surface{position:relative;border:1px solid var(--rule);border-radius:var(--radius-3);background:var(--sheet);box-shadow:var(--shadow-1)}.surface:focus-within,.surface.is-focused{border-color:var(--copper-line);box-shadow:var(--shadow-1),0 0 0 3px var(--copper-wash)}.surface pre{font:var(--type-code);tab-size:2;margin:0}.button{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--edge);border-radius:var(--radius-2);background:var(--sheet);color:var(--ink);font:600 13px/20px var(--font-sans);text-decoration:none;box-shadow:var(--shadow-1);cursor:pointer;transition:background var(--quick)var(--ease),border-color var(--quick)var(--ease),transform var(--quick)var(--ease);height:32px}.button:hover{border-color:var(--ink-3)}.button:active{background:var(--paper);box-shadow:none;transform:translateY(1px)}.button.primary{border-color:var(--ink);background:var(--ink);color:var(--sheet)}.button.primary:hover{background:color-mix(in srgb,var(--ink)86%,var(--sheet))}.button:disabled{border-color:var(--rule);color:var(--ink-3);box-shadow:none;cursor:default;background:0 0;transform:none}.input{padding:0 var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-2);background:var(--sheet);color:var(--ink);font:400 16px/24px var(--font-mono);box-shadow:var(--shadow-1);caret-color:var(--copper);transition:border-color var(--quick)var(--ease),box-shadow var(--quick)var(--ease);width:100%;height:44px}.input:hover{border-color:var(--rule-strong)}.input:focus,.input.is-focused{outline:none;border-color:var(--copper-line);box-shadow:var(--shadow-1),0 0 0 3px var(--copper-wash)}.input::placeholder{color:var(--ink-3)}@media (pointer:coarse){.button{height:40px}.brand,.masthead nav a{padding-block-start:10px;padding-block-end:10px}}@media (max-width:640px){:root{--type-title-m:400 32px/36px var(--font-serif);--type-title-l:400 40px/44px var(--font-serif);--type-deck:400 17px/28px var(--font-serif);--type-code:400 12px/22px var(--font-mono)}.page{width:min(100% - 40px,var(--page-width,800px));padding-top:var(--space-3)}.title{margin-top:var(--space-4)}.try{gap:var(--space-2);flex-direction:column}.try ul{gap:var(--space-1);flex-direction:column}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.opening{display:grid;grid-template-columns:minmax(0,1fr)592px;grid-template-rows:auto 1fr;column-gap:var(--space-7);margin-top:var(--space-8);align-items: start}.opening h1{grid-column:1;font:var(--type-title-l);letter-spacing:-.022em;text-wrap:balance;margin:0}.opening-text{grid-column:1}.opening .deck{margin-top:var(--space-5)}.example{grid-column:2;grid-row:1/span 2;--pale-on-ink:color-mix(in srgb,var(--paper)58%,var(--ink));--copper-on-ink:#e39a6c;margin:0}.example .code{padding:var(--space-3)var(--space-4);border-radius:var(--radius-2);background:var(--ink);color:var(--paper)}.lines+.lines{margin-top:var(--space-3)}.lines code{display:block;padding:0 0 0 var(--hang,0);color:inherit;font:var(--type-code);text-indent:calc(-1*var(--hang,0));white-space:pre;background:0 0;border-radius:0}.lines .break{white-space:normal}.lines .with-note{display:flex;font:var(--type-code);column-gap:1ch}.lines .comment,.lines .keyword{color:var(--pale-on-ink)}.lines .bit{color:var(--copper-on-ink)}.wires{display:block;margin-top:var(--space-4);overflow:visible;width:100%;max-width:408px;height:auto}.wires .wire{fill:none;stroke:var(--copper);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.wires .box{fill:var(--sheet);stroke:var(--ink);stroke-width:1}.wires .eyelet{fill:var(--paper);stroke:var(--copper);stroke-width:1.5}.wires .joint{fill:var(--copper)}.wires text{fill:var(--ink);font:italic 400 14px/1 var(--font-serif);text-anchor:middle}.wires .bit{fill:var(--copper)}.wires .sign{fill:var(--ink-2);font:500 13px/1 var(--font-sans);text-anchor:end}.section-label{margin:var(--space-8)0 var(--space-4)}.demos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.demo{display:flex;overflow:hidden;flex-direction:column}.demo[hidden]{display:none}.demo-picture{position:relative;overflow:hidden;border-bottom:1px solid var(--rule);height:200px}.demo-body{display:flex;padding:20px var(--space-5)var(--space-5);flex-direction:column;flex:1}.demo h3{font:var(--type-title-s);margin:0}.demo p{margin:var(--space-2)0 0;color:var(--ink-2);font:var(--type-body);text-wrap:pretty}.demo.is-first{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.9fr)minmax(0,1fr)}.demo.is-first .demo-picture{background:var(--desk);border-bottom:0;height:auto}.demo.is-first .demo-picture:before{content:"";display:block;padding-top:52.6316%}.demo.is-first .demo-picture:after{content:"";position:absolute;background:var(--rule);width:1px;top:0;bottom:0;right:0}.demo.is-first .demo-picture img{position:absolute;object-fit:cover;object-position:left center;width:100%;height:100%;inset:0}.demo.is-first .demo-body{padding:var(--space-6)}.demo.is-first h3{font:var(--type-title-m);letter-spacing:-.015em}.demo.is-first p{margin-top:var(--space-3);max-width:36em}.figures{display:flex;gap:var(--space-3)var(--space-4);margin:var(--space-5)0 0;flex-wrap:wrap}.figures div{display:flex;flex-direction:column-reverse}.figures dd{color:var(--ink);font:var(--type-figure-s);letter-spacing:-.015em;font-variant-numeric:tabular-nums;margin:0}.figures dt{color:var(--ink-3);font:var(--type-small)}.go{padding-top:var(--space-5);color:var(--copper);font:600 13px/20px var(--font-sans);margin-top:auto}.go:after{content:" →";display:inline-block;margin-left:var(--space-1);transition:transform var(--quick)var(--ease)}a.card:hover .go:after{transform:translate(3px)}.pair{position:absolute;inset:var(--space-5);display:grid;grid-template-columns:1fr 40px 1fr;align-items: center}.pair>div{position:relative;height:100%}.pair>svg{color:var(--ink-3);justify-self:center}.pair i,.pair img{position:absolute;border-radius:var(--radius-1)}.pair .sketch i{border:1px solid var(--copper-line);background:var(--copper-wash)}.pair .placed img{object-fit:cover;outline:1px solid var(--edge);outline-offset:-1px;background:var(--wash)}.documents{display:block;width:100%;height:100%}.documents .document{fill:var(--ink);fill-opacity:.3}.documents .found{fill:var(--copper)}@media (max-width:1151px){.opening{grid-template-columns:minmax(0,1fr)}.example{grid-column:1;grid-row:auto;margin-top:var(--space-6);max-width:592px}.demo.is-first{grid-template-columns:1fr}.demo.is-first .demo-picture{border-bottom:1px solid var(--rule)}.demo.is-first .demo-picture:after{content:none}.go{margin-top:0}}@media (max-width:900px){.opening{margin-top:var(--space-7)}.demo.is-first .demo-body{padding:var(--space-5)}}@media (max-width:719px){.demos{grid-template-columns:1fr;gap:var(--space-4)}.demo-body{padding:var(--space-4)20px 20px}.demo.is-first .demo-body{padding:20px}.demo-picture{height:auto}.pair{position:relative;grid-template-columns:1fr 28px 1fr;height:144px;margin:20px;inset:auto}.documents{height:176px}}@media (max-width:640px){.opening{margin-top:var(--space-6)}.lines .with-note{flex-direction:column-reverse}.section-label{margin-top:var(--space-7)}}