[data-chapter=state]{--ch-bg:#16222b;--ch-surface:#1f2f3a;--ch-fg:#eee7d9;--ch-muted:#a9b4b8;--ch-accent:#5fa088;--ch-accent-2:#c8743f;--ch-on-accent:#0f1a21;--ch-line:#eee7d92e;--ch-grain:.04;--ch-focus:var(--ch-accent);--ch-font-display:var(--font-spectral), Georgia, serif;--ch-font-body:var(--font-inter), system-ui, sans-serif;--ch-font-mono:var(--font-plex-cond), ui-monospace, monospace}.state-rules{z-index:0;pointer-events:none;background-image:repeating-linear-gradient(#0000 0 27px,#eee7d90a 27px 28px);position:absolute;inset:0}.state-hairline{background:var(--ch-accent);opacity:.35;height:1px;display:block}.state-rule{background:var(--ch-accent);opacity:.55;transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.state-mono{font-family:var(--ch-font-mono);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-weight:500}.state-mock{aspect-ratio:4/3;background:var(--ch-surface);border:1px solid var(--ch-line);border-top:3px solid var(--ch-accent);width:100%;color:var(--ch-fg);font-family:var(--ch-font-body);padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 24px 50px -28px #0009}.state-tag{font-family:var(--ch-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ch-accent);font-size:10px;font-weight:500;position:absolute;top:.7rem;left:1.25rem}.state-sample{letter-spacing:.16em;text-transform:uppercase;color:var(--ch-muted);opacity:.7;font-size:9px;position:absolute;top:.7rem;right:1.25rem}.state-body{position:absolute;inset:2.3rem 1.25rem 1.1rem}.state-kicker{font-family:var(--ch-font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ch-accent);font-size:10px;font-weight:500}.state-cell{height:100%;font-family:var(--ch-font-mono);border:1px solid var(--ch-line);color:var(--ch-muted);justify-content:center;align-items:center;font-size:10px;display:flex}.state-cell[data-filled="1"]{background:var(--ch-accent);border-color:var(--ch-accent);color:var(--ch-on-accent);font-weight:600}