.incremental-demo{border:1px solid var(--line2);background:var(--panel);color:var(--ink);font-family:var(--font-sans);border-radius:14px;margin:32px 0 38px;overflow:hidden}.inc-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.inc-status{font:11px var(--font-mono);color:var(--ink-d);align-items:center;gap:7px;display:flex}.inc-status:before{content:"";background:var(--line2);border-radius:50%;flex-shrink:0;width:6px;height:6px}.inc-status.is-live:before{background:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 12%, transparent)}.inc-controls{gap:5px;display:flex}.inc-controls button{font:11px var(--font-mono);border:1px solid var(--line2);background:var(--white);color:var(--ink);cursor:pointer;border-radius:6px;padding:6px 10px}.inc-controls button:hover:enabled{border-color:var(--orange);color:var(--orange)}.inc-controls button:disabled{opacity:.45;cursor:default}.inc-controls button:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.inc-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:24px;display:flex}.inc-placeholder p{margin:10px 0}.inc-placeholder small{color:var(--ink-d)}.inc-placeholder-mark{font:64px var(--font-mono);color:var(--orange)}.inc-board-wrap{background:var(--paper);padding:20px}.inc-board{gap:2px;width:100%;max-width:560px;margin:auto;display:grid}.inc-cell{aspect-ratio:1;background:color-mix(in srgb, var(--line) 48%, var(--panel));min-width:0}.inc-cell.level-1{background:var(--orange)}.inc-cell.changed{outline:1px solid var(--ink);outline-offset:1px;z-index:1}.incremental-ant .inc-cell.level-1,.incremental-sandpile .inc-cell.level-1{background:var(--teal)}.incremental-ant .inc-cell.level-2{background:var(--orange)}.incremental-sandpile .inc-cell.level-2{background:var(--gold)}.incremental-sandpile .inc-cell.level-3{background:var(--orange)}.incremental-sandpile .inc-cell.level-4{background:var(--violet)}.incremental-sandpile .inc-cell.changed{outline:none}.incremental-sudoku .inc-board{border:2px solid var(--ink-d);gap:0;max-width:432px}.incremental-sudoku .inc-cell{background:var(--panel);color:var(--orange);font:23px var(--font-mono);border-right:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;align-items:center;padding:3px;display:flex}.incremental-sudoku .inc-cell:nth-child(3n){border-right:2px solid var(--ink-d)}.incremental-sudoku .inc-cell:nth-child(9n){border-right:0}.incremental-sudoku .inc-cell:nth-child(n+19):nth-child(-n+27),.incremental-sudoku .inc-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--ink-d)}.incremental-sudoku .inc-cell.is-clue{color:var(--ink);background:var(--paper)}.incremental-sudoku .inc-cell.changed{background:color-mix(in srgb, var(--orange) 18%, var(--panel));outline:none}.inc-candidates{max-width:32px;font:9px/1.4 var(--font-mono);letter-spacing:1px;text-align:center;color:var(--ink-f)}.inc-items{gap:6px;padding:20px;display:grid}.inc-item{isolation:isolate;border:1px solid var(--line);border-radius:5px;align-items:center;gap:12px;min-height:38px;padding:8px 12px;font-size:13px;display:flex;position:relative;overflow:hidden}.inc-item strong{font-weight:500}.inc-item-index{font:10px var(--font-mono);color:var(--ink-f);flex-shrink:0;width:16px}.inc-item-detail{font:11px var(--font-mono);white-space:nowrap;margin-left:auto}.inc-item.tone-teal{color:var(--teal)}.inc-item.tone-orange{color:#c93d00}.inc-item.tone-muted{color:var(--ink-f)}.inc-item.changed{border-color:currentColor}.inc-bar{opacity:.09;z-index:-1;background:currentColor;position:absolute;inset:0 auto 0 0}.incremental-orderbook .inc-items{grid-template-rows:repeat(5,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:7px 18px}.incremental-orderbook .inc-item-index{display:none}.inc-metrics{border-top:1px solid var(--line);flex-wrap:wrap;gap:18px 30px;margin:0;padding:16px 20px;display:flex}.inc-metrics dt{color:var(--ink-f);font:10px var(--font-mono)}.inc-metrics dd{font:19px var(--font-mono);color:var(--ink);margin:5px 0 0}.incremental-demo .inc-caption{border-top:1px solid var(--line);max-width:none;color:var(--ink-d);margin:0;padding:13px 20px;font-size:12px;line-height:1.65}@media (width<=560px){.inc-toolbar{gap:6px;padding:12px}.inc-controls button{padding:6px 8px}.inc-status{font-size:10px}.inc-board-wrap,.inc-items{padding:12px}.inc-board{gap:1px}.incremental-orderbook .inc-items{gap:5px 8px}.incremental-orderbook .inc-item{flex-direction:column;align-items:flex-start;gap:4px;font-size:12px}.incremental-orderbook .inc-item-detail{margin-left:0}.inc-item{gap:6px;padding:8px;font-size:12px}.inc-item-detail{font-size:10px}.incremental-sudoku .inc-cell{font-size:18px}.inc-candidates{letter-spacing:0;font-size:7px}.inc-metrics{gap:14px 20px}.inc-metrics dd{font-size:16px}}.life-lab{--birth:#008577;--survive-a:#405be0;--survive-b:#9647be}.life-lab button{cursor:pointer}.life-lab button:disabled{cursor:default;opacity:.45}.life-lab button:focus-visible,.life-lab textarea:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.life-invitation{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--orange) 5%, var(--panel));flex-direction:column;gap:6px;padding:16px 18px;font-size:13px;display:flex}.life-invitation strong{font-size:16px}.life-invitation span{color:var(--ink-d)}.life-invitation button{color:var(--orange);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.life-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.life-query-pane{border-right:1px solid var(--line);min-width:0}.life-lab .rule-births{--rule:var(--birth)}.life-lab .rule-surviveA{--rule:var(--survive-a)}.life-lab .rule-surviveB{--rule:var(--survive-b)}.life-query-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.life-query-tabs button{color:var(--ink-d);font:11px var(--font-mono);background:0 0;border:0;border-bottom:3px solid #0000;justify-content:space-between;align-items:center;gap:4px;padding:12px 8px 9px;display:flex}.life-query-tabs button[aria-selected=true]{color:var(--rule);background:color-mix(in srgb, var(--rule) 7%, transparent);border-bottom-color:var(--rule)}.life-query-tabs b{font-size:15px;font-weight:500}.life-editor{background:#19232c;padding:12px 10px 8px;position:relative}.life-editor-surface{background:#152029;border-radius:5px;position:relative}.life-editor textarea,.life-lab .life-editor pre{box-sizing:border-box;width:100%;min-width:0;max-width:none;font:12px/21px var(--font-mono);letter-spacing:normal;font-variant-ligatures:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:2;text-align:left;border:1px solid #0000;border-radius:5px;margin:0;padding:10px 8px;display:block}.life-editor textarea{z-index:1;resize:vertical;color:#0000;-webkit-text-fill-color:transparent;caret-color:#fff;background:0 0;height:190px;min-height:148px;position:relative;overflow:auto}.life-editor textarea:focus-visible{border-color:#739ab7;outline:none}.life-editor textarea::selection{background:#78c8ff45}.life-lab .life-editor pre{color:#d7e2e9;pointer-events:none;background:0 0;height:100%;position:absolute;inset:0;overflow:hidden}.life-lab .life-editor-mirror{visibility:hidden}.life-token-comment{color:#92a4b1}.life-token-string{color:#b8d994}.life-token-number{color:#f3b885}.life-token-keyword{color:#d9a2ee}.life-token-method{color:#8cc9f6}.life-token-field{color:#70dfd0}.life-token-name{color:#d7e2e9}.life-token-punctuation{color:#a0b0bd}.life-editor-hint{font:10px/1.6 var(--font-mono);color:#a9bac4;padding:8px 3px 0;display:block}.life-completion-popup{z-index:5;background:#20313e;border:1px solid #536773;border-radius:6px;width:290px;max-width:100%;position:absolute;overflow:hidden;box-shadow:0 6px 24px #0006}.life-completions{overscroll-behavior:contain;max-height:164px;padding:4px;position:relative;overflow:auto}.life-completions [role=option]{cursor:pointer;font:12px/1.4 var(--font-mono);border-radius:3px;justify-content:space-between;align-items:center;gap:12px;padding:7px 8px;display:flex}.life-completions [role=option] small{color:#aebfc9;font:10px/1.4 var(--font-sans)}.life-completions [aria-selected=true]{background:#36566a}.life-completion-keys{font:9px/1.6 var(--font-mono);color:#aebfc9;border-top:1px solid #536773;padding:6px 8px}@media (forced-colors:active){.life-editor textarea{color:canvastext;-webkit-text-fill-color:CanvasText;caret-color:canvastext}.life-editor-highlight{visibility:hidden}}.life-apply{gap:7px;padding:10px 12px 0;display:flex}.life-apply button{background:var(--panel);color:var(--ink-d);border:1px solid var(--line2);font:10px var(--font-mono);border-radius:5px;padding:7px 8px}.life-apply button:first-child{color:var(--rule);border-color:var(--rule)}.life-lab .life-editor-note,.life-lab .life-error{max-width:none;font:11px/1.6 var(--font-sans);color:var(--ink-d);margin:0;padding:9px 12px 12px}.life-lab .life-error{color:#b22a32}.life-board-pane{background:var(--white);min-width:0;padding:12px}.life-board-heading{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:12px;display:flex}.life-board-heading strong{font:12px var(--font-mono)}.life-board-heading span{font:10px var(--font-sans);color:var(--ink-d)}.life-canvas-wrap{aspect-ratio:48/30;cursor:crosshair;background:#fff;width:100%;position:relative}.life-canvas-wrap canvas{width:100%;height:100%;display:block}.life-canvas-wrap canvas+canvas{position:absolute;inset:0}.life-board-loading{aspect-ratio:48/30;background:var(--paper);color:var(--ink-d);text-align:center;place-items:center;padding:20px;font-size:12px;display:grid}.life-board-legend{font:9px var(--font-mono);color:var(--ink-f);flex-wrap:wrap;gap:5px 9px;margin-top:10px;display:flex}.life-board-legend .life-alive{color:#c94e14}.life-board-legend [class^=rule-]{color:var(--rule)}.life-lab .life-cell-inspector{max-width:none;min-height:36px;color:var(--ink-d);font:11px/1.6 var(--font-sans);margin:9px 0 0}.life-flow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.life-flow>button{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;border-radius:0;flex-direction:column;gap:7px;min-width:0;padding:12px 10px;display:flex}.life-flow>button:last-child{border:0}.life-flow>button:hover{background:color-mix(in srgb, var(--orange) 5%, var(--panel))}.life-flow>button:focus-visible{outline-offset:-3px}.life-flow b{font:11px var(--font-mono);color:var(--ink)}.life-flow span{font:10px/1.5 var(--font-sans);color:var(--ink-f)}.life-flow .is-current{box-shadow:inset 0 3px var(--orange);background:color-mix(in srgb, var(--orange) 7%, var(--panel))}.life-driver{padding:13px 16px}.life-driver strong{font-size:12px;font-weight:600;display:block}.life-driver>div>span{color:var(--ink-f);margin-top:5px;font-size:11px;display:block}.life-lab .life-driver pre{color:#c3e8d8;max-width:none;font:11px/1.7 var(--font-mono);background:#19232c;border-radius:6px;margin:10px 0 0;padding:10px 12px;overflow-x:auto}.life-lab .life-driver code{font:inherit;color:inherit;background:0 0;padding:0}.life-editor-scope{border-top:1px solid var(--line);color:var(--ink-d);padding:12px 16px;font-size:11px}.life-editor-scope summary{cursor:pointer}.life-editor-scope p{max-width:none;font-size:11px;line-height:1.65}@media (width<=640px){.life-workbench{grid-template-columns:minmax(0,1fr)}.life-query-pane{border-right:0;border-bottom:1px solid var(--line)}.life-board-heading{margin-bottom:8px}.life-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.life-flow>button{border-bottom:1px solid var(--line)}.life-invitation{padding:14px 12px}.life-invitation strong{font-size:14px}}.life-board-legend .life-will-die{color:#c52959}.life-flow small{margin-top:3px;font-size:10px;display:block}