docs(eidos): two-moment model = sema emits, eidos reads (token is the contract)

Refine the doctrine per review: the two moments are the producer/consumer split —
the SEMA moment (it emits: evaluates the occurrence and stamps data-event-* tokens;
sound + haptic it executes there; no DOM/CSS) and the EIDOS moment (it reads those
tokens + data-state and materializes the visual channel in CSS). The token is the
contract — sema writes, eidos reads — which is why sema is DOM-agnostic and eidos is
the sole visual owner. The temporal axis (state persistent / event transient) runs on
top: which token, read by eidos as presets / signatures.

Applied to CHANNELS_SYNTHESIS §1 + the /temas/orquesta "two moments" section.

Verified: check 0 errors.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/uix/eidos/CHANNELS_SYNTHESIS.md

@@ -6,17 +6,27 @@
 > `COLOR_ENGINE_RFC` · `TYPOGRAPHY_ENGINE_RFC` · `DEPTH_ENGINE_RFC` · `SHAPE_ENGINE_RFC` ·
 > `STRUCTURE_ENGINE_RFC`. Demo vivo: **`/temas/orquesta`** (el mezclador).
 
-## 1. El modelo de dos momentos (transversal)
+## 1. Dos momentos, unidos por un token: sema emite, eidos lee
 
-Todo canal —no solo motion— respeta el mismo eje doble:
+Un suceso fluye por **dos momentos**, conectados por el **token**:
 
-| Momento | Atributo | Qué es | Quién |
+- **Momento de sema (emisión)** — sema evalúa el suceso y lo **emite**. Sonido + háptica los
+  **ejecuta ahí mismo** (canales runtime); para lo visual, lo **estampa como tokens**
+  `data-event-*` (family · intent · phase). Sema **no conoce DOM/CSS**.
+- **Momento de eidos (materialización)** — eidos **lee** esos tokens (+ `data-state`) y los
+  **materializa** en CSS (el canal visual). Es el **único dueño visual**.
+
+El **token es el contrato**: sema escribe, eidos lee — y por eso las capas se desacoplan (sema
+agnóstico del DOM, eidos sin lógica semántica).
+
+Sobre ese eje productor → consumidor corre el eje **temporal** (motion F1) — *qué* token:
+
+| Token | Naturaleza | Quién lo escribe | Eidos lo lee como |
 |---|---|---|---|
-| **estado** | `data-state` | lo que el elemento **es** (persistente): color de reposo, plano, forma, posición | soma / morfo |
+| `data-state` | persistente — lo que el elemento **es** | soma / morfo | `presets` |
-| **evento** | `data-event-*` | lo que le **ocurre** (transitorio, durante el `hold`): el tinte que pulsa, la sombra que recede, la esquina que se afirma, el tick, la vibración | sema (proyecta) → eidos (materializa visual) |
+| `data-event-*` | transitorio — lo que **ocurre** (durante el `hold`) | sema (emite) | `signatures` |
 
-El orden entre ambos lo fija `sequence` (`pre` / `coincident` / `post`). Eidos lee **los dos**:
+`sequence` (`pre` / `coincident` / `post`) ordena los dos.
-`presets` sobre `data-state`, `signatures` sobre `data-event-*`.
 
 ## 2. Canales de expresión (libro) vs canales de sema (runtime)
 

web/routes/temas/orquesta/+page.svelte

@@ -171,21 +171,21 @@
 	<!-- ── Los dos momentos ─────────────────────────────────────────────── -->
 	<section class="section">
 		<div class="sec-head">
-			<h2 class="sec-title">Dos momentos, un solo modelo</h2>
+			<h2 class="sec-title">Dos momentos: sema emite, eidos lee</h2>
 			<p class="sec-note">
-				Todo canal respeta el mismo rigor: lo que el elemento <em>es</em> (estado, persistente) vs
+				El suceso fluye por dos momentos unidos por un <em>token</em>. Sema lo <em>emite</em>; eidos
-				lo que le <em>ocurre</em> (evento, durante el hold). El mezclador de arriba dispara el
+				lo <em>lee</em> y lo materializa. Sema no conoce el DOM; eidos es el único dueño visual. El
-				momento-<em>evento</em>; el reposo es el momento-<em>estado</em>.
+				token (<code>data-event-*</code>) es el contrato entre ambos.
 			</p>
 		</div>
 		<div class="moments">
 			<div class="moment">
-				<span class="moment-h">estado · <code>data-state</code></span>
+				<span class="moment-h">momento de <b>sema</b> · emite</span>
-				<p class="moment-p">color de reposo · plano de profundidad · forma en reposo · posición. Persistente — soma/morfo.</p>
+				<p class="moment-p">Evalúa el suceso —familia · intención · fase— y lo estampa como tokens <code>data-event-*</code>. Sonido + háptica los ejecuta aquí mismo. No toca el DOM/CSS.</p>
 			</div>
 			<div class="moment moment-event">
-				<span class="moment-h">evento · <code>data-event-*</code></span>
+				<span class="moment-h">momento de <b>eidos</b> · lee</span>
-				<p class="moment-p">el tinte que pulsa · la sombra que recede · la esquina que se afirma · el tick · la vibración. Transitorio — sema, durante el hold.</p>
+				<p class="moment-p">Lee esos tokens (+ <code>data-state</code>) y los materializa en CSS — el canal visual: el tinte, la sombra que recede, la esquina que se afirma, la escala.</p>
 			</div>
 		</div>
 	</section>