.gallery-page { --room-ink:#efede5; --room-accent:#edba8c; background:#101313; color:var(--room-ink); overflow:hidden; color-scheme:dark; }
.gallery-page[data-mode="neural"] { --room-accent:#accdff; }
.exhibition-room { width:100%; height:100svh; min-height:380px; position:relative; overflow:hidden; isolation:isolate; }
#neural-art { position:absolute; inset:0; width:100%; height:100%; display:block; touch-action:none; outline-offset:-6px; cursor:grab; }
#neural-art:active { cursor:grabbing; }
#neural-art.is-hovering { cursor:pointer; }
.room-header { position:absolute; top:clamp(26px,4.1vh,50px); left:clamp(24px,3.4vw,60px); right:clamp(24px,3.4vw,60px); display:flex; justify-content:space-between; align-items:start; pointer-events:none; }
.room-header h1 { font:350 clamp(52px,6.35vw,102px)/.82 var(--serif); letter-spacing:-.055em; }
.room-header h1 a { display:flex; flex-direction:column; text-decoration:none; pointer-events:auto; }
.room-header h1 span { font-size:.54em; line-height:1.14; letter-spacing:-.035em; }
.room-header h1 em { font-weight:350; }
.papers-entry { font:400 14px var(--sans); text-decoration:none; padding:7px 0 8px; display:flex; gap:40px; border-bottom:1px solid #8c929361; pointer-events:auto; }
.papers-entry span { display:inline-block; transition:transform .25s; }
.papers-entry:hover span { transform:translate(3px,-3px); }
.room-navigation { position:absolute; bottom:clamp(28px,4.8vh,55px); left:clamp(24px,3.4vw,60px); right:clamp(24px,3.4vw,60px); display:flex; align-items:center; justify-content:space-between; gap:30px; pointer-events:none; }
.stream-selector { display:flex; align-items:center; gap:clamp(28px,4vw,70px); pointer-events:auto; }
.stream-switch { appearance:none; background:transparent; border:0; padding:12px 0; display:flex; gap:11px; align-items:center; text-align:left; color:#929d99; font:400 clamp(16px,1.55vw,23px)/1.1 var(--serif); letter-spacing:-.015em; cursor:pointer; transition:color .4s; }
.switch-dot { width:5px; height:5px; border:1px solid #6d7772; border-radius:50%; flex-shrink:0; transition:background .35s,box-shadow .35s,border-color .35s; }
.stream-switch[aria-pressed="true"] { color:var(--room-ink); }
.stream-switch[aria-pressed="true"] .switch-dot { background:var(--room-accent); border-color:var(--room-accent); box-shadow:0 0 9px #eeb98540; }
.stream-switch:hover { color:#fff; }
.room-tools { display:flex; gap:9px; pointer-events:auto; }
.icon-button { width:32px; height:32px; display:grid; place-items:center; border:0; padding:6px; background:transparent; color:#87948e; cursor:pointer; border-radius:50%; transition:background .2s,color .2s; }
.icon-button:hover { background:#ffffff0a; color:#fff; }
.icon-button svg { width:18px; height:18px; stroke:currentColor; stroke-width:1; fill:none; }
.play-glyph { display:none; }
#pause-motion[aria-pressed="true"] .play-glyph { display:block; }
#pause-motion[aria-pressed="true"] .pause-glyph { display:none; }
.canvas-fallback { position:absolute; top:48%; left:10%; right:10%; text-align:center; }
.gallery-page .skip { background:#eae8de; color:#111; z-index:100; }
@media(max-width:640px) {
  .room-header { top:26px; left:22px; right:22px; }
  .room-header h1 { font-size:clamp(45px,10.5vw,63px); }
  .papers-entry { font-size:12px; gap:13px; }
  .room-navigation { left:22px; right:22px; bottom:24px; align-items:end; }
  .stream-selector { flex-direction:column; align-items:start; gap:0; }
  .stream-switch { font-size:18px; padding:10px 0; }
  .room-tools { gap:2px; }
  .icon-button { width:28px; height:32px; }
}
@media(max-height:500px) and (min-width:641px) { .room-header h1 { font-size:51px; } .room-navigation { bottom:18px; } }
@media(prefers-reduced-motion:reduce) { .gallery-page * { transition-duration:0s !important; } }


.touch-cursor { position:absolute; left:0; top:0; width:76px; height:76px; margin:-38px 0 0 -38px; border:1px solid #e3b99a55; border-radius:50%; pointer-events:none; opacity:0; transition:opacity .3s; }
.touch-cursor span { position:absolute; inset:33px; border:1px solid var(--room-accent); border-radius:50%; }
.research-lens{position:absolute;left:3.4vw;top:28%;width:285px;max-height:60%;overflow:auto;padding:12px 14px 18px 0;background:linear-gradient(90deg,#101313e8,#10131300);scrollbar-width:thin}
.research-lens h2{font:400 31px/1.06 var(--serif);letter-spacing:-.025em;margin-bottom:15px}
.research-lens>p{font:13px/1.55 var(--sans);color:#b8c3bd;margin-bottom:22px}
.research-steps{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:22px}
.research-steps button{border:0;border-bottom:1px solid #66736b;background:none;color:#9ba9a0;padding:9px 6px;font:11px var(--sans);cursor:pointer}
.research-steps button[aria-pressed=true]{color:#fff;border-color:var(--room-accent)}
.method-figure{display:flex;align-items:center;gap:6px;min-height:66px;margin-bottom:20px}
.method-node{font:10px/1.4 var(--sans);border:1px solid #61716877;padding:9px 7px;text-align:center;flex:1;color:#dbe2d9}
.method-arrow{font:16px var(--serif);color:var(--room-accent)}
.research-explanation h3{font:400 20px/1.15 var(--serif);margin-bottom:8px}
.research-explanation p{font:12px/1.6 var(--sans);color:#b7c2bb}
.method-source{display:block;font:10px/1.5 var(--sans);color:#a6b5ac;margin-top:19px;text-decoration:none}
@media(max-width:640px){.exhibition-room{min-height:900px}.gallery-page{overflow:auto}.research-lens{top:auto;bottom:135px;left:22px;width:calc(100% - 44px);max-height:38%;background:linear-gradient(0deg,#101313f0,#10131360);padding-right:0}.research-lens h2{font-size:26px}.research-lens>p{margin-bottom:10px}.research-steps{margin-bottom:10px}.method-figure{margin-bottom:10px;min-height:44px}.method-source{margin-top:9px}}
@media(min-width:641px){.research-lens{width:340px;top:27%;max-height:none;overflow:visible}.research-lens h2{font-size:29px;margin-bottom:12px}.research-lens>p{margin-bottom:14px}.research-steps{margin-bottom:14px}.method-figure{min-height:44px;margin-bottom:14px}}
.research-explanation h3{display:none}.method-source{margin-top:14px}

/* A synchronized architecture, not a set of text tabs. */
.research-lens{top:25%!important;width:370px!important;padding-top:0;background:none}
.research-lens h2{font-size:28px;line-height:1.08;max-width:370px}
.research-lens>p{font-size:12px;margin-bottom:16px}
.research-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:0 0 13px}
.research-steps button{position:relative;min-height:61px;text-align:left;border:1px solid #4b55534d;padding:10px 12px;color:#8c9993;transition:background .6s,border-color .6s,box-shadow .6s}
.research-steps button span{display:block;font-size:12px;color:inherit}
.research-steps button small{display:block;font-size:10px;line-height:1.4;margin-top:5px;opacity:.75}
.research-steps button[aria-pressed=true]{background:color-mix(in srgb,var(--room-accent) 10%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--room-accent) 10%,transparent);border-color:var(--room-accent)}
.research-steps button[aria-pressed=true]:before{content:'';position:absolute;bottom:0;left:0;height:2px;width:calc(var(--phase)*100%);background:var(--room-accent);box-shadow:0 0 10px var(--room-accent)}
.research-steps button:nth-child(odd):after{content:'→';position:absolute;right:-19px;top:20px;color:var(--room-accent)}
.research-steps button.passed{border-color:#9eada66a;color:#d2dcd6}
.method-figure{font:10px/1.5 var(--sans);color:#8d9d94;min-height:0!important;margin-bottom:12px!important;letter-spacing:.03em}
.research-explanation p{font-size:12px;line-height:1.6;min-height:58px}
.network-caption{position:absolute;top:25%;left:48%;right:6%;text-align:center;font:400 20px var(--serif);color:var(--room-accent);pointer-events:none}
.activation-readout{position:absolute;left:49%;right:8%;bottom:19%;pointer-events:none}
.activation-row{display:flex;align-items:center;gap:3px;margin:8px 0;opacity:.14;transition:opacity 1s}
.activation-row.revealed{opacity:1}.activation-row span{width:132px;flex-shrink:0;font:10px var(--sans);color:#c1d4df}.activation-row i{height:14px;flex:1;background:#9bc5ff;opacity:var(--activation);box-shadow:0 0 6px #85baff22}.activation-readout small{display:block;text-align:right;font:9px var(--sans);color:#83928c;margin-top:12px}
#signal-bridge{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#signal-bridge path{fill:none;stroke:var(--room-accent);stroke-width:1;stroke-opacity:.25;stroke-dasharray:3 6}#signal-bridge circle{fill:var(--room-accent);filter:drop-shadow(0 0 7px var(--room-accent))}#signal-bridge .destination{fill:none;stroke:var(--room-accent);stroke-width:1;opacity:.4}
.stream-switch{font-size:clamp(14px,1.4vw,21px)}.stream-selector{gap:32px}
@media(max-width:800px){.research-lens{width:310px!important}.stream-selector{gap:16px}.stream-switch{font-size:14px}}
@media(max-width:640px){.research-lens{top:420px!important;bottom:auto;left:22px;width:calc(100% - 44px)!important;max-height:none;overflow:visible}.research-lens h2{font-size:26px}.exhibition-room{min-height:1040px}.network-caption{top:140px;left:15%;right:15%;font-size:16px}.activation-readout{top:310px;bottom:auto;left:12%;right:12%}#signal-bridge{display:none}.room-navigation{bottom:16px}.stream-selector{gap:0}.stream-switch{font-size:16px}.activation-row span{width:106px}}

.research-steps button:nth-child(3){grid-column:2;grid-row:2}.research-steps button:nth-child(4){grid-column:1;grid-row:2}
.research-steps button:nth-child(3):after{content:'←';left:-19px;right:auto}
.research-steps button:nth-child(2):after{content:'↓';position:absolute;bottom:-15px;left:50%;color:var(--room-accent);font-size:12px}

.network-caption{top:21%;font-size:18px}@media(max-width:640px){.network-caption{top:140px}}

/* Continuous process drawing and restrained editorial typography. */
.room-header h1{font-size:clamp(50px,5vw,76px)}
.research-lens{top:24%!important;width:365px!important}
.research-lens h2{font-size:31px;line-height:1.05;letter-spacing:-.035em;margin-bottom:14px;max-width:355px}
.research-lens>p{font:12px/1.65 var(--sans);color:#a3afa8;max-width:335px;margin-bottom:22px}
.research-steps{position:relative;display:flex;flex-direction:column;gap:0;padding-left:120px;height:208px;margin-bottom:18px}
.research-steps button,.research-steps button[aria-pressed=true],.research-steps button.passed{grid-column:auto;grid-row:auto;min-height:52px;padding:8px 0;border:0;background:transparent;box-shadow:none;text-align:left;flex:1;color:#64756b;position:relative;transition:color .6s}
.research-steps button span{font:400 20px/1.1 var(--serif);letter-spacing:-.01em}
.research-steps button small{font:10px/1.3 var(--sans);margin-top:5px;max-width:230px}
.research-steps button[aria-pressed=true]{color:var(--room-ink)}
.research-steps button[aria-pressed=true]:before{left:-13px;top:14px;bottom:auto;width:3px;height:3px;border-radius:50%}
.research-steps button:after{display:none!important}
#architecture-circuit{position:absolute;left:0;top:0;width:112px;height:204px;overflow:visible}
.circuit-wire{stroke:#52675d;stroke-width:.7;fill:none}.circuit-wire.faint{opacity:.45;stroke-dasharray:2 4}
.circuit-junction circle:first-child{fill:#101313;stroke:#6c8074;stroke-width:1}.circuit-junction circle:last-child{fill:#6c8074}
.circuit-junction.active circle{stroke:var(--room-accent);fill:var(--room-accent);filter:drop-shadow(0 0 5px var(--room-accent))}.circuit-junction.active circle:first-child{fill:#17201b}
.circuit-signal{fill:var(--room-accent);filter:drop-shadow(0 0 5px var(--room-accent))}
.method-figure{display:none}.research-explanation p{font:12px/1.6 var(--sans);color:#abb7af;max-width:345px;min-height:58px}
.method-source{font:10px var(--sans);letter-spacing:.02em;margin-top:16px;color:#c3cec5}
#network-map{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.layer-plane{fill:#93b9d503;stroke:#b7d2e529;stroke-width:.7;transition:fill .6s,stroke .6s}.layer-plane.active{fill:#b8d9f408;stroke:#bed7e56a}
.layer-name{fill:#849b99;font:10px var(--sans);letter-spacing:.04em}.pattern-key text{fill:#b0beb8;font:10px var(--sans)}.pattern-key .schematic-note{fill:#6f8379;font-size:9px}
.network-caption{top:20%;font:400 19px var(--serif);color:#b1c1b8}
#signal-bridge path{stroke-opacity:.13}#signal-bridge .destination{opacity:.15}
@media(max-width:640px){.room-header h1{font-size:50px}.research-lens{top:440px!important;width:calc(100% - 44px)!important}.research-lens h2{font-size:29px}.exhibition-room{min-height:1110px}.network-caption{top:125px;font-size:15px}.layer-name{font-size:9px}.pattern-key{display:none}}

@media(min-width:641px){.research-lens{top:22%!important}.research-lens h2{font-size:29px;margin-bottom:10px}.research-lens>p{margin-bottom:12px}.research-steps{height:184px;margin-bottom:12px}.research-steps button{min-height:46px;padding:6px 0}.research-explanation p{min-height:0}.method-source{margin-top:10px}#architecture-circuit{height:184px}}
.research-steps button{color:#8c9b92}.research-steps button small{opacity:.85}
.research-steps{flex-wrap:nowrap;height:208px}.research-steps button{flex:0 0 52px;min-height:52px;width:100%;padding:6px 0}.research-steps button span{font-size:18px}#architecture-circuit{height:204px}

#network-map{display:none}.touch-cursor{display:none}
.gallery-page[data-mode="neural"] .research-lens{top:24%!important}
.gallery-page[data-mode="neural"] .method-figure{display:block;margin-top:30px;margin-bottom:23px!important}
.paired-narratives{display:flex;justify-content:space-around;font:400 19px/1.15 var(--serif);text-align:center}
.paired-narratives span:first-child{color:#dfba87}.paired-narratives span:last-child{color:#91b9eb}
.method-figure svg{display:block;width:100%;height:92px;overflow:visible}.method-figure svg path{stroke:#7e968a;stroke-width:.7;fill:none}.method-figure svg text{font:14px var(--sans);fill:#d2d9d3}
.paired-result{text-align:center;font:11px var(--sans);color:#9baaa1;margin-top:3px}
.separation-control{display:flex;align-items:center;gap:12px;margin:28px 4px 0;font:10px var(--sans);color:#abb8b0}
.separation-control input{flex:1;min-width:30px;accent-color:#abbfd0;cursor:ew-resize;height:2px}
.gallery-page[data-mode="neural"] .research-steps{display:flex;flex-direction:row;align-items:center;gap:22px;padding:0;height:auto;margin-bottom:20px}
.gallery-page[data-mode="neural"] .research-steps button{flex:0 1 auto;width:auto;min-height:30px;padding:4px 0;border-bottom:1px solid transparent}
.gallery-page[data-mode="neural"] .research-steps button span{font:12px var(--sans)}
.gallery-page[data-mode="neural"] .research-steps button[aria-pressed=true]{border-color:#aec8df}.gallery-page[data-mode="neural"] .research-steps button:before{display:none}
.activation-readout{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;left:46%;right:6%;bottom:20%;font:11px var(--sans);color:#9caca3}.activation-readout[hidden]{display:none}.activation-readout small{width:100%;text-align:center;font:9px var(--sans);margin-top:-16px;color:#6e8176}.warm-key{color:#dfba87}.cool-key{color:#91b9eb}.difference-key{color:#e7dac0}
@media(max-width:640px){.gallery-page[data-mode="neural"] .research-lens{top:440px!important}.activation-readout{left:10%;right:10%;top:375px;bottom:auto}.gallery-page[data-mode="neural"] .method-figure{margin-top:20px}}

/* The computational graph is the MVCA artwork. */
.agent-architecture{position:absolute;left:43%;right:3.5%;top:20%;color:#c9d1c8}
.gallery-page[data-mode="neural"] .agent-architecture{display:none}
.architecture-heading{font:400 22px var(--serif);padding-left:15px;margin-bottom:7px}.architecture-heading span{display:block;font:10px var(--sans);color:#8d9c91;margin-top:5px}
.agent-graph{width:100%;height:43vh;min-height:270px;overflow:visible}
.agent-edge path{stroke:#e7bd85;stroke-width:.45;fill:none;opacity:.075;transition:opacity .7s}
.agent-edge.incoming path{opacity:.75;stroke:#e9c28e}.agent-edge.outgoing path{opacity:.2}
.statement-packet{fill:#ffe1b0;filter:drop-shadow(0 0 4px #ffe1b0);opacity:0}
.process-agent{cursor:pointer;outline:none}.agent-hit{fill:transparent}.agent-anchor{stroke:#728677;stroke-width:1.2}
.process-agent text{font:12px var(--sans);fill:#9caa9f;paint-order:stroke;stroke:#101313;stroke-width:5px;stroke-linejoin:round;transition:fill .5s}
.process-agent.selected text{fill:#ffdeb1}.process-agent.selected .agent-anchor{stroke:#ffe0b2;stroke-width:3;filter:drop-shadow(0 0 5px #ffd8a0)}
.process-agent.supplies text{fill:#d7c7af}.process-agent:hover text,.process-agent:focus text{fill:white}
.input-label{fill:#b9c4bc;font:11px var(--sans)}.input-wire{stroke:#7b8d7e;stroke-width:.7}
.mediator-bracket{fill:none;stroke:#e4c28d;opacity:0}.mediator-label{font:11px var(--sans);fill:#d5c09e}
.agent-architecture[data-view="measure"] .mediator-bracket,.agent-architecture[data-view="intervene"] .mediator-bracket{opacity:.7}
.agent-architecture[data-view="intervene"] .agent-edge.outgoing path{stroke:#d7a1a1;opacity:.8}
.architecture-tools{display:flex;gap:22px;margin:8px 15px 12px;border-top:1px solid #74857933;padding-top:10px}
.architecture-tools button{background:none;border:0;border-bottom:1px solid transparent;padding:4px 0;font:11px var(--sans);color:#8b9b8f;cursor:pointer}
.architecture-tools button[aria-pressed=true]{color:#eed4ac;border-color:#eed4ac}
.agent-detail{padding:0 15px;max-width:640px}.agent-detail strong{font:400 19px var(--serif);color:#e0d6c3}.agent-detail p{font:11px/1.55 var(--sans);color:#a0b0a3;margin:5px 0}.agent-inputs{font:10px/1.45 var(--sans);color:#7f9687}
.gallery-page[data-mode="architecture"] #signal-bridge{display:none}
@media(max-width:640px){.agent-architecture{left:3%;right:3%;top:135px}.architecture-heading{font-size:16px}.agent-graph{height:250px;min-height:250px}.architecture-tools{gap:12px}.agent-detail{display:none}.gallery-page[data-mode="architecture"] .research-lens{top:510px!important}.exhibition-room{min-height:1190px}}

.process-agent text{font-size:16px;stroke-width:5px}.input-label{font-size:13px}.agent-edge path{stroke-width:.65;opacity:.11}.agent-edge.incoming path{opacity:.95}
.agent-architecture[data-view="measure"] .process-agent[data-stage="1"] .agent-anchor,.agent-architecture[data-view="measure"] .process-agent[data-stage="2"] .agent-anchor{stroke:#eed3a4;stroke-width:3;animation:statement-measure 3s ease-in-out infinite}
.agent-architecture[data-view="measure"] .process-agent[data-stage="2"] .agent-anchor{animation-delay:1.5s}
@keyframes statement-measure{0%,100%{opacity:.35}50%{opacity:1;filter:drop-shadow(0 0 5px #eac796)}}
@media(prefers-reduced-motion:reduce){.agent-anchor{animation:none!important}}

.agent-architecture.is-paused .agent-anchor{animation-play-state:paused!important}

/* The statements themselves travel along the true dependency graph. */
.agent-edge path{stroke-width:.42;opacity:.035}.agent-edge.incoming path{opacity:.32}.agent-edge.outgoing path{opacity:.13}
.travelling-statement{pointer-events:none}.travelling-statement rect{fill:#141b18;stroke:#d9b98455;stroke-width:.7}.travelling-statement text{fill:#f7dbb1;font:12px var(--serif)}
.statement-source{font:10px var(--sans);color:#c6b08c;margin-bottom:5px}.agent-detail blockquote{border:0;padding:0;margin:0;font:400 16px/1.3 var(--serif);color:#dfdacd}.statement-citation{font:9px var(--sans);color:#899c8e;text-decoration:none;display:inline-block;margin-top:7px}
.architecture-tools{gap:18px}.architecture-tools button{font-size:10px}.agent-architecture{top:18%}.agent-graph{height:40vh}
.llm-state-context{position:absolute;left:44%;right:5%;top:20%;pointer-events:none}.gallery-page[data-mode="architecture"] .llm-state-context{display:none}
.llm-route{display:flex;gap:12px;align-items:center;font:10px var(--sans);color:#70877d}.llm-route i{height:1px;background:#607b7066;flex:1}.llm-route .inside{color:#d9dfd0}
.llm-state-title{margin-top:20px;font:24px var(--serif);color:#dde1d6}.llm-state-title em{display:block;font:10px var(--sans);color:#8da198;margin-top:4px}
.layer-scrubber{display:flex;align-items:center;gap:12px;position:absolute;top:45vh;left:0;right:0;font:10px var(--sans);color:#96ada0;pointer-events:auto}
.layer-scrubber input{flex:1;accent-color:#c2d4ce;height:2px;cursor:ew-resize}.layer-scrubber button{border:0;background:none;color:#c2d4ce;width:28px;height:28px;cursor:pointer}
.state-coordinate{position:absolute;top:42vh;left:0;right:0;font:9px var(--sans);color:#708b7a}.state-coordinate span{float:right}
.gallery-page[data-mode="neural"] .activation-readout{bottom:12%;gap:22px}
@media(max-width:640px){.llm-state-context{top:125px;left:8%;right:8%}.llm-route{font-size:8px;gap:7px}.llm-state-title{font-size:18px;margin-top:12px}.layer-scrubber{top:260px}.state-coordinate{top:240px}.gallery-page[data-mode="neural"] .activation-readout{top:415px;bottom:auto}.gallery-page[data-mode="neural"] .research-lens{top:490px!important}.architecture-tools{gap:12px}.agent-architecture{top:135px}}

.agent-edge.incoming path{opacity:.5;filter:drop-shadow(0 0 1px #e6bc7b44)}.agent-edge.outgoing path{opacity:.24}.agent-detail mark{background:transparent;color:#ffe0a4;text-decoration:underline;text-decoration-color:#ae8d4f;text-underline-offset:4px}.construct-reading{font:10px var(--sans);margin-top:8px;color:#8f9e90;animation:construct-appear .8s ease-out}.construct-reading span{color:#f1d8a8;padding-right:8px}.agent-architecture[data-view="measure"] .agent-detail{border-left:1px solid #c5a87355}
@keyframes construct-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

.llm-route{position:relative}.model-signal{position:absolute;left:calc(9% + var(--depth,0)*77%);top:18px;width:4px;height:4px;border-radius:50%;background:#d8e4d8;box-shadow:0 0 9px #c9e4d8;transition:left .08s linear}

/* Sparse, individually resolved filaments rather than opaque ribbons. */
.agent-edge path{stroke-width:.65;opacity:.07}.agent-edge.incoming path{opacity:.55;filter:none}.agent-edge.outgoing path{opacity:.22}
.agent-graph{height:36vh}.process-agent text{stroke-width:4px}.agent-architecture[data-processing="processing"] .process-agent.selected .agent-anchor{animation:processing-signal .8s ease-in-out infinite}
@keyframes processing-signal{0%,100%{stroke-width:1;filter:drop-shadow(0 0 2px #f4cf92)}50%{stroke-width:4;filter:drop-shadow(0 0 10px #f4cf92)}}
.statement-transform{display:grid;grid-template-columns:1fr 1fr;gap:9px 24px}.received-statement{grid-column:1;grid-row:2}.produced-statement{grid-column:2;grid-row:2;border-left:1px solid #d0b98933;padding-left:18px}.statement-transform small{font:9px var(--sans);color:#8ca091}.statement-transform p{font:13px/1.35 var(--serif);margin:5px 0;color:#cccfc2}.produced-statement p{color:#eddbbb}.agent-operation{grid-column:1/3;grid-row:1;display:flex;align-items:baseline;gap:14px;border-bottom:1px solid #a38f6d33;padding-bottom:8px}.agent-operation span{font:18px var(--serif);color:#f0d9b0;white-space:nowrap}.agent-operation em{font:10px/1.4 var(--sans);color:#98ab9c}.trace-context{font:9px/1.5 var(--sans);color:#7e9585;margin-top:8px}.trace-context a{color:#a2b39f;text-decoration:none;margin-left:8px}.trace-context mark{background:transparent;color:#e9cca0}
.state-history{position:absolute;top:40vh;left:0;right:0;display:flex;align-items:center;justify-content:space-around;gap:10px;font:10px var(--sans);color:#6e8878}.state-history span{transition:color .5s}.state-history span.active{color:#f0d7b0}.state-history i{font-style:normal;color:#839b8b}.state-coordinate{top:43vh}.layer-scrubber{top:47vh}
.layer-transfer{position:absolute;top:37vh;left:0;right:0;display:flex;gap:32px}.layer-transfer b{height:1px;flex:1;background:linear-gradient(90deg,#b6cabc calc(var(--arrival)*100%),#50675a33 0%);box-shadow:0 0 8px #b5cebb11}
@media(max-width:640px){.agent-graph{height:250px}.agent-operation{display:block}.state-history{top:245px;font-size:8px}.layer-transfer{top:235px}.state-coordinate{top:270px}.layer-scrubber{top:295px}.gallery-page[data-mode="neural"] .research-lens{top:510px!important}}

.statement-transform p{font-size:12px;line-height:1.25}.agent-operation span{font-size:17px}.agent-operation em{font-size:9px}.statement-transform{gap:7px 20px}.agent-edge path{stroke-width:.45}.agent-edge.incoming path{opacity:.7}.agent-edge.outgoing path{opacity:.24}.agent-anchor{filter:drop-shadow(0 0 3px #cdb18533)}

/* v14: one continuous activation volume, living process sites */
.layer-transfer{display:none}.state-history{top:43vh}.state-coordinate{top:47vh}.layer-scrubber{top:51vh}
.agent-neuropil{pointer-events:none}.agent-neuropil path{fill:none;stroke:#b9d8e9;stroke-width:.48;mix-blend-mode:screen}
.process-agent.selected .agent-neuropil path{stroke:#f7cf94;filter:drop-shadow(0 0 2px #c5a67844)}
.agent-edge path{stroke-width:.36;stroke:#90b6c6}.agent-edge.incoming path{stroke:#dac093;opacity:.55;stroke-dasharray:9 5 2 4;animation:neural-flow 3s linear infinite;animation-delay:var(--signal-delay)}
.agent-edge.outgoing path{stroke:#8cc6ed;opacity:.4}.agent-anchor{opacity:.3}.agent-graph{height:39vh}
.architecture-tools{margin-top:0}.agent-detail{max-height:145px}.statement-transform p{font-size:11px}
@keyframes neural-flow{to{stroke-dashoffset:-100}}
.is-paused .agent-edge path{animation-play-state:paused}
@media(max-width:640px){.state-history{top:35vh}.state-coordinate{top:39vh}.layer-scrubber{top:43vh}.agent-graph{height:32vh}}

.agent-edge.incoming path{stroke-dasharray:none;animation:none;opacity:.32}.agent-edge.outgoing path{opacity:.2}.agent-edge path{stroke-width:.38}
.travelling-statement rect{fill:#101717cc;stroke:none}.travelling-statement text{font-size:11px;fill:#ffe0af}
/* Research program identity */
.room-header h1{font:400 clamp(30px,3.7vw,57px)/1.05 var(--serif);letter-spacing:-.035em}
.room-header h1 .program-name{font:inherit;line-height:1.05;letter-spacing:inherit}
.room-header h1 .program-subtitle{font:400 17px/1.3 var(--serif);letter-spacing:.01em;margin-top:9px;color:#a7b7af}
.lab-signature{position:absolute;bottom:15px;right:3.4%;font:11px var(--sans);color:#84988e;pointer-events:none}
@media(max-width:700px){.room-header h1{font-size:30px}.room-header h1 .program-subtitle{font-size:15px}.lab-signature{right:24px;bottom:10px}}