@font-face{font-family:Manrope;src:url('fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}@font-face{font-family:Plex;src:url('fonts/IBMPlexMono-Regular.ttf') format('truetype');font-display:swap}
:root{--paper:#f4f6f8;--white:#fff;--ink:#141619;--muted:#606975;--line:#d7dce2;--blue:#245cf6;--lime:#d4f246;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Manrope,Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:calc(100% - 112px);max-width:1392px;margin:auto}.mono{font-family:Plex,monospace;font-size:12px;letter-spacing:.025em}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.11em;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.dark{color:white;background:var(--ink)}.button.dark:hover{background:#30363f}.button.small{min-height:40px;padding:0 18px}.button.lime{background:var(--lime);color:var(--ink)}.button.outline{border-color:var(--line);background:transparent}.nav{position:sticky;top:0;z-index:50;height:78px;background:rgba(244,246,248,.96);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 56px;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:9px;font-size:25px;letter-spacing:-1.4px;font-weight:750}.mark{width:34px;height:34px}.nav nav{display:flex;gap:32px;font-size:14px}.nav nav a:hover{color:var(--blue)}.nav-end{display:flex;gap:18px;align-items:center}.language{border:0;background:transparent;font:12px Plex,monospace;min-width:34px;min-height:40px}.skip{position:absolute;left:16px;top:-100px;padding:10px;background:var(--ink);color:white;z-index:100}.skip:focus{top:10px}.hero{padding-top:65px;padding-bottom:30px}.tiny-mark{font-size:18px;color:var(--blue)}.hero-grid{display:grid;grid-template-columns:1fr 250px;gap:40px;align-items:end;margin-top:35px}h1{font-size:clamp(64px,8.15vw,126px);font-weight:600;line-height:1.05;letter-spacing:-.075em;margin:0}.hero-line{color:var(--blue)}.hero-copy{max-width:450px;font-size:20px;line-height:1.65;margin:32px 0 27px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 23px}.caption{font-size:13px;color:var(--muted)}.hero-spec{border-left:1px solid var(--line);padding:20px 0 10px 30px;margin-bottom:10px}.hero-spec>p{font-size:15px;max-width:180px;line-height:1.5}.mini-flow{margin:28px 0 22px;display:flex;flex-direction:column;align-items:flex-start}.mini-flow span{border:1px solid var(--ink);border-radius:5px;font-size:12px;padding:6px 12px;background:white}.mini-flow .blue-node{background:var(--blue);border-color:var(--blue);color:white;margin-left:18px}.mini-flow .lime-node{background:var(--lime);margin-left:36px}.mini-flow i{height:22px;width:1px;background:var(--ink);margin-left:25px}.mini-bottom{font-size:10px;color:var(--muted)}.hero-bottom{border-top:1px solid var(--line);margin-top:56px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.09em;color:var(--muted)}
.story{height:340vh;position:relative;margin-top:28px}.story-pin{height:calc(100vh - 78px);min-height:580px;position:sticky;top:78px;display:grid;grid-template-columns:30% 1fr;gap:40px;align-items:center}.story-side{height:440px;display:flex;flex-direction:column;justify-content:center;position:relative}.section-index{color:var(--blue);margin-bottom:24px}h2{font-weight:550;font-size:clamp(36px,4.3vw,66px);line-height:1.1;letter-spacing:-.055em;margin:0}.story-side h2{font-size:clamp(32px,3.6vw,52px)}.story-side p{font-size:16px;color:var(--muted);max-width:275px}.phase-nav{display:flex;gap:8px;margin-top:22px}.phase-nav button{width:42px;height:42px;background:transparent;border:1px solid var(--line);border-radius:50%;font:12px Plex,monospace;transition:all .3s}.phase-nav button.active{background:var(--ink);color:white;border-color:var(--ink)}.story-side .story-foot{font-size:10px;margin-top:44px;letter-spacing:.07em}.workbench{height:520px;width:100%;border:1px solid #cbd2dc;border-radius:12px;box-shadow:0 20px 70px #17213812;background:white;overflow:hidden;position:relative;transform:translateY(0);transition:box-shadow .7s}.bench-top,.bench-bottom{height:48px;display:flex;align-items:center;gap:20px;padding:0 20px;background:white;position:relative;z-index:4}.bench-top{border-bottom:1px solid var(--line);font-size:12px}.file-name{display:flex;align-items:center;gap:10px;flex:1}.file-dot{width:8px;height:10px;border:1px solid var(--blue);border-radius:1px}.bench-mode{font-size:10px;color:var(--blue)}.bench-zoom{font-size:10px;color:var(--muted)}.bench-body{height:424px;position:relative;overflow:hidden}.canvas-grid{position:absolute;inset:0;background-image:radial-gradient(#c6cdd8 .8px,transparent .8px);background-size:20px 20px;opacity:.6}.prompt-sheet{position:absolute;left:13%;top:22%;width:74%;padding:27px 32px;border:1px solid var(--line);border-radius:10px;background:white;box-shadow:0 15px 35px #14161908;transition:transform .7s var(--ease),opacity .4s}.prompt-sheet>.mono{font-size:10px;color:var(--muted)}.prompt-sheet p{font-size:clamp(19px,1.8vw,26px);font-weight:550;line-height:1.5;letter-spacing:-.02em;margin:18px 0}.prompt-tag{display:flex;gap:8px;font-size:12px;color:var(--muted)}.prompt-symbol{color:var(--blue)}.graph{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:scale(.93);transition:opacity .5s,transform .8s var(--ease)}.graph .zone{fill:#f4f6f8;stroke:#ccd4e1;stroke-dasharray:4 4}.zone-label{fill:#6b7481;font:10px Plex,monospace;letter-spacing:1px}.node{color:#141619}.node>rect:first-child{fill:white;stroke:#8994a5;stroke-width:1.5}.node>text{text-anchor:middle;font:12px Manrope,Arial}.node>circle{fill:none;stroke:#141619;stroke-width:2}.node .node-icon{fill:none;stroke:#141619;stroke-width:1.7}.node .node-icon-text{font:20px Plex,monospace}.api-node>rect:first-child{fill:#245cf6;stroke:#245cf6}.api-node>text{fill:white}.redis-node{opacity:0;transition:opacity .5s}.request-label{opacity:0;transition:opacity .5s}.flow-particles{opacity:0}.ai-note{position:absolute;bottom:17px;left:20px;right:20px;display:flex;gap:10px;align-items:center;background:white;padding:10px 12px;border:1px solid #d7dce2;border-radius:7px;font-size:11px;color:var(--muted)}.ai-avatar{display:flex;align-items:center;justify-content:center;background:var(--lime);border-radius:5px;width:23px;height:23px;color:var(--ink);font-weight:750}.bench-bottom{border-top:1px solid var(--line);font-size:10px;justify-content:space-between}.timeline-mini{display:flex;gap:4px;width:38%;position:relative}.timeline-mini i{height:6px;flex:1;background:#e5e9ef;border-radius:2px}.timeline-head{position:absolute;height:15px;width:2px;background:var(--blue);top:-5px;left:0;transition:left .3s}.code-sheet{position:absolute;inset:0;background:#141619;color:white;opacity:0;transform:translateY(15px);transition:opacity .5s,transform .6s}.code-label{font-size:10px;color:#9da8b8;margin:25px 30px 12px}.code-sheet pre{font:clamp(11px,1.1vw,15px)/1.75 Plex,monospace;padding:0 30px;margin:0}.code-key{color:#a8bbfe}.code-string{color:#d4f246}.code-number{color:#ffb18b}.code-muted{color:#858b98}.workbench[data-phase="1"] .graph,.workbench[data-phase="2"] .graph{opacity:1;transform:scale(1)}.workbench:not([data-phase="0"]) .prompt-sheet{opacity:0;transform:translateY(-18px);pointer-events:none}.workbench[data-phase="2"] .redis-node,.workbench[data-phase="2"] .request-label,.workbench[data-phase="2"] .flow-particles{opacity:1}.workbench[data-phase="0"] #s-edge-3,.workbench[data-phase="1"] #s-edge-3{opacity:0}.workbench[data-phase="2"] .timeline-mini i{background:#bbcafc}.workbench[data-phase="3"] .code-sheet{opacity:1;transform:translateY(0)}.workbench[data-phase="3"] .ai-note{background:#22262c;border-color:#454b55;color:#d7dce2}.workbench[data-phase="3"] .timeline-mini i{background:#d4f246}
.manifesto{padding:110px 0 120px;position:relative;border-top:1px solid var(--line)}.manifesto h2{font-size:clamp(58px,7.6vw,116px);margin-top:35px;line-height:1.12;letter-spacing:-.075em;white-space:pre-line}.manifesto h2 span{color:var(--blue)}.manifesto-note{position:absolute;right:0;bottom:142px;width:280px;border-left:2px solid var(--blue);padding-left:22px}.manifesto-note .mono{color:var(--blue);font-size:11px}.manifesto-note p{font-size:16px;color:var(--muted)}
.play-section{background:var(--ink);color:#f4f6f8;padding:95px 0 75px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.section-header h2{margin-top:25px}.section-header>p{max-width:300px;color:#b7bec7;line-height:1.7;margin:0}.play-section .eyebrow{color:var(--lime)}.player{border:1px solid #3b4149;border-radius:12px;overflow:hidden;background:#1c1f24}.player-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px;border-bottom:1px solid #3b4149}.player-header>.mono{font-size:11px;color:#b7bec7}.segmented{display:flex;border:1px solid #454c57;padding:3px;border-radius:7px;gap:3px}.segmented button{background:transparent;color:#b7bec7;border:0;font-size:12px;padding:7px 12px;border-radius:4px}.segmented button.selected{background:#f4f6f8;color:#141619}.player-canvas{padding:0 42px 25px}.player-canvas svg{width:100%;height:auto;display:block}.p-node>rect{fill:#24292f;stroke:#4e5866;stroke-width:1.5;transition:fill .2s,stroke .2s}.p-number{font:11px Plex,monospace;fill:#8c96a6}.p-title{font:16px Manrope,Arial;fill:#f4f6f8;text-anchor:middle}.p-node.active>rect{stroke:#d4f246;fill:#2c3421}.p-node.active .p-number{fill:#d4f246}.p-node.failed>rect{stroke:#f19b86;fill:#362722}.p-node.failed .p-number{fill:#f19b86}.player-state{display:flex;justify-content:center;align-items:center;gap:25px;min-height:60px}.player-state>.mono{color:var(--lime);font-size:11px}.player-state p{font-size:18px;margin:0}.player-controls{border-top:1px solid #3b4149;display:flex;align-items:center;gap:20px;padding:20px 25px}.player-controls .button{min-width:126px;min-height:44px}.reset{background:none;color:#b7bec7;border:0;padding:8px;font-size:12px}#scrubber{flex:1;min-width:40px;accent-color:var(--lime);height:24px;cursor:pointer}.player-controls output{white-space:nowrap;font-size:11px;color:#b7bec7}.motion-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.motion-principles p{display:flex;flex-direction:column;gap:10px}.motion-principles p>.mono{color:#798392}.motion-principles strong{font-size:17px;font-weight:550}.motion-principles p>span:last-child{color:#aab4c2;font-size:14px}
.agents{padding:120px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;border-bottom:1px solid var(--line)}.agents h2{margin:30px 0;white-space:pre-line}.agents>div>p{max-width:410px;color:var(--muted);font-size:17px}.agents .button{margin-top:18px}.agent-terminal{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.terminal-top{border-bottom:1px solid var(--line);padding:18px 25px;display:flex;justify-content:space-between;align-items:center}.terminal-top .mono{font-size:11px;color:var(--muted)}.terminal-icon{color:var(--blue);font:22px Plex,monospace}.terminal-log{padding:20px 25px}.terminal-log p{font:clamp(11px,1.2vw,16px)/1.8 Plex,monospace;margin:13px 0}.terminal-log p>span{color:#8d96a3;margin-right:20px}.terminal-log b{font-weight:400;color:var(--blue)}.terminal-foot{background:var(--blue);color:white;padding:18px 25px;font-size:13px}.closing{padding:110px 0 105px}.closing h2{font-size:clamp(50px,6.7vw,102px);margin:30px 0 40px;white-space:pre-line}.text-link{font-size:14px;margin-left:28px;border-bottom:1px solid var(--ink);padding-bottom:4px}footer{padding:26px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}footer .brand{color:var(--ink);font-size:22px}footer .mono{font-size:10px}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;width:min(560px,calc(100% - 32px));background:var(--paper);color:var(--ink)}dialog::backdrop{background:#141619aa;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dialog-heading button{border:0;background:transparent;font-size:28px;width:38px;height:38px}dialog h2{font-size:34px}dialog p{color:var(--muted);font-size:15px}dialog pre{background:#141619;color:#d4f246;padding:20px;font:12px/1.8 Plex,monospace;border-radius:7px;overflow:auto}#copy-feedback{min-height:24px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}
@media(min-width:1550px){.hero-grid{grid-template-columns:1fr 280px}.story-pin{gap:60px}.workbench{height:590px}.bench-body{height:494px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.nav{padding:0 32px}.hero-grid{grid-template-columns:1fr 190px;gap:20px}h1{font-size:9vw}.hero-spec{padding-left:20px}.story-pin{grid-template-columns:28% 1fr;gap:25px}.workbench{height:440px}.bench-body{height:344px}.story-side{height:390px}.story-side h2{font-size:34px}.story-side p{font-size:14px}.manifesto-note{width:230px}.manifesto h2{font-size:8vw}.agents{gap:50px}.nav nav{gap:22px}.code-sheet pre{font-size:11px}}
@media(max-width:760px){html{scroll-padding-top:66px}.wrap{width:calc(100% - 40px)}.nav{height:66px;padding:0 20px}.brand{font-size:23px}.mark{width:29px;height:29px}.nav nav{display:none}.nav-end{gap:9px}.button.small{font-size:12px;padding:0 13px;min-height:36px}.hero{padding-top:45px}.eyebrow{font-size:10px;letter-spacing:.08em}.hero-grid{display:block;margin-top:30px}h1{font-size:clamp(49px,9.3vw,72px);letter-spacing:-.065em}.hero-copy{font-size:17px;max-width:330px;margin-top:25px}.hero-spec{display:none}.hero-actions{gap:16px}.hero-actions .button{font-size:12px;padding:0 17px;min-height:48px}.caption{font-size:11px;max-width:90px}.hero-bottom{margin-top:40px;font-size:8px}.hero-bottom .mono{font-size:10px}.story{height:300vh;margin-top:0}.story-pin{top:66px;height:calc(100svh - 66px);min-height:520px;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:stretch}.story-side{height:150px;display:block}.section-index{margin-bottom:8px;display:block;font-size:11px}.story-side h2{font-size:32px;line-height:1.1;max-width:260px}.story-side h2 br{display:none}.story-side p{font-size:13px;max-width:300px;margin:10px 0}.phase-nav{position:absolute;right:0;top:0;gap:5px;margin:0}.phase-nav button{width:26px;height:26px;font-size:9px}.story-side .story-foot{display:none}.workbench{height:330px;border-radius:9px}.bench-body{height:250px}.bench-top,.bench-bottom{height:40px;padding:0 12px;gap:10px}.bench-top{font-size:10px}.bench-bottom{font-size:8px}.bench-zoom{display:none}.prompt-sheet{left:7%;top:15%;width:86%;padding:18px}.prompt-sheet p{font-size:18px;margin:12px 0}.prompt-sheet>.mono{font-size:8px}.prompt-tag{font-size:10px}.ai-note{bottom:8px;left:10px;right:10px;font-size:9px;padding:6px 8px}.ai-avatar{width:18px;height:18px}.code-label{margin:16px 18px 9px;font-size:8px}.code-sheet pre{font-size:8px;line-height:1.65;padding:0 18px}.manifesto{padding:70px 0}.manifesto h2{font-size:clamp(42px,8.2vw,62px);margin-top:25px}.manifesto-note{position:static;width:auto;margin-top:30px;max-width:320px}.manifesto-note p{font-size:14px}.play-section{padding:65px 0 40px}.section-header{display:block;margin-bottom:30px}.section-header h2{font-size:37px;margin-top:20px}.section-header>p{font-size:15px;margin-top:20px}.player-header{align-items:flex-start;flex-direction:column;padding:16px;gap:14px}.player-header>.mono{font-size:9px}.segmented{width:100%}.segmented button{flex:1;font-size:11px}.player-canvas{padding:12px 10px 20px}.player-canvas svg{min-height:130px}.player-state{align-items:flex-start;gap:15px;padding:0 6px;min-height:58px}.player-state p{font-size:14px;max-width:225px}.player-state .mono{font-size:9px;white-space:nowrap;margin-top:3px}.player-controls{padding:15px;gap:10px;flex-wrap:wrap}.player-controls .button{min-width:105px;min-height:40px;font-size:12px;padding:0 15px}.reset{font-size:11px}#scrubber{order:4;flex-basis:100%;width:100%;margin:3px 0}.player-controls output{margin-left:auto;font-size:9px}.motion-principles{grid-template-columns:1fr;gap:10px;margin-top:25px}.motion-principles p{display:grid;grid-template-columns:26px 1fr;gap:6px}.motion-principles p>span:last-child{grid-column:2}.motion-principles strong{font-size:15px}.motion-principles p>span:last-child{font-size:13px}.agents{padding:70px 0;grid-template-columns:1fr;gap:35px}.agents h2{font-size:42px;margin:24px 0}.agents>div>p{font-size:15px}.terminal-log p{font-size:13px}.terminal-log p>span{margin-right:15px}.closing{padding:70px 0}.closing h2{font-size:clamp(37px,8vw,60px);margin-bottom:30px}.closing .button{font-size:12px;min-height:48px}.text-link{display:block;margin:22px 0 0;width:max-content;font-size:12px}footer{flex-wrap:wrap;gap:15px}footer .brand{font-size:20px}footer>span:nth-child(2){font-size:11px}footer .mono{flex-basis:100%}dialog{padding:22px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* A diagram is assembled as the reader arrives; playback remains under their control. */
.nav::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}.hero-grid h1{will-change:transform}.scroll-lines>span{display:block;transition:color .3s}.manifesto h2.scroll-lines>span{color:var(--ink)}.manifesto h2.scroll-lines>span:last-child{color:var(--blue)}.terminal-log p{border-left:2px solid transparent;padding-left:10px;transition:border-color .3s,color .3s}.terminal-log p.line-ready{border-left-color:var(--blue)}
.player-canvas{padding:24px 26px 20px}.flow-summary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 0 20px}.flow-summary p{font-size:15px;color:#c7cfd9;margin:0;max-width:590px}.flow-summary>.mono{color:#8c98a8;white-space:nowrap;font-size:12px}.graph-viewport{overflow-x:auto;overflow-y:hidden;border:1px solid #353d47;border-radius:9px;scrollbar-color:#647186 #1c1f24;scrollbar-width:thin}.graph-viewport svg{width:100%;display:block;height:auto;min-height:0}.flow-grid{opacity:.2}.flow-zone{fill:#20252c;fill-opacity:.7;stroke:#424b58;stroke-dasharray:5 7}.flow-zone-title{font:11px Plex,monospace;letter-spacing:1px;fill:#818e9f}.p-connection path{fill:none;stroke:#657181;stroke-width:2;marker-end:url(#arrow-player);stroke-dasharray:1;transition:stroke .25s}.p-connection.alternative path{stroke:#596574;stroke-dasharray:.015 .012}.p-connection.active path{stroke:#d4f246;stroke-width:3}.p-connection.completed path{stroke:#819745}.p-connection.failed path{stroke:#f19b86}.edge-label{font:12px Plex,monospace;fill:#a3afc0;text-anchor:middle;paint-order:stroke;stroke:#20252c;stroke-width:6;stroke-linejoin:round}.p-connection.active .edge-label{fill:#d4f246}.p-node .p-shape{fill:#242b34;stroke:#58677a;stroke-width:1.5;transition:fill .25s,stroke .25s}.p-node.decision .p-shape{fill:#292c32}.p-node.database .p-shape{fill:#232d38;stroke:#63778e}.p-node.active .p-shape{fill:#303b24;stroke:#d4f246;stroke-width:2}.p-node.completed .p-shape{stroke:#819745}.p-node.failed .p-shape{fill:#3f2c27;stroke:#f19b86}.p-node .p-title{font-size:16px;font-weight:550}.p-node .p-number{font-size:10px;text-anchor:middle;fill:#8e9bad}.p-subtitle{font:10px Plex,monospace;fill:#a2afc0;text-anchor:middle;letter-spacing:.5px}.player-particle{stroke:#1c1f24;stroke-width:2}.flow-legend{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:20px;font-size:12px;color:#b8c2d0}.flow-legend>span{display:flex;align-items:center;gap:8px}.flow-legend>span:last-child{margin-left:auto;max-width:510px}.legend-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;display:block}.legend-line{width:22px;border-top:1px dashed #8d9aaa}.player-state{margin-top:22px;justify-content:flex-start;border-top:1px solid #3b4149;padding:20px 0 0}.player-state>.mono{font-size:12px;min-width:70px;white-space:nowrap}.player-state p{font-size:17px}.player-header .segmented button{font-size:14px;min-height:38px}.player-header>.mono{font-size:12px}.graph-pan-hint{display:none}.motion-principles p{transition:transform .5s var(--ease),opacity .5s}.js-motion .motion-principles p{opacity:0;transform:translateY(20px)}.js-motion .motion-principles p.visible{opacity:1;transform:none}.js-motion .motion-principles p:nth-child(2){transition-delay:.12s}.js-motion .motion-principles p:nth-child(3){transition-delay:.24s}
@media(max-width:1050px){.flow-summary{align-items:flex-start;flex-direction:column;gap:10px}.flow-legend>span:last-child{margin-left:0;flex-basis:100%}.graph-viewport svg{min-width:960px}}
@media(max-width:760px){.player-canvas{padding:16px}.flow-summary p{font-size:14px}.flow-summary>.mono{font-size:12px}.player-header>.mono{font-size:11px}.player-header .segmented button{font-size:12px;padding:8px 9px;min-height:44px}.graph-viewport{margin:0 -1px}.graph-viewport svg{width:1040px;min-width:1040px;max-width:none}.graph-pan-hint{display:block;font-size:12px;color:#9eabba;margin:10px 0 0}.flow-legend{gap:12px;margin-top:17px;font-size:12px;line-height:1.6}.player-state{gap:12px;padding-top:16px;min-height:85px}.player-state>.mono{font-size:12px;min-width:65px}.player-state p{font-size:14px;max-width:none}.terminal-log p{padding-left:8px}.scroll-lines>span{will-change:auto}}
@media(prefers-reduced-motion:reduce){.hero-grid h1,.scroll-lines>span,.terminal-log p,.p-node,.p-connection{transform:none!important;opacity:1!important}.p-connection path{stroke-dashoffset:0!important}}
.p-node.completed.active .p-shape{stroke:#d4f246}.p-node.completed.active.failed .p-shape{stroke:#f19b86}.p-connection.completed.active path{stroke:#d4f246;stroke-width:3}.p-connection.completed.active.failed path{stroke:#f19b86}
@media(prefers-reduced-motion:reduce){.js-motion .motion-principles p{opacity:1;transform:none}}