:root{--bg: #faf7f2;--ink: #2a2a30;--accent: #b8470b;--accent-soft: #b8470b22;--rule: #cdc9c1;--beat: #6b6b75;--downbeat: #2a2a30}*{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}h2{font-size:1.1rem;margin:1.5rem 0 .5rem}.lede{max-width:70ch;margin:0;color:#4a4a55}code,output{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95em}.accent-swatch{background:var(--accent-soft);padding:0 .25em;border-radius:3px;color:var(--accent);font-weight:600}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1rem}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:.5em 0 0}button{padding:.4em 1em;border:1px solid var(--rule);background:#fff;border-radius:4px;cursor:pointer;font:inherit;margin-right:.5em}button:hover{background:#f0ebe1}.readouts{font-size:.9rem;margin:.5em 0 0}.readouts output{color:var(--accent);font-weight:600}.timeline-wrap{background:#fff;border:1px solid var(--rule);border-radius:4px;padding:.75rem;margin:.5rem 0 1.5rem}#timeline{width:100%;height:200px;display:block;cursor:pointer;touch-action:none}#timeline.dragging{cursor:grabbing}.proof{margin-top:1.5rem;max-width:70ch}.proof p{color:#4a4a55;font-size:.95rem}#proof-table{border-collapse:collapse;margin-top:.75rem;font-family:ui-monospace,monospace;font-size:.9rem}#proof-table th,#proof-table td{border:1px solid var(--rule);padding:4px 12px;text-align:right}#proof-table th{background:#f0ebe1;font-family:ui-serif,serif}#proof-table tr.downbeat td{background:var(--accent-soft);color:var(--accent);font-weight:600}