:root{--color-paper:#f2efe7;--color-paper-deep:#e5e0d5;--color-paper-dark:#d4cec1;--color-ink:#18211f;--color-ink-soft:#53605b;--color-night:#121918;--color-night-soft:#1c2724;--color-signal:#a63224;--color-signal-ink:#fff9ee;--color-signal-on-night:#ef745c;--color-cyan:#1f6b6e;--color-cyan-on-night:#72c0bd;--color-night-ink-soft:#b9c2bb;--color-line:color-mix(in srgb, var(--color-ink) 22%, transparent);--color-night-line:color-mix(in srgb, var(--color-paper) 24%, transparent);--color-focus:#a63224;--color-focus-on-night:#ff9d88;--code-bg:#e1e2e7;--code-bg-deep:#d5d6db;--code-fg:#3760bf;--code-comment:#848cb5;--code-blue:#2e7de9;--code-cyan:#007197;--code-green:#587539;--code-orange:#b15c00;--code-purple:#7847bd;--code-red:#f52a65;--code-line:#a8aecb;--color-transparent:transparent;--font-display:"Arial Narrow", "Avenir Next Condensed", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans TC", "Noto Sans JP", sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "Noto Sans JP", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Noto Sans Mono CJK TC", monospace;--content-width:76rem;--reading-width:47rem;--gutter:clamp(1.25rem, 4vw, 5rem);--page-gutter:max(var(--gutter), calc((100vw - var(--content-width)) / 2));--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:6rem;--space-7:9rem;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--color-paper:#1b2422;--color-paper-deep:#25302d;--color-paper-dark:#34403b;--color-ink:#f2efe7;--color-ink-soft:#b9c2bb;--color-night:#0c1110;--color-night-soft:#17201e;--color-signal:#ef745c;--color-signal-ink:#211512;--color-signal-on-night:#ef745c;--color-cyan:#72c0bd;--color-cyan-on-night:#72c0bd;--color-night-ink-soft:#b9c2bb;--color-line:color-mix(in srgb, var(--color-ink) 25%, transparent);--color-night-line:color-mix(in srgb, var(--color-paper) 24%, transparent);--color-focus:#ff9d88;--color-focus-on-night:#ff9d88;--code-bg:#1a1b26;--code-bg-deep:#16161e;--code-fg:#c0caf5;--code-comment:#565f89;--code-blue:#7aa2f7;--code-cyan:#7dcfff;--code-green:#73daca;--code-orange:#ff9e64;--code-purple:#bb9af7;--code-red:#f7768e;--code-line:#3b4261}}*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;background:var(--color-paper)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.65}::selection{background:var(--color-signal);color:var(--color-signal-ink)}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:focus-visible,button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.site-header :where(a,button):focus-visible,.hero :where(a,button):focus-visible{outline-color:var(--color-focus-on-night)}.skip-link{z-index:20;background:var(--color-signal);color:var(--color-signal-ink);padding:.6rem .85rem;font-weight:700;text-decoration:none;transition:transform .16s;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:1.1rem var(--page-gutter);background:var(--color-night);color:var(--color-paper);margin-inline:0;display:flex}.wordmark,.site-nav,.locale-switcher{align-items:center;display:flex}.wordmark{color:var(--color-paper);font-family:var(--font-display);letter-spacing:-.03em;gap:.55rem;font-size:1.3rem;font-weight:800;text-decoration:none}.wordmark__mark{width:2rem;height:2rem;color:var(--color-signal)}.site-nav{font-family:var(--font-body);letter-spacing:.02em;flex-wrap:wrap;justify-content:flex-end;gap:1.1rem;font-size:.72rem}.site-nav>a{color:var(--color-paper);white-space:nowrap;text-decoration:none}.site-nav>a:hover,.site-nav>a:focus-visible{color:var(--color-signal-on-night)}.locale-switcher{border-inline-start:1px solid var(--color-night-line);gap:.2rem;padding-inline-start:.9rem}.locale-switcher a{color:var(--color-night-ink-soft);white-space:nowrap;padding:.25rem .3rem;text-decoration:none}.locale-switcher a:hover,.locale-switcher a:focus-visible,.locale-switcher a.list-active{color:var(--color-paper)}.hero{width:100%;min-height:min(43rem,78dvh);padding:clamp(2.75rem, 6vw, 6rem) var(--page-gutter) clamp(4rem, 8vw, 8rem);background:var(--color-night);color:var(--color-paper);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,6vw,7rem);margin-inline:0;display:grid}.hero__copy{align-self:center;min-width:0}.scope-line span,.command-sheet__label,.diagram-header{letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;line-height:1.4}.hero h1,.section-heading h2,.closing h2{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-style:normal;font-weight:800;line-height:1.04}.hero h1{max-width:16ch;font-size:clamp(3rem,7vw,6rem)}.hero h1 span{display:block}.hero h1 span:last-child{color:var(--color-signal-on-night)}.hero__lede{max-width:38rem;color:var(--color-paper);margin:1.5rem 0 0;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.55}.hero__actions,.closing__actions{flex-wrap:wrap;align-items:center;gap:1.2rem;margin-block-start:1.6rem;display:flex}.button{border:1px solid var(--color-transparent);min-height:2.9rem;font-family:var(--font-body);white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;padding:.7rem 1rem;font-size:.78rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.button--signal{background:var(--color-signal);color:var(--color-signal-ink)}.button--ink{background:var(--color-ink);color:var(--color-paper)}.button:hover,.button:focus-visible{transform:translate(3px,-3px)}.button:active{transform:translate(1px,-1px)}.button:disabled,.button[aria-disabled=true],a[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.text-link{font-family:var(--font-body);white-space:nowrap;font-size:.78rem;font-weight:700}.text-link--light{color:var(--color-paper)}.text-link--light:hover,.text-link--light:focus-visible{color:var(--color-signal-on-night)}.scope-line{border-block-start:1px solid var(--color-night-line);color:var(--color-paper);flex-wrap:wrap;align-items:baseline;gap:.55rem .9rem;margin:2rem 0 0;padding-block-start:.9rem;font-size:.78rem;display:flex}.scope-line span{color:var(--color-night-ink-soft)}.scope-line strong{font-weight:600}.evidence-diagram{align-self:center;min-width:0;margin:0;padding-block:1.25rem}.diagram-header{color:var(--color-night-ink-soft);justify-content:space-between;gap:1rem;display:flex}.diagram-boundary{color:var(--color-cyan-on-night)}.flow-track{border-block:1px solid var(--color-night-line);grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-block:1.1rem 1.5rem;padding-block:3.2rem;display:grid;position:relative}.flow-track:before,.flow-track:after{background:var(--color-night-line);content:"";height:1px;position:absolute;inset-inline:0}.flow-track:before{inset-block-start:50%}.flow-track:after{inset-block-end:0}.flow-trace{z-index:1;background:var(--color-signal-on-night);width:3.4rem;height:5px;box-shadow:0 0 0 1px var(--color-night);animation:5.5s linear infinite trace;position:absolute;inset-block-start:calc(50% - 2px);inset-inline-start:-3.4rem}.flow-node{z-index:2;align-content:center;justify-items:start;gap:.45rem;min-height:5rem;padding-inline:.35rem;display:grid;position:relative}.flow-node__mark{border:2px solid var(--color-paper);background:var(--color-night);width:.9rem;height:.9rem;display:block}.flow-node--wal .flow-node__mark,.flow-node--session .flow-node__mark{border-color:var(--color-cyan-on-night)}.flow-node--replay .flow-node__mark{border-color:var(--color-signal-on-night);background:var(--color-signal-on-night)}.flow-node strong{color:var(--color-paper);font-family:var(--font-display);font-size:clamp(.95rem,1.4vw,1.25rem);line-height:1.1}.flow-node small{color:var(--color-night-ink-soft);font-family:var(--font-body);font-size:.63rem;line-height:1.35}.evidence-diagram figcaption{max-width:34rem;color:var(--color-night-ink-soft);font-size:.8rem}@keyframes trace{0%{inset-inline-start:-3.4rem}to{inset-inline-start:100%}}.section-shell{width:100%;padding-inline:var(--page-gutter);margin-inline:0}.story,.pipeline,.safety,.quick-start,.scope,.closing{padding-block:var(--space-7)}.story,.safety,.scope{border-block-end:1px solid var(--color-line);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,8vw,9rem);display:grid}.section-heading{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.section-heading--wide{max-width:45rem}.section-heading h2,.closing h2{max-width:16ch;font-size:clamp(2.25rem,5vw,4.8rem)}.section-heading>p:last-child{max-width:42rem;color:var(--color-ink-soft);margin:1.75rem 0 0;font-size:1.05rem}.story__body{max-width:var(--reading-width);align-self:end}.story__body .lede{margin:0;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.45}.pull-quote{border-block-start:2px solid var(--color-signal);max-width:25rem;color:var(--color-cyan);font-family:var(--font-display);margin:3.5rem 0 0;padding-block-start:1rem;font-size:1.5rem;font-weight:700;line-height:1.2}.pipeline{background:var(--color-paper-deep)}.pipeline-list{border-block-start:1px solid var(--color-line);margin:4.5rem 0 0;padding:0;list-style:none}.pipeline-list li{border-block-end:1px solid var(--color-line);grid-template-columns:1rem minmax(0,1fr) minmax(12rem,.42fr);align-items:start;gap:1rem 1.4rem;padding-block:1.5rem;display:grid}.pipeline-list__mark{border:2px solid var(--color-ink);background:var(--color-paper-deep);width:.75rem;height:.75rem;margin-block-start:.3rem}.pipeline-list li:nth-child(2) .pipeline-list__mark,.pipeline-list li:nth-child(4) .pipeline-list__mark{border-color:var(--color-cyan)}.pipeline-list li:last-child .pipeline-list__mark{border-color:var(--color-signal);background:var(--color-signal)}.pipeline-list h3,.safety h3,.scope-block h3{font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:800;line-height:1.1}.pipeline-list p,.safety p,.scope-block p,.closing p{max-width:42rem;color:var(--color-ink-soft);margin:.65rem 0 0}.pipeline-list code{color:var(--color-cyan);font-family:var(--font-mono);white-space:nowrap;justify-self:end;padding-block-start:.25rem;font-size:.7rem}.safety__grid{background:var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.safety__grid article{background:var(--color-paper);min-height:14rem;padding:clamp(1.25rem,3vw,2.5rem)}.safety__grid article:first-child{border-block-start:4px solid var(--color-cyan)}.safety__grid article:last-child{border-block-start:4px solid var(--color-signal)}.quick-start{border-block-end:1px solid var(--color-line);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,8vw,9rem);display:grid}.command-sheet{border:1px solid var(--color-line);border-block-start:2px solid var(--color-signal);background:var(--color-paper-deep);align-self:center;min-width:0;padding:clamp(1.25rem,3vw,2.5rem)}.command-sheet__label{color:var(--color-ink-soft);margin:0}.command-sheet pre{color:var(--code-fg);font-family:var(--font-mono);background:var(--code-bg);border:1px solid var(--code-line);white-space:pre;margin:1.75rem 0 0;padding-block:1.25rem;padding-inline:1.25rem;font-size:clamp(.72rem,1.4vw,.9rem);line-height:2;overflow-x:auto}.command-sheet pre span{display:block}.command-sheet pre span:first-child,.command-sheet pre span:last-child{color:var(--code-red)}.command-sheet__note{border-block-start:1px solid var(--color-line);color:var(--color-ink-soft);margin:1.75rem 0 0;padding-block-start:1rem;font-size:.78rem}.scope{align-items:start}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.scope-block{border-block-start:2px solid var(--color-ink);padding-block-start:1rem}.scope-block--supported{border-color:var(--color-cyan)}.scope-block--not{border-color:var(--color-signal)}.scope-block h3{color:var(--color-ink-soft)}.closing{grid-template-columns:.2fr minmax(0,1fr);gap:2rem;padding-block-end:var(--space-6);display:grid}.closing__rule{border-inline-start:2px solid var(--color-signal);min-height:100%}.closing h2{max-width:18ch}.closing p{max-width:37rem;font-size:1.1rem}.site-footer{width:100%;padding:1.2rem var(--page-gutter) 2rem;border-block-start:1px solid var(--color-line);color:var(--color-ink-soft);flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;margin-inline:0;font-size:.65rem;display:flex}.site-footer span:first-child,.site-footer a{color:var(--color-ink);text-decoration:none}@media (width<=59.99rem){.hero,.story,.quick-start,.safety,.scope{grid-template-columns:1fr}.hero{min-height:auto}.evidence-diagram{padding-block-start:3rem}}@media (width<=39.99rem){.site-header{flex-direction:column;align-items:stretch}.site-nav{gap:.65rem;width:100%}.locale-switcher{border-inline-start:0;justify-content:flex-end;inline-size:calc(100% - .65rem);padding-inline-start:0}.hero{padding-block-start:3rem}.hero h1{max-width:8ch;font-size:clamp(3rem,16vw,5rem)}.flow-track{border-block:0;grid-template-columns:1fr;gap:0;padding-block:0}.flow-track:before,.flow-track:after{width:1px;height:100%;inset-inline:.75rem auto}.flow-track:before{inset-block-start:0}.flow-track:after{inset-block-end:auto}.flow-trace{width:5px;height:2.8rem;animation-name:trace-vertical;inset-block-start:-2.8rem;inset-inline-start:.55rem}.flow-node{grid-template-columns:1.5rem minmax(0,1fr);gap:.2rem .75rem;min-height:4.5rem;padding-inline:0}.flow-node__mark{grid-row:span 2;align-self:center;margin-inline-start:.3rem}.flow-node small{grid-column:2}.diagram-header{flex-direction:column;gap:.4rem}.pipeline-list li{grid-template-columns:1rem minmax(0,1fr)}.pipeline-list code{grid-column:2;justify-self:start}.safety__grid,.scope-grid{grid-template-columns:1fr}.closing{grid-template-columns:1rem minmax(0,1fr);gap:1rem}.closing__rule{border-inline-start-width:2px}.site-footer{flex-direction:column}}@keyframes trace-vertical{0%{inset-block-start:-2.8rem}to{inset-block-start:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
