.sm{--sm-ink:var(--palette-ink);--sm-ink-2:var(--palette-ink-2);--sm-accent:var(--palette-signal);--sm-surface:var(--palette-ground);--sm-bg:color-mix(in oklab,var(--palette-ink) 4%,var(--palette-ground));--sm-line:color-mix(in oklab,var(--palette-ink) 14%,var(--palette-ground));--sm-chip:color-mix(in oklab,var(--palette-ink) 7%,var(--palette-ground));--sm-on:var(--palette-ink-2);--sm-on-bg:var(--sm-chip);--sm-live:var(--palette-ground);--sm-live-bg:var(--palette-ink);--sm-warn-bg:color-mix(in oklab,var(--palette-signal) 9%,var(--palette-ground));--sm-warn-line:var(--palette-signal);color-scheme:light dark;--sm-bar-h:2.7rem;min-height:100vh;background:var(--sm-bg);color:var(--sm-ink);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body:has(.sm){margin:0}.sm a{color:var(--sm-accent)}.sm code{font:.85em ui-monospace,Menlo,monospace}.sm h1{font-size:1.6rem;margin:0 0 .25rem}.sm h2{font-size:1.2rem;margin:0}.sm h3{font-size:.95rem;margin:0 0 .5rem}.sm-muted{font-weight:400}.sm-lede,.sm-muted{color:var(--sm-ink-2)}.sm-lede{max-width:62ch;margin:0 0 1.25rem}.sm-bar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;padding:.6rem 16px;background:var(--sm-surface);border-bottom:1px solid var(--sm-line)}.sm-bar nav{display:flex;gap:1rem}.sm-bar .sm-brand{font-weight:700;color:var(--sm-ink);text-decoration:none;margin-right:auto}.sm-bar nav a{color:var(--sm-ink-2);text-decoration:none}.sm-bar nav a[aria-current=page]{color:var(--sm-ink);font-weight:600}.sm-page{max-width:1280px;margin:0 auto;padding:1.5rem 16px 4rem}.sm-explorer{display:grid;grid-template-columns:minmax(22rem,32rem) minmax(0,1fr);height:calc(100vh - var(--sm-bar-h));overflow:hidden}.sm-list{overflow-y:auto;padding:1.25rem 16px 3rem;border-right:1px solid var(--sm-line)}.sm-board>.sm-muted{margin:.25rem 0 1.25rem}.sm-board+.sm-board{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--sm-line)}.sm-boardpane{min-width:0;min-height:0;position:relative}.sm-boardwrap{height:100%}.sm-boardwrap[hidden]{display:none}.sm-boardpane .sm-board-frame{width:100%;height:100%;border:0;border-radius:0}@media (max-width:900px){.sm-explorer{grid-template-columns:minmax(0,1fr);grid-template-rows:45vh minmax(0,1fr)}.sm-boardpane{grid-row:1;border-bottom:1px solid var(--sm-line)}.sm-list{grid-row:2;border-right:0}}.sm-section{margin:0 0 1.5rem}.sm-rows{list-style:none;margin:0;padding:0;border:1px solid var(--sm-line);border-radius:8px;background:var(--sm-surface);overflow:hidden}.sm-rows li+li{border-top:1px solid var(--sm-line)}.sm-row{display:grid;grid-template-columns:2.6rem 1fr auto;gap:.75rem;align-items:center;width:100%;padding:.55rem .75rem;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.sm-row:hover{background:var(--sm-chip)}.sm-row:focus-visible{outline:2px solid var(--sm-accent);outline-offset:-2px}.sm-open>.sm-row{background:var(--sm-chip)}.sm-row-title{min-width:0}.sm-row-meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;justify-content:flex-end;margin:0}.sm-dot{width:.55rem;height:.55rem;border-radius:50%;border:1.5px solid var(--sm-ink-2);opacity:.5}.sm-dot-on{border-color:var(--sm-on);background:var(--sm-on);opacity:1}.sm-dot-live{border-color:var(--sm-live-bg);opacity:1}.sm-dot-live,.sm-oid{background:var(--sm-live-bg)}.sm-oid{font:600 .75rem ui-monospace,Menlo,monospace;text-align:center;padding:.15rem .35rem;border-radius:5px;color:var(--sm-live)}.sm-open .sm-oid{background:var(--sm-accent);color:var(--sm-surface)}.sm-tag{padding:.05rem .45rem;border-radius:4px;background:var(--sm-chip)}.sm-pill,.sm-tag{font-size:.75rem;color:var(--sm-ink-2)}.sm-pill{padding:.05rem .5rem;border-radius:999px;border:1px solid var(--sm-line);white-space:nowrap}.sm-pill-on{border-color:transparent;background:var(--sm-on-bg);color:var(--sm-on)}.sm-pill-live{border-color:transparent;background:var(--sm-live-bg);color:var(--sm-live)}.sm-detail{padding:.25rem .9rem .9rem 3.95rem}.sm-detail-meta{justify-content:flex-start;margin:0 0 .75rem}.sm-choice{background:var(--sm-warn-bg);border:1px solid var(--sm-warn-line);border-radius:8px;padding:.6rem .9rem;margin:0 0 .75rem}.sm-written h2{font-size:.95rem;margin:1rem 0 .35rem}.sm-written h2:first-of-type{margin-top:0}.sm-written p{margin:.35rem 0}.sm-written ol,.sm-written ul{padding-left:1.3rem}.sm-written li{margin:.3rem 0}.sm-written blockquote{margin:.5rem 0;padding-left:.8rem;border-left:3px solid var(--sm-line);color:var(--sm-ink-2)}.sm-file{margin:.75rem 0 0;font-size:.85rem}.sm-board-frame{display:block;background:var(--sm-bg)}.sm-empty{padding:1rem;border:1px dashed var(--sm-line);border-radius:8px;color:var(--sm-ink-2)}.sm-story-block{margin:.75rem 0 1.25rem}.sm-story-block h3{margin-bottom:.4rem}.sm-why{max-width:80ch;margin:1rem 0 1.75rem}.sm-why h2{font-size:1.05rem;scroll-margin-top:5.6rem}.sm-why .sm-what,.sm-why>ul{max-width:62ch}.sm-why ul{padding-left:1.2rem;margin:.5rem 0}.sm-why li{margin:.35rem 0}.sm-why .sm-governs{font-size:.85rem;margin:.5rem 0 0}.sm-why h3{margin:1rem 0 .25rem}.sm-chain{list-style:none;padding:0;margin:0;font-size:.9rem}.sm-chain li{margin:.4rem 0;padding-left:.6rem;border-left:2px solid var(--sm-line);scroll-margin-top:5.6rem}.sm-whycrumbs{position:sticky;top:var(--sm-bar-h);z-index:1;margin:0 -16px .5rem;padding:.45rem 16px;font-size:.85rem;line-height:1.6;background:var(--sm-bg);border-bottom:1px solid var(--sm-line)}.sm-chain li.sm-online{border-left-color:var(--sm-live-bg)}.sm-chain li:target{background:var(--sm-chip)}.sm-why h2{margin-top:1.25rem}.sm-chain .sm-via{font-size:.8rem}.sm-kind{font:600 .7rem ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.03em;color:var(--sm-ink-2);border:1px solid var(--sm-line);border-radius:4px;padding:0 .3rem}.sm-kind-node{background:var(--sm-live-bg);color:var(--sm-live);border-color:var(--sm-live-bg)}.sm-what{color:var(--sm-ink-2);max-width:62ch;margin:-.15rem 0 .5rem;font-size:.9rem}.sm-story{border:1px solid var(--sm-line);border-radius:8px;background:var(--sm-surface);padding:.6rem .75rem .75rem}.sm-controls{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin:0 0 .6rem;font-size:.85rem}.sm-controls:empty{display:none}.sm-knob{display:inline-flex;gap:.4rem;align-items:center}.sm-knob label{color:var(--sm-ink-2);font:600 .75rem ui-monospace,Menlo,monospace}.sm-knob input,.sm-knob select{font:inherit;color:inherit;background:var(--sm-bg);border:1px solid var(--sm-line);border-radius:5px;padding:.1rem .4rem}.sm-knob input[type=number]{width:5.5rem}.sm-story-inline dl{display:grid;grid-template-columns:max-content 1fr;gap:.2rem .9rem;margin:0}.sm-story-inline dd{margin:0}.sm-frames{display:flex;gap:1rem;align-items:flex-start}.sm-framed{flex:0 1 auto;min-width:0;margin:0}.sm-framed figcaption{font:600 .75rem ui-monospace,Menlo,monospace;margin:0 0 .3rem}.sm-frame{overflow:clip;border:1px solid var(--sm-line);border-radius:6px;background:var(--palette-ground);color-scheme:light}.sm-frame-inner{transform-origin:top left}.sm-frame .run{min-height:100%;height:100%;outline:none}.sm-buildpane{height:100%;overflow:auto;padding:.75rem 16px 2rem}.sm-buildpane .sm-story-block{margin-top:0}.sm-switches{position:absolute;top:.6rem;right:16px;z-index:3;display:flex;gap:.5rem}.sm-switch{display:flex;border:1px solid var(--sm-line);border-radius:999px;background:var(--sm-surface);overflow:hidden}.sm-switch button{font:inherit;font-size:.8rem;color:var(--sm-ink-2);background:none;border:0;padding:.15rem .7rem;cursor:pointer}.sm-switch button[aria-pressed=true]{background:var(--sm-live-bg);color:var(--sm-live)}.sm-wire{position:relative}.sm-wire-on .sm-frame-inner{filter:grayscale(1)}.sm-wire-on .sm-frame-inner .run-fig{background:repeating-linear-gradient(45deg,transparent 0 8px,color-mix(in oklab,var(--sm-ink) 6%,transparent) 8px 9px)}.sm-wire-on .sm-frame-inner .run-fig>*{opacity:.2}.sm-wire-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.sm-wire-box{position:absolute;border:1px dashed var(--sm-accent);border-radius:3px}.sm-wire-parent{border-style:solid;border-color:color-mix(in oklab,var(--sm-accent) 45%,transparent)}.sm-wire-none{border:1px dotted var(--sm-ink-2)}.sm-wire-hover{border:2px solid var(--sm-accent);background:color-mix(in oklab,var(--sm-accent) 8%,transparent)}.sm-wire-tag{position:absolute;top:0;left:0;transform:translateY(-1px);display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .3em;max-width:max(100%,9rem);padding:0 .35em;border-radius:2px 0 3px 0;font:10.5px/1.45 ui-monospace,Menlo,monospace;white-space:nowrap;background:color-mix(in oklab,var(--sm-surface) 72%,transparent);color:var(--sm-accent);font-weight:600;text-shadow:0 0 2px var(--sm-surface)}.sm-wire-tag code{font:inherit;opacity:.8}.sm-wire-parent>.sm-wire-tag{top:auto;left:auto;right:0;bottom:0;transform:none;justify-content:flex-end;text-align:right;border-radius:3px 0 2px 0;color:color-mix(in oklab,var(--sm-accent) 70%,var(--sm-ink))}.sm-wire-none>.sm-wire-tag{color:var(--sm-ink-2)}.sm-wire-hover>.sm-wire-tag{background:var(--sm-accent);color:var(--sm-surface);text-shadow:none;z-index:1}.sm-wire-tag .sm-wire-state{flex-basis:100%;font-style:italic;font-weight:400}.sm-wire-tip{position:fixed;z-index:10;max-width:22rem;padding:.45rem .6rem;pointer-events:none;background:var(--sm-surface);color:var(--sm-ink);border:1px solid var(--sm-line);border-radius:6px;box-shadow:0 4px 16px color-mix(in oklab,var(--sm-ink) 18%,transparent);font-size:.82rem}.sm-wire-tip p{margin:.25rem 0 0}.sm-wire-tip .sm-wire-state{color:var(--sm-accent);font-style:italic}.sm-wire-key{position:sticky;left:24px;max-width:min(64rem,calc(100cqw - 48px));box-sizing:border-box;margin:0 0 1.5rem;padding:.75rem 1rem;border:1px solid var(--sm-line);border-radius:8px;background:var(--sm-surface)}.sm-wire-key summary{cursor:pointer}.sm-wire-key>p{margin:.5rem 0 .6rem;font-size:.85rem}.sm-wire-key dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.4rem 1.25rem;margin:0}.sm-wire-key dt{font-weight:600;font-size:.85rem}.sm-wire-key dd{margin:0;font-size:.82rem;color:var(--sm-ink-2)}.sm-wire-parent>.sm-wire-tag{flex-wrap:nowrap;z-index:1;max-width:none;background:color-mix(in oklab,var(--sm-surface) 88%,transparent)}.sm-wire-parent>.sm-wire-tag .sm-wire-state{flex-basis:auto}.sm-wire-parent>.sm-wire-tag .sm-wire-state:before{content:"— "}.sm-canvas{height:100%;overflow:auto;overscroll-behavior:contain;container-type:size}.sm-canvas .sm-wire{width:max-content;min-width:100%;box-sizing:border-box;padding:3rem 24px 4rem}.sm-canvas-sec{margin:0 0 2.5rem}.sm-canvas-sec>h2{position:sticky;left:24px;display:inline-block;margin:0 0 1rem}.sm-canvas-row{display:flex;gap:3rem;align-items:flex-start}.sm-canvas-entry{padding:.75rem;margin:-.75rem;border-radius:10px}.sm-canvas-on{outline:3px solid var(--sm-accent);outline-offset:-3px}.sm-canvas-entry>header{display:flex;gap:.5rem;align-items:baseline;margin:0 0 .6rem;white-space:nowrap}.sm-canvas-entry>header a{margin-left:.5rem;font-size:.85rem}.sm-canvas-entry .sm-oid{cursor:pointer;border:0}.sm-canvas-on .sm-oid{background:var(--sm-accent);color:var(--sm-surface)}.sm-canvas-entry .sm-story-block{margin:0}.sm-canvas-entry .sm-builds{display:flex;gap:2rem;align-items:flex-start}.sm-canvas-entry .sm-story{padding:.5rem}.sm-canvas-todo{display:flex;align-items:center;justify-content:center;border:1px dashed var(--sm-line);border-radius:6px;color:var(--sm-ink-2);font-size:.85rem}