diff --git "a/index.html" "b/index.html" --- "a/index.html" +++ "b/index.html" @@ -21,8 +21,8 @@ *{box-sizing:border-box} body{margin:0;background:var(--page);color:var(--ink); font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;line-height:1.65; - -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} - .wrap{max-width:1320px;margin:0 auto;padding:0 24px 92px} + -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip} + .wrap{max-width:1320px;margin:0 auto;padding:20px 24px 92px} header.hero{padding:66px 0 32px;border-bottom:1px solid var(--hair)} .kicker{color:var(--ink2);font-weight:600;font-size:12px;letter-spacing:.15em;text-transform:uppercase} h1{font-size:clamp(31px,4.6vw,48px);line-height:1.05;margin:18px 0 18px;letter-spacing:-.028em;font-weight:600;max-width:17ch} @@ -88,6 +88,25 @@ .memtext{white-space:pre-wrap;font-size:12.5px;line-height:1.62;overflow-wrap:anywhere} .katex{font-size:1.02em} .katex-display{margin:.5em 0;overflow-x:auto;overflow-y:hidden} .foot{color:var(--muted);font-size:12.5px;margin-top:46px;border-top:1px solid var(--hair);padding-top:18px;max-width:82ch} + + /* source toggles */ + .toggles{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px} + .toglbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-weight:600;margin-right:2px} + .tog{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer; + border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 12px;transition:opacity .12s,background .12s} + .tog:hover{background:var(--chip)} .tog.off{opacity:.38;text-decoration:line-through} .tog .dot{margin-top:0} + #agg{overflow-x:auto} + .colbody:focus-visible{outline:2px solid var(--accent);outline-offset:-2px} + /* responsive */ + @media(max-width:640px){ + header.hero{padding:40px 0 22px} .wrap{padding:0 14px 64px} .detail{padding:18px 16px} .card{padding:18px 16px} + .col{flex-basis:83vw} .col.wide{flex-basis:89vw} .rail{max-height:168px} .colbody{max-height:60vh} + .q{font-size:17px} + } + .railgrp{font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:11px 11px 4px;margin-top:5px;border-top:1px solid var(--hair)} + .railgrp:first-child{border-top:none;margin-top:0;padding-top:2px} + .railitem.multi{margin-left:8px;border-left:2px solid var(--hair)} + .rstep{color:var(--muted);font-size:10.5px;margin-left:auto;font-variant-numeric:tabular-nums} @@ -97,13 +116,7 @@
-
-
Compressed Value Functions
-

Can a short memento replace the chain-of-thought for value prediction?

-

A process value function estimates V = P(reach a correct answer | reasoning so far). - Pick a cut on the left; the pane compares the full reasoning trace against five mementos of it, side by - side, with the trained value-PRM's prediction V̂ read from each.

-
+

How to read this

@@ -126,6 +139,7 @@

Inspect a cut

+
@@ -135,7 +149,7 @@ cut. Self-contained — data embedded; LaTeX via KaTeX. ← / → to page through cuts.