:root{color-scheme:light;--bg: #fbfbf9;--panel: #fff;--bg-soft: #f5f5f1;--ink: #1b1b1b;--muted: #6b6b6b;--line: #e6e6e2;--line-strong: #c9c9c4;--accent: #2f6f4f;--accent-strong: #285f44;--accent-wash: rgba(47, 111, 79, .07);--err: #a4362f;--err-bright: #d23;--warn: #996a00;--warn-bright: #e0a200;--ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}header{display:flex;align-items:center;gap:.7rem;padding:.75rem 1.4rem;border-bottom:1px solid var(--line)}header h1{font-family:var(--ui);font-size:1rem;font-weight:600;letter-spacing:-.01em;margin:0}header h1 b{color:var(--accent);font-weight:600}.logo-link{display:inline-flex;align-items:center;text-decoration:none}.logo{display:block}.tag{font-family:var(--ui);font-size:.78rem;color:var(--muted)}.grow{flex:1}.controls{display:flex;align-items:center;gap:.8rem}.ctl-link{font-family:var(--ui);font-size:.82rem;color:var(--muted);text-decoration:none;cursor:pointer;transition:color .15s ease}.ctl-link:hover{color:var(--accent)}.ctl-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.doc-link{color:var(--accent);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:2px;transition:text-decoration-color .15s ease}.doc-link:hover{text-decoration-color:var(--accent)}.doc-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.tk-kw{color:#8a3fa0}.tk-ty,.tk-ctor{color:#2660a4}.tk-num,.tk-lit{color:#9a6a00}.tk-str{color:#3a7a55}.tk-com{color:#9aa0a6;font-style:italic}.tk-op{color:var(--muted)}body.showcase-body{display:flex;flex-direction:column;font-family:var(--ui);min-height:100%}.showcase-main{flex:1;display:flex;justify-content:center;padding:1.6rem 1.4rem 2.2rem;min-height:0}.resident{display:flex;flex-direction:column;gap:.9rem;width:var(--surface, min(72vh, 100%, 640px));max-width:100%;min-width:0}.faces-toggle{display:inline-flex;align-self:flex-start;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft)}.face-tab{display:inline-flex;align-items:center;gap:.4rem;padding:5px 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-family:var(--ui);font-size:12.5px;font-weight:500;cursor:pointer;transition:background .14s,color .14s}.face-tab .glyph{width:14px;height:14px;flex:none}.face-tab:hover{color:var(--ink)}.face-tab.is-active{background:var(--panel);color:var(--accent);box-shadow:0 1px 2px #0000000f}.face-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.flip{perspective:1800px}.flip-inner{position:relative;transform-style:preserve-3d;transition:transform .35s ease}.flip.show-source .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face--demo{display:flex;justify-content:center}.flip-face--source{position:absolute;inset:0;transform:rotateY(180deg)}.player{width:min(72vh,100%,640px);display:flex;flex-direction:column;align-items:center;gap:1.1rem;min-width:0}.code-scroll{overflow:auto;height:100%;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 1px 3px #0000000a}.code{margin:0;padding:.9rem 1.1rem;font-family:var(--mono);font-size:12px;line-height:1.6;color:var(--ink);tab-size:2;white-space:pre}.stage{position:relative;width:min(72vh,100%,640px);aspect-ratio:1 / 1}.view{display:block;width:100%;height:100%;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 1px 3px #0000000a}.status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;color:var(--muted);pointer-events:none}.status.hidden{display:none}.status.err{color:var(--err);padding:1.5rem;text-align:center;white-space:pre-wrap}.transport{display:flex;align-items:center;gap:.9rem;width:min(72vh,100%,640px)}.play{flex:none;min-width:68px;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:7px 14px;font-family:var(--ui);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s}.play:hover{background:var(--accent-strong)}.play:disabled{opacity:.45;cursor:default}.frame{flex:none;min-width:96px;font-family:var(--mono);font-size:12.5px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.scrub{flex:1;min-width:0;appearance:none;-webkit-appearance:none;height:6px;border-radius:3px;background:var(--line-strong);cursor:pointer}.scrub:disabled{opacity:.5;cursor:default}.scrub:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.scrub::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line-strong)}.scrub::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--panel);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--line-strong)}.caption{max-width:min(72vh,100%,640px);margin:0;font-family:var(--ui);font-size:13px;line-height:1.55;color:var(--muted);text-align:center}.caption b{color:var(--accent);font-weight:600}@media(prefers-reduced-motion:reduce),(max-width:720px){.flip{perspective:none}.flip-inner{transform-style:flat;transition:none}.flip.show-source .flip-inner{transform:none}.flip-face{backface-visibility:visible;-webkit-backface-visibility:visible;transition:opacity .2s ease}.flip-face--source{transform:none;opacity:0}.flip.show-source .flip-face--demo{opacity:0}.flip.show-source .flip-face--source{opacity:1}}@media(max-width:720px){header .tag{flex-basis:100%;order:5}.showcase-main{padding:1.1rem 1rem 1.8rem}.face-tab{min-height:44px;padding:8px 18px;font-size:14px}.face-tab .glyph{width:16px;height:16px}}:root{--br-0: #2f6f4f;--br-1: #b3541e;--br-2: #2660a4;--br-3: #8a3fa0;--br-4: #9a6a00;--br-5: #a4362f}body.branch-body{min-height:100%;--surface: min(100%, 1088px)}.branch-main{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:1.8rem;min-height:0}.branch-left{flex:1 1 480px;display:flex;flex-direction:column;align-items:stretch;gap:1.1rem;max-width:680px;min-width:0}.branch-right{flex:0 1 340px;display:flex;flex-direction:column;gap:1rem;min-width:0;max-width:380px}.branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.mini{position:relative;display:flex;flex-direction:column;gap:.4rem}.mini-stage{position:relative;aspect-ratio:1 / 1;width:100%}.mini-view{display:block;width:100%;height:100%;border:2px solid var(--br);border-radius:10px;background:var(--panel);box-shadow:0 1px 3px #0000000a}.mini-label{display:flex;align-items:center;gap:.4rem;font-family:var(--ui);font-size:12px;color:var(--muted)}.mini-dot{width:9px;height:9px;border-radius:50%;background:var(--br);flex:none}.mini-label b{color:var(--ink);font-weight:600}.mini-diverged{margin-left:auto;font-variant-numeric:tabular-nums;font-size:11px;color:var(--br)}.branch-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.play.alt{background:var(--accent)}.play.ghost{color:var(--accent);background:transparent;border:1px solid var(--line-strong)}.play.ghost:hover{background:var(--accent-wash)}.branch-select{font-family:var(--ui);font-size:13px;padding:6px 8px;border-radius:6px;border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);cursor:pointer}.branch-proof{font-family:var(--mono);font-size:12px;margin-left:auto}.branch-proof.ok{color:var(--accent)}.branch-proof.err{color:var(--err)}.graph-wrap{border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 1px 3px #0000000a;padding:.7rem .8rem .4rem}.graph-title{font-family:var(--ui);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}.graph{display:block;width:100%;height:340px}@media(max-width:720px){.branch-right{max-width:680px;flex-basis:480px}}