@bongos/core 1.19.928 → 1.19.930

package/modules/hall-ui/public/idea-objects.js

@@ -0,0 +1,109 @@
+// modules/hall-ui/public/idea-objects.js — THE FIVE OBJECTS, as a reader's
+// words (task 1004098 / BV2.R03 "the room", goal 1000095).
+//
+// The server derives which object a thought IS — once, in
+// modules/ideas/idea-state.js, from the ledger (ADR 0322). This file is the
+// other half of that decision and deliberately does NOT re-derive anything: it
+// maps a state the server already answered onto the word, the sentence and the
+// mark a surface draws for it. `resolveIdeaState` is the authority on WHICH of
+// the five; this is the authority on how one LOOKS.
+//
+// IT IS SHARED BECAUSE TWO SURFACES DRAW THESE AND A THIRD WILL. The room
+// (this task) is the first, the sky (BV2.R26) is the next, and the idea record
+// is the obvious third. A vocabulary copied into each of them is how the sky
+// ends up calling a thought "burned out" while the room beside it says
+// "declined" — the same failure the resolver exists to prevent, one layer up.
+// The descent on /idea/:id is deliberately NOT a consumer: a descent row is a
+// TASK, and marking one with an idea-level object would be exactly the
+// re-derivation this pair of files refuses (see idea.js, "what a row is marked
+// by").
+//
+// THE WORDS ARE THE DESIGN'S, taken from docs/design/ideator-surface-direction.md
+// §"The five objects" rather than invented here, so the surface says what the
+// owner said. Where that table is a fragment ("it burned, then the project
+// removed it"), it is spelled into a sentence and nothing more.
+//
+// NO DOM, no fetch, no state. One frozen table and three lookups, so a page
+// under test can read it without booting a page.
+(function () {
+  'use strict';
+
+  // Canonical order. It is the order the design lists them in and the order a
+  // filter row draws them in — brightest and most actionable first, folded and
+  // declined last — so two surfaces cannot disagree about where a pill sits.
+  var ORDER = ['star', 'protostar', 'satellite', 'remnant', 'cold-body'];
+
+  var OBJECTS = {
+    star: {
+      label: 'burning',
+      noun: 'star',
+      blurb: 'caused work that is still alive. it dims as pieces of that work are removed',
+    },
+    protostar: {
+      label: 'waiting',
+      noun: 'protostar',
+      blurb: 'filed, not yet ignited',
+    },
+    satellite: {
+      label: 'folded in',
+      noun: 'satellite',
+      blurb: 'folded into another thought. it orbits that one now, and its value counts there',
+    },
+    remnant: {
+      label: 'burned out',
+      noun: 'remnant',
+      blurb: 'it burned, then the project removed it. it keeps every bit of its size',
+    },
+    'cold-body': {
+      label: 'declined',
+      noun: 'cold body',
+      blurb: 'declined at triage. it never ignited, so it has no size at all',
+    },
+  };
+
+  // An unknown state is passed through rather than swallowed, the way idea.js
+  // passes through an unknown descent relation: a sixth object would be a real
+  // answer the server gave, and drawing it unstyled beats drawing nothing or,
+  // worse, silently drawing it as a protostar.
+  function objectFor(state) {
+    var key = String(state || '');
+    return OBJECTS[key] || { label: key || 'unknown', noun: key || 'unknown', blurb: '' };
+  }
+
+  // POSITION is the second axis and it is only load-bearing for a protostar —
+  // the design is explicit that a star has a position too, and that the
+  // distinction only MEANS something for a thought nothing has claimed yet.
+  // So this returns a sentence for exactly that case and null otherwise,
+  // rather than letting every row carry a word that tells a reader nothing.
+  function positionWord(state) {
+    if (!state || state.state !== 'protostar') return null;
+    if (state.position !== 'well') return 'nothing has claimed it';
+    return state.awaitingNod ? 'waiting for a nod' : 'has a home';
+  }
+
+  // Brightness as a reader's phrase. THE THREE ANSWERS ARE THREE, never two:
+  //   a number  → this share of the work it caused is still alive
+  //   null      → the removal facts could not be read at all
+  //   no work   → nothing to be alive or dead yet
+  // Collapsing "we could not look" into "none of it survived" is the exact
+  // mistake modules/ideas/idea-state.js step 3 was written to prevent, and it
+  // would render a healthy instance as a field of hollow rings the moment the
+  // lifecycle module failed to mount.
+  function brightnessWord(state) {
+    if (!state || state.hasWork !== true) return null;
+    if (state.attributable !== true || state.brightness === null || state.brightness === undefined) {
+      return 'still alive — unknown';
+    }
+    var pct = Math.round(Number(state.brightness) * 100);
+    if (pct >= 100) return 'all of it still alive';
+    if (pct <= 0) return 'none of it still alive';
+    return pct + '% still alive';
+  }
+
+  window.OTBIdeaObjects = {
+    ORDER: ORDER,
+    objectFor: objectFor,
+    positionWord: positionWord,
+    brightnessWord: brightnessWord,
+  };
+})();

package/modules/hall-ui/public/idea.html

@@ -52,7 +52,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib" defer></script>
 <!-- task-detail.js still owns the #/idea/N and #/blocker/N overlay, so a ref

package/modules/hall-ui/public/ideas.html

@@ -192,7 +192,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <!-- task 1003069 (R08) — the quick-filing form's routed result links a task

package/modules/hall-ui/public/index.html

@@ -102,7 +102,7 @@
 <script src="/builders/brand-apply.js?v=2026-06-27-r75" defer></script>
 <!-- The app shell (sidebar + top bar + view router). Dependency-free; loaded
      BEFORE builders.js so the chrome ids exist when events are wired. -->
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1" defer></script>
+<script src="/builders/shell.js?v=2026-09-20-room1" defer></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- task 2166: the shared component kit (window.OTBKit) — pager/ledger/rail.

package/modules/hall-ui/public/modules.html

@@ -80,7 +80,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>

package/modules/hall-ui/public/people.html

@@ -55,7 +55,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB — rank labels, number formats) + the

package/modules/hall-ui/public/primer.html

@@ -115,7 +115,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- the shared markdown reader (window.OTBMdReader) — primer.js renders through

package/modules/hall-ui/public/profile.html

@@ -187,7 +187,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded before profile.js, which pulls from it. -->

package/modules/hall-ui/public/project-settings.html

@@ -58,7 +58,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-16-gate"></script>

package/modules/hall-ui/public/ranks.html

@@ -68,7 +68,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded before ranks.js, which pulls from it. -->

package/modules/hall-ui/public/roadmap.html

@@ -41,7 +41,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-14-domutils"></script>

package/modules/hall-ui/public/roster.html

@@ -50,7 +50,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB — rank labels, number formats) + the

package/modules/hall-ui/public/sessions.html

@@ -99,7 +99,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded BEFORE sessions.js so it can pull from it. -->

package/modules/hall-ui/public/settings.html

@@ -416,7 +416,7 @@
 
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page scripts run. -->
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded before consuming IIFEs. -->

package/modules/hall-ui/public/shell.js

@@ -216,6 +216,17 @@
       // behind the ideator craft would hide the ideator's own surface from
       // everyone else who has a thought, which is most of the value.
       { id: 'ideas', label: 'Ideas', icon: 'goals', href: '/ideas', gate: 'signed' },
+      // task 1004098 (BV2.R03 of goal 1000095): THE ROOM — what you filed and
+      // what became of it. Directly under Ideas because the two are the daily
+      // loop: you file on one and you find out on the other, and the whole
+      // criterion (`ideator-nothing-is-lost`) is that the second half must be
+      // reachable without asking anyone. NOT in the 'You' group beside Standing
+      // and Profile, even though it is your own view: that group is your
+      // numbers, and this page's subject is the project's work, seen from the
+      // thought that caused it. gate 'signed' for the same reason Ideas is —
+      // there is no permission gate on having a thought, and the route reads the
+      // VIEWER's own trail, so there is nothing here a rank could protect.
+      { id: 'thinking', label: 'Your thinking', icon: 'goals', href: '/thinking', gate: 'signed' },
       { id: 'copy-desk', label: 'Copy desk', icon: 'docs', href: '/copy-desk', gate: 'signed', module: 'copy-desk' },
       // task 1003117 (R06 of goal 1000074): the Studio — artist mode, "a place an
       // artist wants to be, not a form". Beside the copy desk (the artist's other

package/modules/hall-ui/public/studio.html

@@ -66,7 +66,7 @@
 
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
 <!-- The kit, for its ONE renderer: the full-size ship-time visual figure

package/modules/hall-ui/public/style.css

@@ -3163,10 +3163,20 @@ main [id] { scroll-margin-top: calc(var(--topbar-h) + 16px); }
 /* tab strip — the .setup__tab idiom in the .setup__toggle frame, promoted */
 /* A tab strip is hairlines, not a segmented box: one rule under the row and a
    2px accent underline on the open tab, the lit-step grammar again. */
+/* Both axes are named on purpose, and the pair is load-bearing — do not
+   "simplify" this back to the single `overflow-x`. Per the overflow spec a
+   non-`visible` value on one axis computes the OTHER axis to `auto` too, so
+   `overflow-x: auto` alone made the strip a scroll container vertically as
+   well; `.setup__tab`'s `margin-bottom: -1px` (the underline sitting on the
+   strip's hairline, below) then overflowed it by exactly 1px and every hall
+   page with tabs grew a vertical scrollbar it could never scroll. `hidden` is
+   the fix and `visible` is not: `visible` beside an `auto` is the value the
+   spec rewrites, which would put the bug straight back (task 1004130). */
 .kit-tabs {
   display: flex;
   max-width: 100%;
   overflow-x: auto;
+  overflow-y: hidden;
   border: 0;
   border-bottom: 1px solid var(--rule);
   border-radius: 0;

package/modules/hall-ui/public/task.html

@@ -57,7 +57,7 @@
 
 <!-- The app shell (sidebar + top bar + footer). Dependency-free; runs at parse
      time so the chrome exists before the deferred page scripts execute. -->
-<script src="/builders/shell.js?v=2026-09-20-coreupdate1"></script>
+<script src="/builders/shell.js?v=2026-09-20-room1"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared frontend toolkit (window.OTB) — loaded FIRST so task.js can pull from it. -->

package/modules/hall-ui/public/thinking.css

@@ -0,0 +1,277 @@
+/* thinking.css — what THE ROOM has that no other hall page has
+   (task 1004098 / BV2.R03, goal 1000095).
+
+   The composition is the shell's: `.page-head--board`, `.scroll`, `.ledger` and
+   the kit's `.kit-tabs` strip all come from style.css and are not restated here.
+   What is left is the three shapes only this page has — the figure run over the
+   list, the size bar, and the mark for the five objects — plus the cells the
+   ledger has no opinion about.
+
+   NO COLOUR THAT IS NOT A TOKEN. Every value below is one of the world's
+   fifteen or a color-mix of them, so the page inherits dark and light from the
+   pack rather than declaring either: there is not one mode-specific rule in this
+   sheet, which is why it needs no dark twin. `--line` is a WIDTH; a hairline's
+   colour is `--rule` / `--rule-soft`.
+
+   NO MOTION. Nothing here transitions or animates, so the sheet sits entirely
+   inside the Kill Switch rather than needing to be excused by it. The one thing
+   that could have moved — a size bar growing as the background pages land —
+   deliberately does not: the bar is a measurement, and a measurement that
+   animates on every re-render turns a quiet page into a twitching one. */
+
+/* ---- the figures over the list -------------------------------------------
+   The same object as the descent's `.ig-desc__figs` on /idea/:id, and that is
+   on purpose rather than by accident: the two pages state the same kind of fact
+   (a count over a body of work) and a reader moving between them should not
+   have to learn a second shape for it. It is not SHARED code, because the
+   descent's figures live in the idea record's own sheet and hoisting them into
+   style.css to serve two pages is an archetype decision, not a page's. If a
+   third surface wants them — the sky will — that is the moment. */
+.tr-figs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--sp-md) var(--sp-lg);
+  margin: 0 0 var(--sp-md);
+}
+.tr-fig { display: grid; gap: 6px; }
+.tr-fig__n {
+  font-size: 32px;
+  font-weight: 300;
+  line-height: 1;
+  letter-spacing: -0.03em;
+  font-variant-numeric: tabular-nums;
+  color: var(--ink);
+}
+/* Only ONE figure is warm, and it is the live one — "still burning" is the
+   number the page exists to make visible, and an accent spent on all four would
+   say nothing. "burned out" goes faint for the same reason it does in the
+   descent: the record of work that happened is not an error to shout. */
+.tr-fig[data-tone="warm"] .tr-fig__n { color: var(--accent-deep); }
+.tr-fig[data-tone="dim"] .tr-fig__n { color: var(--ink-faint); }
+.tr-fig__label {
+  font-family: var(--label-face);
+  font-size: var(--label-size);
+  letter-spacing: var(--label-space);
+  text-transform: var(--label-case);
+  color: var(--ink-faint);
+}
+
+/* ---- the filter strip ---------------------------------------------------- */
+/* The strip itself is `.kit-tabs`; all this adds is the air under it, because
+   the kit's own margin assumes a panel directly beneath and here a table
+   follows. */
+.tr-filters { margin: 0 0 var(--sp-sm); }
+
+/* ---- the rows ------------------------------------------------------------ */
+/* The four short columns are pinned and the two prose ones share what is left,
+   so the row's SUBJECT — the thought — gets the width instead of losing it to
+   an outcome sentence that happens to be long. `width` on a th is a hint under
+   `table-layout: auto`, which is what is wanted here: a pinned column still
+   gives way rather than clipping when a cell genuinely needs more. */
+.tr-table { table-layout: auto; }
+.tr-table th:nth-child(1) { width: 34%; }
+.tr-table th:nth-child(2) { width: 100px; }
+.tr-table th:nth-child(3) { width: 30%; }
+.tr-table th:nth-child(4) { width: 104px; }
+.tr-table th:nth-child(5) { width: 142px; }
+/* The thought is the row's subject, so it is the one cell that may take the
+   width and the one cell whose link reads at body size. */
+.tr-thought a {
+  display: inline-block;
+  min-height: 24px;
+  padding: 3px 0;
+  line-height: 18px;
+  color: var(--ink);
+  border-bottom: var(--line) solid var(--rule);
+}
+.tr-thought a:hover { border-bottom-color: var(--ink); text-decoration: none; }
+.tr-became { font-size: 13.5px; color: var(--ink-soft); }
+.tr-became a {
+  display: inline-block;
+  min-height: 24px;
+  padding: 3px 0;
+  line-height: 18px;
+  color: var(--ink-soft);
+  border-bottom: var(--line) solid var(--rule-soft);
+}
+.tr-became a:hover { color: var(--ink); border-bottom-color: var(--ink); text-decoration: none; }
+.tr-quiet { color: var(--ink-faint); }
+/* The one actionable phrase on the page — a task sitting at backlog inside a
+   goal is one promote from claimable — so it is the only thing in a row that
+   takes the accent, and it says the word as well as wearing the colour. */
+.tr-nod { color: var(--accent-ink); }
+
+/* ---- size ---------------------------------------------------------------- */
+/* Bar and number together, never the bar alone: size is long-tailed and its
+   compressed width is a comparison, not a quantity. The direction is explicit
+   that the true figure stays available wherever the drawing is. */
+.tr-sizecell { white-space: nowrap; }
+.tr-size { display: inline-flex; align-items: center; gap: 10px; }
+.tr-size__bar {
+  display: block;
+  flex: none;
+  width: 56px;
+  height: 3px;
+  border-radius: 999px;
+  /* The track is the unfilled remainder; the fill is the accent at the server's
+     own compressed width. One element, so a row costs no extra box. */
+  background:
+    linear-gradient(to right, var(--fill, var(--accent)) 0 var(--w, 0%), transparent var(--w, 0%) 100%),
+    var(--rule-soft);
+}
+/* Every bit of its size, none of its colour — the remnant's whole picture. See
+   thinking.js sizeHtml() for why this is set from the state and not from the
+   number. `--ink-faint` and not `--rule`: at the hairline's weight a full-width
+   bar stops clearing the 3:1 non-text floor on the dark ground, and this bar is
+   the one that must still read as LARGE. */
+.tr-size[data-lit="out"] { --fill: var(--ink-faint); }
+.tr-size__n {
+  font-size: 13px;
+  font-variant-numeric: tabular-nums;
+  color: var(--ink-soft);
+}
+/* A size computed from a descent rather than from payouts that were made. It is
+   a footnote, not a warning — the number is real, it just means something
+   slightly different, and the title says which. */
+.tr-hist {
+  display: block;
+  margin-top: 2px;
+  font-size: 11.5px;
+  color: var(--ink-faint);
+  text-decoration: none;
+  border-bottom: var(--line) dotted var(--rule);
+  cursor: help;
+}
+
+/* ---- the five objects ---------------------------------------------------- */
+/* THE MARK RESTATES THE WORD IN SHAPE. Every object below differs from the
+   others by geometry — filled, haloed, ringed, outlined — and not only by tone,
+   because a mark distinguished by colour alone tells a colour-blind reader
+   nothing. That is the sheet's existing rule for the grade badge and the
+   descent's glyph; this is the same rule applied to a vocabulary of five.
+
+   `--lit` is the server's brightness, between 0 and 1, set per row by
+   thinking.js. It rides the star's opacity — and the star's ALONE, because the
+   other four objects have no live share to show and dimming them would invent
+   one. A star whose brightness could not be READ arrives with --lit: 1 and says
+   so in words (idea-objects.js brightnessWord); a full glyph over "still alive
+   — unknown" is the honest pair. The floor of 0.35 is a contrast floor: below
+   it the mark stops clearing 3:1 against the ground and a dim star becomes an
+   absent one, which is the wrong reading entirely — a star is never nothing. */
+.tr-objcell { white-space: nowrap; }
+.tr-obj { display: inline-flex; align-items: flex-start; gap: 10px; }
+.tr-obj__glyph {
+  flex: none;
+  width: 9px;
+  height: 9px;
+  margin-top: 5px;
+  border-radius: 50%;
+  background: var(--ink-faint);
+}
+.tr-obj__body { display: grid; gap: 2px; min-width: 0; }
+.tr-obj__label { font-size: 13.5px; color: var(--ink); }
+.tr-obj__sub { font-size: 12px; color: var(--ink-faint); }
+
+/* star — filled, accent, dimmed by its live share. */
+.tr-obj[data-object="star"] .tr-obj__glyph {
+  background: var(--accent);
+  opacity: max(0.35, var(--lit, 1));
+}
+/* protostar — small and haloed: matter gathering, not yet burning. The halo is
+   a ring of the accent mixed back into the ground, so it reads as glow rather
+   than as a second border. */
+.tr-obj[data-object="protostar"] .tr-obj__glyph {
+  width: 7px;
+  height: 7px;
+  margin-top: 6px;
+  background: var(--ink-soft);
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);
+}
+/* satellite — a small body with an orbit around it, detached from the mark so
+   it reads as something going round rather than as a thick edge. */
+.tr-obj[data-object="satellite"] .tr-obj__glyph {
+  width: 6px;
+  height: 6px;
+  margin-top: 6px;
+  background: var(--ink-soft);
+  outline: var(--line) solid var(--rule);
+  outline-offset: 4px;
+}
+/* remnant — the hollow ring, and the largest mark of the five. A thought that
+   caused a great deal of work the project then tore out renders LARGE and DEAD:
+   that is the whole reason size and brightness are two channels, so the object
+   that carries it must not be the quietest thing in the column. `--ink-faint`
+   and not `--rule`: at the hairline's weight this measured under the 3:1
+   non-text floor on the dark ground, the same finding the descent's "out" glyph
+   recorded. */
+.tr-obj[data-object="remnant"] .tr-obj__glyph {
+  width: 12px;
+  height: 12px;
+  margin-top: 4px;
+  background: transparent;
+  box-shadow: inset 0 0 0 1.5px var(--ink-faint);
+}
+/* cold body — the smallest mark there is, a dark point with a hairline edge. It
+   never ignited, so it has no size at all, and the mark says that by being the
+   one object with nothing inside it and nothing around it. */
+.tr-obj[data-object="cold-body"] .tr-obj__glyph {
+  width: 6px;
+  height: 6px;
+  margin-top: 6px;
+  background: var(--surface-2);
+  box-shadow: inset 0 0 0 var(--line) var(--ink-faint);
+}
+
+/* ---- notes + the empty state --------------------------------------------- */
+.tr-note { font-size: 13.5px; color: var(--ink-faint); margin: 0; }
+.tr-empty {
+  margin: 0;
+  padding: var(--sp-md) 0;
+  font-size: 14px;
+  color: var(--ink-soft);
+  max-width: var(--measure);
+}
+.tr-foot {
+  margin: var(--sp-md) 0 0;
+  font-size: 13px;
+  color: var(--ink-faint);
+  max-width: var(--measure);
+}
+
+/* ---- the phone ----------------------------------------------------------- */
+/* Nothing below widens the document — the page never scrolls sideways, and the
+   restacking here is what makes that true without leaning on the shell's strip
+   at all. */
+@media (max-width: 640px) {
+  .tr-fig__n { font-size: 26px; }
+  /* THE TABLE STOPS BEING A TABLE. The shell would give it a horizontal strip
+     (`:has(> .ledger)`) and the page would still measure clean — but five
+     columns inside a 390px strip is a table nobody can read: the thought column
+     collapses to one word per line while the object scrolls off the right, so
+     the row's two most important facts end up on opposite sides of a gesture.
+     A strip is the right answer for a ledger whose columns are a grid of
+     numbers; this one is a sentence plus three facts about it, and those stack.
+     The row becomes one flex line-box: the thought takes the width, and filed,
+     size and object run under it. */
+  .tr-table,
+  .tr-table tbody,
+  .tr-table td { display: block; width: auto; }
+  .tr-table thead { display: none; }
+  .tr-table tr {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    gap: 6px 16px;
+    padding: 14px 0;
+    border-bottom: 1px solid var(--rule-soft);
+  }
+  .tr-table tr:last-child { border-bottom: 0; }
+  .tr-table td { padding: 0; border: 0; }
+  .tr-table .tr-thought { flex-basis: 100%; font-size: 15px; }
+  /* Dropped on a phone: the outcome prose, the longest cell in the row and the
+     only one the idea's own record — one tap away on the title — states in
+     full. Size and object stay, because they are the two facts this page exists
+     for and the two the record does not put side by side. */
+  .tr-table .tr-became { display: none; }
+  .tr-obj__sub { white-space: normal; }
+}