npm - eyeling - Versions diffs - 1.16.2 → 1.16.4 - Mend

eyeling 1.16.2 → 1.16.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/HANDBOOK.md +4 -0
package/README.md +0 -1
package/examples/ershov-mixed-computation.n3 +106 -0
package/examples/output/ershov-mixed-computation.n3 +15 -0
package/eyeling.js +510 -263
package/lib/cli.js +22 -12
package/lib/engine.js +488 -251
package/package.json +2 -3
package/arctifacts/README.md +0 -59
package/arctifacts/ackermann.html +0 -678
package/arctifacts/auroracare.html +0 -1297
package/arctifacts/bike-trip.html +0 -752
package/arctifacts/binomial-theorem.html +0 -631
package/arctifacts/bmi.html +0 -511
package/arctifacts/building-performance.html +0 -750
package/arctifacts/clinical-care.html +0 -726
package/arctifacts/collatz.html +0 -403
package/arctifacts/complex.html +0 -321
package/arctifacts/control-system.html +0 -482
package/arctifacts/delfour.html +0 -849
package/arctifacts/earthquake-epicenter.html +0 -982
package/arctifacts/eco-route.html +0 -662
package/arctifacts/euclid-infinitude.html +0 -564
package/arctifacts/euler-identity.html +0 -667
package/arctifacts/exoplanet-transit.html +0 -1000
package/arctifacts/faltings-theorem.html +0 -1046
package/arctifacts/fibonacci.html +0 -299
package/arctifacts/fundamental-theorem-arithmetic.html +0 -398
package/arctifacts/godel-numbering.html +0 -743
package/arctifacts/gps-bike.html +0 -759
package/arctifacts/gps-clinical-bench.html +0 -792
package/arctifacts/graph-french.html +0 -449
package/arctifacts/grass-molecular.html +0 -592
package/arctifacts/group-theory.html +0 -740
package/arctifacts/health-info.html +0 -833
package/arctifacts/kaprekar-constant.html +0 -576
package/arctifacts/lee.html +0 -805
package/arctifacts/linked-lists.html +0 -502
package/arctifacts/lldm.html +0 -612
package/arctifacts/matrix-multiplication.html +0 -502
package/arctifacts/matrix.html +0 -651
package/arctifacts/newton-raphson.html +0 -944
package/arctifacts/peano-factorial.html +0 -456
package/arctifacts/pi.html +0 -363
package/arctifacts/polynomial.html +0 -646
package/arctifacts/prime.html +0 -366
package/arctifacts/pythagorean-theorem.html +0 -468
package/arctifacts/rest-path.html +0 -469
package/arctifacts/roots-of-unity.html +0 -363
package/arctifacts/turing.html +0 -409
package/arctifacts/wind-turbines.html +0 -726

package/arctifacts/exoplanet-transit.html DELETED Viewed

@@ -1,1000 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1" />
-    <title>Exoplanet Transit — ARC Science Explorer</title>
-    <meta
-      name="description"
-      content="A mobile-first ARC-style science page that infers exoplanet size and orbit from a transit light curve, with Answer, Reason, and Check sections." />
-    <style>
-      :root {
-        --bg: #f7fafc;
-        --panel: #ffffff;
-        --soft: #f3f8fc;
-        --text: #102133;
-        --muted: #5b7084;
-        --border: #d8e5ef;
-        --accent: #0ea5e9;
-        --ok: #0f766e;
-        --okbg: #ecfdf5;
-        --warn: #b45309;
-        --warnbg: #fff7ed;
-        --bad: #b91c1c;
-        --badbg: #fef2f2;
-        --shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
-        --r: 22px;
-      }
-      * {
-        box-sizing: border-box;
-      }
-      html,
-      body {
-        height: 100%;
-      }
-      body {
-        margin: 0;
-        font:
-          16px/1.55 Inter,
-          ui-sans-serif,
-          system-ui,
-          -apple-system,
-          Segoe UI,
-          Roboto,
-          sans-serif;
-        color: var(--text);
-        background:
-          radial-gradient(900px 420px at 100% -10%, rgba(14, 165, 233, 0.09), transparent 60%),
-          radial-gradient(850px 420px at -10% 0%, rgba(37, 99, 235, 0.06), transparent 60%), var(--bg);
-      }
-      .wrap {
-        max-width: 920px;
-        margin: 0 auto;
-        padding: 16px 14px 80px;
-      }
-      .card {
-        background: var(--panel);
-        border: 1px solid var(--border);
-        border-radius: var(--r);
-        box-shadow: var(--shadow);
-      }
-      header.hero {
-        padding: 24px 18px;
-        margin-top: 8px;
-      }
-      .kicker {
-        display: inline-flex;
-        align-items: center;
-        gap: 8px;
-        padding: 7px 11px;
-        border-radius: 999px;
-        background: #e0f2fe;
-        border: 1px solid #bae6fd;
-        color: #0369a1;
-        font-size: 12px;
-        letter-spacing: 0.08em;
-        text-transform: uppercase;
-        font-weight: 800;
-      }
-      h1 {
-        margin: 14px 0 10px;
-        font-size: clamp(30px, 7vw, 50px);
-        line-height: 1.02;
-        letter-spacing: -0.04em;
-      }
-      h2 {
-        margin: 0 0 8px;
-        font-size: clamp(24px, 5.1vw, 34px);
-        line-height: 1.08;
-        letter-spacing: -0.03em;
-      }
-      h3 {
-        margin: 0 0 8px;
-        font-size: 20px;
-        letter-spacing: -0.02em;
-      }
-      p {
-        margin: 0 0 12px;
-      }
-      .lead {
-        font-size: 18px;
-        color: var(--muted);
-        max-width: 40ch;
-      }
-      .formula {
-        margin-top: 16px;
-        padding: 14px 16px;
-        border-radius: 18px;
-        border: 1px solid #dbeafe;
-        background: #f8fbff;
-        color: #0c4a6e;
-        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-        overflow: auto;
-      }
-      .section {
-        margin-top: 16px;
-        padding: 18px;
-      }
-      .section-head {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        margin-bottom: 12px;
-      }
-      .badge {
-        width: 34px;
-        height: 34px;
-        border-radius: 50%;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        background: #e0f2fe;
-        border: 1px solid #bae6fd;
-        color: #0369a1;
-        font-size: 14px;
-        font-weight: 900;
-        flex: 0 0 auto;
-      }
-      .sub {
-        font-size: 14px;
-        color: var(--muted);
-      }
-      .grid {
-        display: grid;
-        gap: 12px;
-      }
-      .controls {
-        display: grid;
-        gap: 10px;
-      }
-      .control {
-        background: var(--soft);
-        border: 1px solid var(--border);
-        border-radius: 18px;
-        padding: 12px 14px;
-      }
-      .control label {
-        display: block;
-        font-size: 12px;
-        text-transform: uppercase;
-        letter-spacing: 0.07em;
-        color: var(--muted);
-        font-weight: 800;
-        margin-bottom: 8px;
-      }
-      .vnum {
-        font-size: 22px;
-        font-weight: 900;
-        margin-bottom: 4px;
-      }
-      input[type='range'] {
-        width: 100%;
-      }
-      select {
-        width: 100%;
-        border: 1px solid var(--border);
-        border-radius: 12px;
-        background: white;
-        padding: 10px 12px;
-        font: inherit;
-      }
-      .actions {
-        display: flex;
-        gap: 10px;
-        flex-wrap: wrap;
-        margin-top: 16px;
-      }
-      button {
-        appearance: none;
-        border: none;
-        cursor: pointer;
-        border-radius: 14px;
-        padding: 12px 14px;
-        font: inherit;
-        font-weight: 800;
-        background: var(--accent);
-        color: white;
-        box-shadow: 0 10px 20px rgba(14, 165, 233, 0.18);
-      }
-      button.secondary {
-        background: white;
-        color: var(--accent);
-        border: 1px solid #cceaf9;
-        box-shadow: none;
-      }
-      .metrics {
-        display: grid;
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-        gap: 10px;
-        margin-top: 12px;
-      }
-      .metric {
-        background: var(--soft);
-        border: 1px solid var(--border);
-        border-radius: 18px;
-        padding: 12px 14px;
-        min-height: 92px;
-      }
-      .metric .k {
-        font-size: 12px;
-        color: var(--muted);
-        text-transform: uppercase;
-        letter-spacing: 0.07em;
-      }
-      .metric .v {
-        font-size: 22px;
-        font-weight: 900;
-        margin-top: 4px;
-        word-break: break-word;
-      }
-      .mini {
-        font-size: 13px;
-        color: var(--muted);
-      }
-      .pill-row {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 8px;
-        margin-top: 10px;
-      }
-      .pill {
-        background: #eff6ff;
-        border: 1px solid #dbeafe;
-        color: #1d4ed8;
-        padding: 7px 10px;
-        border-radius: 999px;
-        font-size: 13px;
-      }
-      .block {
-        background: #fcfdff;
-        border: 1px solid var(--border);
-        border-radius: 18px;
-        padding: 14px;
-      }
-      .notice {
-        background: var(--warnbg);
-        border: 1px solid #fed7aa;
-        color: var(--warn);
-        border-radius: 18px;
-        padding: 12px 14px;
-        margin-top: 14px;
-      }
-      .code {
-        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-        word-break: break-word;
-      }
-      canvas {
-        display: block;
-        width: 100%;
-        border: 1px solid var(--border);
-        border-radius: 18px;
-        background: linear-gradient(180deg, #ffffff, #f8fbff);
-      }
-      .legend {
-        display: flex;
-        gap: 12px;
-        flex-wrap: wrap;
-        margin-top: 8px;
-        color: var(--muted);
-        font-size: 13px;
-      }
-      .legend span::before {
-        content: '';
-        display: inline-block;
-        width: 10px;
-        height: 10px;
-        border-radius: 50%;
-        margin-right: 6px;
-        vertical-align: middle;
-      }
-      .legend .obs::before {
-        background: #0ea5e9;
-      }
-      .legend .fit::before {
-        background: #2563eb;
-      }
-      .legend .orbit::before {
-        background: #f59e0b;
-      }
-      .status {
-        display: inline-flex;
-        align-items: center;
-        gap: 8px;
-        padding: 6px 10px;
-        border-radius: 999px;
-        font-size: 12px;
-        font-weight: 900;
-      }
-      .pass {
-        background: var(--okbg);
-        color: var(--ok);
-        border: 1px solid #bbf7d0;
-      }
-      .fail {
-        background: var(--badbg);
-        color: var(--bad);
-        border: 1px solid #fecaca;
-      }
-      .table-wrap {
-        overflow: auto;
-        margin-top: 8px;
-      }
-      table {
-        width: 100%;
-        border-collapse: collapse;
-      }
-      th,
-      td {
-        text-align: left;
-        vertical-align: top;
-        padding: 9px 8px;
-        border-bottom: 1px dashed var(--border);
-      }
-      th {
-        font-size: 12px;
-        text-transform: uppercase;
-        letter-spacing: 0.07em;
-        color: var(--muted);
-      }
-      .refs {
-        display: flex;
-        gap: 10px;
-        flex-wrap: wrap;
-        margin-top: 10px;
-      }
-      .refs a {
-        text-decoration: none;
-        color: #0369a1;
-        background: #f8fbff;
-        border: 1px solid #dbeafe;
-        padding: 8px 10px;
-        border-radius: 999px;
-        font-size: 14px;
-      }
-      @media (min-width: 760px) {
-        .controls {
-          grid-template-columns: repeat(2, minmax(0, 1fr));
-        }
-        .metrics {
-          grid-template-columns: repeat(4, minmax(0, 1fr));
-        }
-      }
-    </style>
-  </head>
-  <body>
-    <div class="wrap">
-      <header class="card hero">
-        <span class="kicker">Science · answer • reason • check</span>
-        <h1>Exoplanet Transit</h1>
-        <p class="lead">
-          Given a star and a transit signal, estimate the planet's size, orbit, and temperature, then verify the result
-          by regenerating the observables in the browser.
-        </p>
-        <div class="formula">
-          Key ideas:<br />transit depth ≈ (planet radius / star radius)²<br />orbital size from period via Kepler's
-          third law<br />equilibrium temperature from stellar heating and inverse-square dilution
-        </div>
-        <div class="actions">
-          <button onclick="document.getElementById('answer').scrollIntoView({ behavior: 'smooth' })">
-            Start exploring</button
-          ><button class="secondary" onclick="runAll()">Recompute</button>
-        </div>
-      </header>
-      <section class="card section" id="answer">
-        <div class="section-head">
-          <span class="badge">1</span>
-          <div>
-            <h2>Answer</h2>
-            <div class="sub">The inferred planet for the current transit setup</div>
-          </div>
-        </div>
-        <div class="controls">
-          <div class="control">
-            <label for="preset">Preset scenario</label
-            ><select id="preset">
-              <option value="earth">Earth around Sun</option>
-              <option value="hotjupiter">Hot Jupiter</option>
-              <option value="subneptune">Warm sub-Neptune</option>
-              <option value="cooldwarf">Planet around cool dwarf</option>
-              <option value="custom">Custom values</option>
-            </select>
-          </div>
-          <div class="control">
-            <label for="noiseToggle">Synthetic data</label
-            ><select id="noiseToggle">
-              <option value="off">Clean light curve</option>
-              <option value="on">Add mild instrument noise</option>
-            </select>
-          </div>
-          <div class="control">
-            <label for="starRadius">Star radius (R☉)</label>
-            <div class="vnum" id="starRadiusValue">1.00</div>
-            <input id="starRadius" type="range" min="0.10" max="2.00" step="0.01" value="1.00" />
-          </div>
-          <div class="control">
-            <label for="starMass">Star mass (M☉)</label>
-            <div class="vnum" id="starMassValue">1.00</div>
-            <input id="starMass" type="range" min="0.10" max="2.00" step="0.01" value="1.00" />
-          </div>
-          <div class="control">
-            <label for="starTemp">Star temperature (K)</label>
-            <div class="vnum" id="starTempValue">5772</div>
-            <input id="starTemp" type="range" min="2500" max="8000" step="10" value="5772" />
-          </div>
-          <div class="control">
-            <label for="depthPpm">Transit depth (ppm)</label>
-            <div class="vnum" id="depthPpmValue">84</div>
-            <input id="depthPpm" type="range" min="30" max="30000" step="1" value="84" />
-          </div>
-          <div class="control">
-            <label for="periodDays">Orbital period (days)</label>
-            <div class="vnum" id="periodDaysValue">365.25</div>
-            <input id="periodDays" type="range" min="0.5" max="400" step="0.05" value="365.25" />
-          </div>
-          <div class="control">
-            <label for="albedo">Bond albedo</label>
-            <div class="vnum" id="albedoValue">0.30</div>
-            <input id="albedo" type="range" min="0.00" max="0.80" step="0.01" value="0.30" />
-          </div>
-        </div>
-        <div class="metrics">
-          <div class="metric">
-            <div class="k">Planet radius</div>
-            <div class="v" id="radiusEarth">—</div>
-            <div class="mini" id="radiusJupiter">—</div>
-          </div>
-          <div class="metric">
-            <div class="k">Orbit size</div>
-            <div class="v" id="semiMajor">—</div>
-            <div class="mini" id="semiMajorRs">—</div>
-          </div>
-          <div class="metric">
-            <div class="k">Transit duration</div>
-            <div class="v" id="durationHours">—</div>
-            <div class="mini">central-transit approximation</div>
-          </div>
-          <div class="metric">
-            <div class="k">Equilibrium temperature</div>
-            <div class="v" id="tempEq">—</div>
-            <div class="mini" id="fluxRel">—</div>
-          </div>
-        </div>
-        <div class="pill-row">
-          <span class="pill" id="classPill">planet class —</span><span class="pill" id="orbitPill">orbit class —</span
-          ><span class="pill" id="heatPill">heating level —</span>
-        </div>
-        <div class="notice" id="answerNotice">
-          The numbers above come directly from the slider inputs using the formulas in the Reason section.
-        </div>
-      </section>
-      <section class="card section" id="reason">
-        <div class="section-head">
-          <span class="badge">2</span>
-          <div>
-            <h2>Reason</h2>
-            <div class="sub">How the page turns a transit signal into physical estimates</div>
-          </div>
-        </div>
-        <div class="grid">
-          <div class="block">
-            <h3>Depth → radius</h3>
-            <p>
-              If the planet blocks a fraction of the star's light, the simplest estimate treats the transit depth as the
-              ratio of the blocked disk area to the stellar disk area.
-            </p>
-            <div class="formula">
-              δ ≈ (R<sub>p</sub> / R<sub>*</sub>)² &nbsp;&nbsp;→&nbsp;&nbsp; R<sub>p</sub> ≈ R<sub>*</sub> √δ
-            </div>
-            <div class="mini" id="reasonDepth">—</div>
-          </div>
-          <div class="block">
-            <h3>Period → orbit</h3>
-            <p>
-              For a planet whose mass is tiny compared with the star's, Kepler's third law links orbital period to
-              semi-major axis.
-            </p>
-            <div class="formula">
-              a³ ≈ M<sub>*</sub> P² &nbsp;&nbsp; (a in AU, P in years, M<sub>*</sub> in solar masses)
-            </div>
-            <div class="mini" id="reasonKepler">—</div>
-          </div>
-          <div class="block">
-            <h3>Stellar heating → equilibrium temperature</h3>
-            <p>
-              A simple radiative-balance estimate combines the inverse-square falloff of stellar energy with blackbody
-              re-radiation.
-            </p>
-            <div class="formula">T<sub>eq</sub> ≈ T<sub>*</sub> (1−A)<sup>1/4</sup> √(R<sub>*</sub> / 2a)</div>
-            <div class="mini" id="reasonTemp">—</div>
-          </div>
-          <div class="block">
-            <h3>Synthetic light curve</h3>
-            <p class="mini">
-              The page generates a stylized transit using the inferred depth and central-transit duration, then
-              optionally adds mild noise.
-            </p>
-            <canvas id="lightCurveCanvas"></canvas>
-            <div class="legend">
-              <span class="obs">synthetic observations</span><span class="fit">model transit</span>
-            </div>
-          </div>
-          <div class="block">
-            <h3>Orbit sketch</h3>
-            <p class="mini">
-              The orbit panel is not to scale between different presets, but it uses the inferred star and orbit sizes
-              consistently within the current scenario.
-            </p>
-            <canvas id="orbitCanvas"></canvas>
-            <div class="legend"><span class="orbit">planet position and orbit</span></div>
-          </div>
-        </div>
-      </section>
-      <section class="card section" id="check">
-        <div class="section-head">
-          <span class="badge">3</span>
-          <div>
-            <h2>Check</h2>
-            <div class="sub">Independent consistency tests designed to fail loudly when assumptions break</div>
-          </div>
-        </div>
-        <div class="metrics">
-          <div class="metric">
-            <div class="k">Depth identity</div>
-            <div class="v"><span id="checkDepthBadge" class="status">—</span></div>
-            <div class="mini" id="checkDepthText">—</div>
-          </div>
-          <div class="metric">
-            <div class="k">Kepler identity</div>
-            <div class="v"><span id="checkKeplerBadge" class="status">—</span></div>
-            <div class="mini" id="checkKeplerText">—</div>
-          </div>
-          <div class="metric">
-            <div class="k">Transit geometry</div>
-            <div class="v"><span id="checkGeomBadge" class="status">—</span></div>
-            <div class="mini" id="checkGeomText">—</div>
-          </div>
-          <div class="metric">
-            <div class="k">Recovered from synthetic data</div>
-            <div class="v"><span id="checkRecoverBadge" class="status">—</span></div>
-            <div class="mini" id="checkRecoverText">—</div>
-          </div>
-        </div>
-        <div class="block" style="margin-top: 12px">
-          <h3>Audit table</h3>
-          <div class="table-wrap">
-            <table>
-              <thead>
-                <tr>
-                  <th>Quantity</th>
-                  <th>Input / estimate</th>
-                  <th>Independent recomputation</th>
-                </tr>
-              </thead>
-              <tbody id="auditTable"></tbody>
-            </table>
-          </div>
-        </div>
-        <div class="notice">
-          The check layer is intentionally independent in style: it recomputes identities, tests geometric sanity, and
-          re-measures the synthetic light curve rather than simply trusting the display values.
-        </div>
-        <div class="refs">
-          <a href="https://science.nasa.gov/citizen-science/exoplanet-watch/exoplanet-watch-glossary/"
-            >NASA Exoplanet Watch glossary</a
-          ><a href="https://www.jpl.nasa.gov/edu/resources/lesson-plan/exploring-exoplanets-with-kepler/"
-            >NASA/JPL Kepler lesson</a
-          ><a href="https://science.nasa.gov/wp-content/uploads/2023/09/Habitable_Zone.pdf"
-            >NASA habitable-zone tutorial</a
-          >
-        </div>
-      </section>
-    </div>
-    <script>
-      'use strict';
-      const EARTHS_PER_SUN = 109.076,
-        JUPITERS_PER_SUN = 9.735,
-        RSUN_IN_AU = 0.00465047,
-        TSUN = 5772;
-      const presets = {
-        earth: { starRadius: 1, starMass: 1, starTemp: 5772, depthPpm: 84, periodDays: 365.25, albedo: 0.3 },
-        hotjupiter: { starRadius: 1, starMass: 1, starTemp: 5772, depthPpm: 10000, periodDays: 3.5, albedo: 0.1 },
-        subneptune: { starRadius: 0.85, starMass: 0.88, starTemp: 5400, depthPpm: 1600, periodDays: 12.0, albedo: 0.2 },
-        cooldwarf: { starRadius: 0.12, starMass: 0.09, starTemp: 2550, depthPpm: 6500, periodDays: 6.1, albedo: 0.2 },
-      };
-      const ids = ['starRadius', 'starMass', 'starTemp', 'depthPpm', 'periodDays', 'albedo'];
-      const valueEls = Object.fromEntries(ids.map((id) => [id, document.getElementById(id + 'Value')]));
-      const el = (id) => document.getElementById(id);
-      const starRadius = el('starRadius'),
-        starMass = el('starMass'),
-        starTemp = el('starTemp'),
-        depthPpm = el('depthPpm'),
-        periodDays = el('periodDays'),
-        albedo = el('albedo'),
-        noiseToggle = el('noiseToggle'),
-        preset = el('preset');
-      const radiusEarth = el('radiusEarth'),
-        radiusJupiter = el('radiusJupiter'),
-        semiMajor = el('semiMajor'),
-        semiMajorRs = el('semiMajorRs'),
-        durationHours = el('durationHours'),
-        tempEq = el('tempEq'),
-        fluxRel = el('fluxRel'),
-        classPill = el('classPill'),
-        orbitPill = el('orbitPill'),
-        heatPill = el('heatPill'),
-        answerNotice = el('answerNotice');
-      const reasonDepth = el('reasonDepth'),
-        reasonKepler = el('reasonKepler'),
-        reasonTemp = el('reasonTemp');
-      const checkDepthText = el('checkDepthText'),
-        checkKeplerText = el('checkKeplerText'),
-        checkGeomText = el('checkGeomText'),
-        checkRecoverText = el('checkRecoverText'),
-        auditTable = el('auditTable');
-      const fmt = (x, d = 2) => Number(x).toFixed(d);
-      const clamp = (x, a, b) => Math.max(a, Math.min(b, x));
-      function setStatus(id, ok) {
-        const el = document.getElementById(id);
-        el.textContent = ok ? 'PASS' : 'FAIL';
-        el.className = 'status ' + (ok ? 'pass' : 'fail');
-      }
-      function getInputs() {
-        return {
-          starRadius: +starRadius.value,
-          starMass: +starMass.value,
-          starTemp: +starTemp.value,
-          depthPpm: +depthPpm.value,
-          periodDays: +periodDays.value,
-          albedo: +albedo.value,
-          noise: noiseToggle.value === 'on',
-        };
-      }
-      function applyPreset(name) {
-        const p = presets[name];
-        if (!p) return;
-        ids.forEach((id) => (document.getElementById(id).value = p[id]));
-        syncLabels();
-      }
-      function syncLabels() {
-        valueEls.starRadius.textContent = fmt(starRadius.value, 2);
-        valueEls.starMass.textContent = fmt(starMass.value, 2);
-        valueEls.starTemp.textContent = starTemp.value;
-        valueEls.depthPpm.textContent = depthPpm.value;
-        valueEls.periodDays.textContent = fmt(periodDays.value, 2);
-        valueEls.albedo.textContent = fmt(albedo.value, 2);
-      }
-      function computeModel(inp) {
-        const depthFrac = inp.depthPpm / 1e6,
-          rpOverRs = Math.sqrt(depthFrac),
-          rpRe = inp.starRadius * EARTHS_PER_SUN * rpOverRs,
-          rpRj = inp.starRadius * JUPITERS_PER_SUN * rpOverRs;
-        const periodYears = inp.periodDays / 365.25,
-          aAU = Math.cbrt(inp.starMass * periodYears * periodYears),
-          aOverRs = aAU / (inp.starRadius * RSUN_IN_AU);
-        const lumRel = inp.starRadius * inp.starRadius * Math.pow(inp.starTemp / TSUN, 4),
-          fluxRel = lumRel / (aAU * aAU),
-          teq = 278.5 * Math.pow(fluxRel, 0.25) * Math.pow(1 - inp.albedo, 0.25);
-        const rsAU = inp.starRadius * RSUN_IN_AU,
-          rpAU = rpOverRs * rsAU,
-          arg = clamp((rsAU + rpAU) / aAU, 0, 0.999999),
-          durationDays = (inp.periodDays / Math.PI) * Math.asin(arg),
-          durationHours = durationDays * 24;
-        return {
-          depthFrac,
-          rpOverRs,
-          rpRe,
-          rpRj,
-          periodYears,
-          aAU,
-          aOverRs,
-          lumRel,
-          fluxRel,
-          teq,
-          rsAU,
-          rpAU,
-          durationDays,
-          durationHours,
-        };
-      }
-      const planetClass = (r) =>
-        r < 0.8
-          ? 'sub-Earth'
-          : r < 1.25
-            ? 'Earth-size'
-            : r < 2
-              ? 'super-Earth'
-              : r < 4
-                ? 'sub-Neptune'
-                : r < 7
-                  ? 'Neptune-class'
-                  : 'giant planet';
-      const orbitClass = (a) =>
-        a < 0.1
-          ? 'very close-in orbit'
-          : a < 0.5
-            ? 'inner-system orbit'
-            : a < 2
-              ? 'temperate-distance scale'
-              : 'wide orbit';
-      const heatClass = (t) => (t < 180 ? 'cold' : t < 320 ? 'temperate-ish' : t < 800 ? 'warm' : 'hot');
-      function prepareCanvas(id, cssHeight) {
-        const canvas = document.getElementById(id),
-          dpr = window.devicePixelRatio || 1,
-          w = Math.max(320, Math.floor(canvas.clientWidth || canvas.parentElement.clientWidth || 600)),
-          h = cssHeight;
-        canvas.width = Math.floor(w * dpr);
-        canvas.height = Math.floor(h * dpr);
-        canvas.style.height = h + 'px';
-        const ctx = canvas.getContext('2d');
-        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
-        return { canvas, ctx, w, h };
-      }
-      function clearCanvas(ctx, w, h) {
-        const g = ctx.createLinearGradient(0, 0, 0, h);
-        g.addColorStop(0, '#ffffff');
-        g.addColorStop(1, '#f8fbff');
-        ctx.fillStyle = g;
-        ctx.fillRect(0, 0, w, h);
-      }
-      function line(ctx, x1, y1, x2, y2, color, width = 1) {
-        ctx.beginPath();
-        ctx.moveTo(x1, y1);
-        ctx.lineTo(x2, y2);
-        ctx.strokeStyle = color;
-        ctx.lineWidth = width;
-        ctx.stroke();
-      }
-      function circle(ctx, x, y, r, stroke, fill, width = 1) {
-        ctx.beginPath();
-        ctx.arc(x, y, r, 0, Math.PI * 2);
-        if (fill) {
-          ctx.fillStyle = fill;
-          ctx.fill();
-        }
-        if (stroke) {
-          ctx.strokeStyle = stroke;
-          ctx.lineWidth = width;
-          ctx.stroke();
-        }
-      }
-      function text(ctx, s, x, y, color = '#102133', font = '12px system-ui', align = 'left') {
-        ctx.fillStyle = color;
-        ctx.font = font;
-        ctx.textAlign = align;
-        ctx.fillText(s, x, y);
-      }
-      function syntheticLightCurve(model, noiseOn) {
-        const tMax = Math.max(model.durationHours * 1.8, 8),
-          N = 220,
-          ingress = model.durationHours * Math.min(0.18, Math.max(0.04, model.rpOverRs * 0.8)),
-          half = model.durationHours / 2,
-          flat = Math.max(0, half - ingress);
-        const times = [],
-          obs = [],
-          ideal = [];
-        for (let i = 0; i < N; i++) {
-          const t = -tMax + (2 * tMax * i) / (N - 1);
-          let blocked = 0,
-            at = Math.abs(t);
-          if (at <= flat) blocked = model.depthFrac;
-          else if (at <= half) {
-            const u = (at - flat) / Math.max(1e-9, ingress);
-            blocked = model.depthFrac * (1 - u);
-          }
-          const fIdeal = 1 - blocked,
-            noise = noiseOn
-              ? (Math.sin(i * 1.7) + Math.sin(i * 0.43) * 0.7) * Math.max(2e-6, model.depthFrac * 0.02)
-              : 0;
-          times.push(t);
-          ideal.push(fIdeal);
-          obs.push(fIdeal + noise);
-        }
-        return { times, obs, ideal, tMax };
-      }
-      function drawLightCurve(model, lc) {
-        const { ctx, w, h } = prepareCanvas('lightCurveCanvas', 250);
-        clearCanvas(ctx, w, h);
-        const pad = { l: 42, r: 16, t: 16, b: 28 },
-          xmin = -lc.tMax,
-          xmax = lc.tMax,
-          minFlux = Math.min(...lc.obs, ...lc.ideal) - model.depthFrac * 0.15,
-          ymin = Math.min(minFlux, 1 - model.depthFrac * 1.15),
-          ymax = 1.0005;
-        const X = (x) => pad.l + ((x - xmin) * (w - pad.l - pad.r)) / (xmax - xmin),
-          Y = (y) => h - pad.b - ((y - ymin) * (h - pad.t - pad.b)) / (ymax - ymin);
-        line(ctx, pad.l, h - pad.b, w - pad.r, h - pad.b, '#d7e3ec', 1);
-        line(ctx, pad.l, pad.t, pad.l, h - pad.b, '#d7e3ec', 1);
-        text(ctx, 'hours from transit center', w / 2, h - 8, '#5b7084', '12px system-ui', 'center');
-        text(ctx, 'normalized flux', 10, 16, '#5b7084', '12px system-ui');
-        [xmin / 2, 0, xmax / 2].forEach((x) => {
-          line(ctx, X(x), h - pad.b, X(x), h - pad.b + 4, '#9fb3c4', 1);
-          text(ctx, fmt(x, 1), X(x), h - 10, '#5b7084', '11px system-ui', 'center');
-        });
-        [1, 1 - model.depthFrac].forEach((y) => {
-          line(ctx, pad.l - 4, Y(y), pad.l, Y(y), '#9fb3c4', 1);
-          text(ctx, y.toFixed(6), pad.l - 8, Y(y) + 4, '#5b7084', '11px system-ui', 'right');
-        });
-        ctx.beginPath();
-        lc.times.forEach((t, i) => (i === 0 ? ctx.moveTo(X(t), Y(lc.ideal[i])) : ctx.lineTo(X(t), Y(lc.ideal[i]))));
-        ctx.strokeStyle = '#2563eb';
-        ctx.lineWidth = 2;
-        ctx.stroke();
-        ctx.fillStyle = '#0ea5e9';
-        lc.times.forEach((t, i) => {
-          if (i % 3 !== 0) return;
-          circle(ctx, X(t), Y(lc.obs[i]), 2.2, null, '#0ea5e9');
-        });
-        text(
-          ctx,
-          `depth ${Math.round(model.depthFrac * 1e6)} ppm`,
-          w - pad.r - 2,
-          pad.t + 10,
-          '#0c4a6e',
-          '12px system-ui',
-          'right',
-        );
-        text(
-          ctx,
-          `duration ≈ ${fmt(model.durationHours, 2)} h`,
-          w - pad.r - 2,
-          pad.t + 26,
-          '#0c4a6e',
-          '12px system-ui',
-          'right',
-        );
-      }
-      function drawOrbit(model, inp) {
-        const { ctx, w, h } = prepareCanvas('orbitCanvas', 250);
-        clearCanvas(ctx, w, h);
-        const cx = w / 2,
-          cy = h / 2 + 6,
-          orbitR = Math.min(w, h) * 0.34,
-          starR = Math.max(10, orbitR / Math.max(4, model.aOverRs * 0.35)),
-          planetR = Math.max(3, starR * model.rpOverRs);
-        circle(ctx, cx, cy, orbitR, '#d8e5ef', null, 2);
-        const angle = -Math.PI / 5,
-          px = cx + orbitR * Math.cos(angle),
-          py = cy + orbitR * Math.sin(angle);
-        const grad = ctx.createRadialGradient(cx - starR * 0.2, cy - starR * 0.2, 2, cx, cy, starR);
-        grad.addColorStop(0, '#fff7c2');
-        grad.addColorStop(1, '#f59e0b');
-        circle(ctx, cx, cy, starR, '#fcd34d', grad, 1.5);
-        circle(ctx, px, py, planetR, '#f59e0b', '#f59e0b', 1);
-        line(ctx, cx, cy, px, py, 'rgba(245,158,11,.35)', 1.5);
-        text(ctx, `a ≈ ${fmt(model.aAU, 3)} AU`, 18, 22, '#5b7084', '12px system-ui');
-        text(ctx, `a/R* ≈ ${fmt(model.aOverRs, 1)}`, 18, 40, '#5b7084', '12px system-ui');
-        text(ctx, `R* = ${fmt(inp.starRadius, 2)} R☉`, 18, 58, '#5b7084', '12px system-ui');
-        text(ctx, `Rp = ${fmt(model.rpRe, 2)} R⊕`, 18, 76, '#5b7084', '12px system-ui');
-        text(ctx, 'not to scale across presets', w - 18, h - 12, '#5b7084', '12px system-ui', 'right');
-      }
-      function recoverFromSynthetic(lc) {
-        const minFlux = Math.min(...lc.obs),
-          depthRecovered = 1 - minFlux,
-          threshold = 1 - depthRecovered / 2;
-        let start = null,
-          end = null;
-        for (let i = 1; i < lc.obs.length; i++) {
-          const prev = lc.obs[i - 1],
-            cur = lc.obs[i];
-          if (start === null && prev > threshold && cur <= threshold) start = lc.times[i];
-          if (start !== null && prev <= threshold && cur > threshold) {
-            end = lc.times[i];
-            break;
-          }
-        }
-        return { depthRecovered, durationRecovered: start !== null && end !== null ? end - start : null };
-      }
-      function renderAnswer(inp, model) {
-        radiusEarth.textContent = `${fmt(model.rpRe, 2)} R⊕`;
-        radiusJupiter.textContent = `${fmt(model.rpRj, 3)} R♃`;
-        semiMajor.textContent = `${fmt(model.aAU, 3)} AU`;
-        semiMajorRs.textContent = `${fmt(model.aOverRs, 1)} stellar radii`;
-        durationHours.textContent = `${fmt(model.durationHours, 2)} h`;
-        tempEq.textContent = `${Math.round(model.teq)} K`;
-        fluxRel.textContent = `${fmt(model.fluxRel, 2)} × Earth flux`;
-        classPill.textContent = `planet class — ${planetClass(model.rpRe)}`;
-        orbitPill.textContent = `orbit class — ${orbitClass(model.aAU)}`;
-        heatPill.textContent = `heating level — ${heatClass(model.teq)}`;
-        answerNotice.textContent = `At ${Math.round(inp.depthPpm)} ppm, the transit implies a radius ratio of ${fmt(model.rpOverRs, 4)}. With a ${fmt(inp.starRadius, 2)} R☉ star, that gives a planet radius near ${fmt(model.rpRe, 2)} Earth radii. The ${fmt(inp.periodDays, 2)} day period around a ${fmt(inp.starMass, 2)} M☉ star implies an orbit near ${fmt(model.aAU, 3)} AU.`;
-      }
-      function renderReason(inp, model) {
-        reasonDepth.textContent = `Here: √δ = √(${fmt(model.depthFrac, 6)}) = ${fmt(model.rpOverRs, 4)}, so Rp ≈ ${fmt(model.rpRe, 2)} R⊕.`;
-        reasonKepler.textContent = `Here: a ≈ (${fmt(inp.starMass, 2)} × ${fmt(model.periodYears, 4)}²)^(1/3) = ${fmt(model.aAU, 3)} AU.`;
-        reasonTemp.textContent = `Here: with star temperature ${Math.round(inp.starTemp)} K and albedo ${fmt(inp.albedo, 2)}, the estimate is about ${Math.round(model.teq)} K.`;
-        const lc = syntheticLightCurve(model, inp.noise);
-        drawLightCurve(model, lc);
-        drawOrbit(model, inp);
-        return lc;
-      }
-      function renderChecks(inp, model, lc) {
-        const depthRe = model.rpOverRs * model.rpOverRs,
-          depthOk = Math.abs(depthRe - model.depthFrac) < 1e-12;
-        setStatus('checkDepthBadge', depthOk);
-        checkDepthText.textContent = `Computed ${(depthRe * 1e6).toFixed(2)} ppm from the inferred radius ratio.`;
-        const keplerLeft = model.aAU ** 3,
-          keplerRight = inp.starMass * model.periodYears ** 2,
-          keplerOk = Math.abs(keplerLeft - keplerRight) < 1e-10;
-        setStatus('checkKeplerBadge', keplerOk);
-        checkKeplerText.textContent = `a³ = ${fmt(keplerLeft, 6)} and M*P² = ${fmt(keplerRight, 6)} in normalized units.`;
-        const geomOk = model.aAU > model.rsAU + model.rpAU && model.durationDays < inp.periodDays / 2;
-        setStatus('checkGeomBadge', geomOk);
-        checkGeomText.textContent = geomOk
-          ? `Transit chord is physically plausible: a > R* + Rp and duration is much shorter than the orbit.`
-          : `Current sliders create a geometry that is not physically plausible for a simple central transit.`;
-        const recovered = recoverFromSynthetic(lc),
-          recDepthPpm = recovered.depthRecovered * 1e6,
-          recDuration = recovered.durationRecovered,
-          recDepthOk = Math.abs(recDepthPpm - inp.depthPpm) <= Math.max(10, inp.depthPpm * 0.08),
-          recDurOk =
-            recDuration !== null &&
-            Math.abs(recDuration - model.durationHours) <= Math.max(0.35, model.durationHours * 0.22),
-          recoverOk = recDepthOk && recDurOk;
-        setStatus('checkRecoverBadge', recoverOk);
-        checkRecoverText.textContent =
-          recDuration === null
-            ? `The synthetic curve was too shallow/noisy to re-measure cleanly.`
-            : `Recovered about ${Math.round(recDepthPpm)} ppm depth and ${fmt(recDuration, 2)} h duration from the synthetic curve.`;
-        const rows = [
-          ['Transit depth', `${Math.round(inp.depthPpm)} ppm`, `${(depthRe * 1e6).toFixed(2)} ppm from (Rp/R*)²`],
-          [
-            'Semi-major axis',
-            `${fmt(model.aAU, 3)} AU`,
-            `${fmt(Math.cbrt(inp.starMass * model.periodYears * model.periodYears), 3)} AU from Kepler`,
-          ],
-          [
-            'Equilibrium temperature',
-            `${Math.round(model.teq)} K`,
-            `${fmt(278.5 * Math.pow(model.fluxRel, 0.25) * Math.pow(1 - inp.albedo, 0.25), 1)} K from flux balance`,
-          ],
-          [
-            'Transit duration',
-            `${fmt(model.durationHours, 2)} h`,
-            recDuration === null ? 'could not recover' : `${fmt(recDuration, 2)} h measured from synthetic light curve`,
-          ],
-        ];
-        auditTable.innerHTML = '';
-        rows.forEach(([a, b, c]) => {
-          const tr = document.createElement('tr');
-          tr.innerHTML = `<td>${a}</td><td class="code">${b}</td><td class="code">${c}</td>`;
-          auditTable.appendChild(tr);
-        });
-      }
-      function runAll() {
-        syncLabels();
-        const inp = getInputs(),
-          model = computeModel(inp);
-        renderAnswer(inp, model);
-        const lc = renderReason(inp, model);
-        renderChecks(inp, model, lc);
-      }
-      preset.addEventListener('change', (e) => {
-        if (e.target.value !== 'custom') applyPreset(e.target.value);
-        runAll();
-      });
-      noiseToggle.addEventListener('change', runAll);
-      ids.forEach((id) =>
-        document.getElementById(id).addEventListener('input', () => {
-          preset.value = 'custom';
-          runAll();
-        }),
-      );
-      window.addEventListener('resize', runAll);
-      applyPreset('earth');
-      runAll();
-    </script>
-  </body>
-</html>