:root{--bg: #faf7f2;--ink: #2a2a30;--accent: #b8470b;--accent-soft: #b8470b22;--rule: #cdc9c1;--grid: #e9e4d9}*{box-sizing:border-box}.back-link{display:inline-block;font-size:.85rem;color:var(--accent);text-decoration:none;margin-bottom:.5rem}.back-link:hover{text-decoration:underline}body{font-family:ui-serif,Georgia,Times New Roman,serif;color:var(--ink);background:var(--bg);margin:0;padding:2rem clamp(1rem,4vw,3rem);line-height:1.5}header{border-bottom:1px solid var(--rule);padding-bottom:1rem;margin-bottom:1.5rem}h1{font-size:1.6rem;margin:0 0 .5rem;letter-spacing:-.01em}.lede{max-width:64ch;margin:0;color:#4a4a55}code,output{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95em}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}fieldset{border:1px solid var(--rule);border-radius:4px;padding:.75rem 1rem;background:#fff}legend{padding:0 .4em;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#6b6b75}label{display:flex;align-items:center;gap:.5em;margin:.35em 0;font-size:.95rem}input[type=range]{flex:1}.hint{font-size:.85rem;color:#6b6b75;margin:.25em 0 .5em}.readouts{display:flex;flex-direction:column;gap:.25em;font-size:.9rem;margin:.5em 0 0}.readouts strong{color:var(--accent)}.pin-desc{margin:.5em 0 0;font-size:.85rem;color:#6b6b75;min-height:1.5em}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem}figure{margin:0;background:#fff;border:1px solid var(--rule);border-radius:4px;padding:1rem}figcaption{margin-top:.5rem;font-size:.85rem;color:#6b6b75;font-style:italic}figure>.chart-wrap{position:relative;width:100%;height:360px}canvas{cursor:default}#warp-chart{cursor:grab}#warp-chart.dragging{cursor:grabbing}