index.html: import-to-resume + instructions

index.html

@@ -21,6 +21,11 @@ a.user span { display: block; font-size: 13px; font-weight: 400; color: var(--mu
 <main>
   <h1>data-use annotation</h1>
   <p>keep / drop data mentions · pick your name to load your 240 passages</p>
+  <ol style="text-align:left;color:var(--mut);font-size:15px;max-width:520px;margin:0 auto 8px;padding-left:22px">
+    <li><b style="color:var(--fg)">Annotate</b> with <kbd>→</kbd> <kbd>k</kbd> keep / <kbd>d</kbd> drop — your name locks in, progress saves in this browser.</li>
+    <li><b style="color:var(--fg)">Export checkpoints</b> (top-right <b>export</b> button, or <kbd>e</kbd>) every so often.</li>
+    <li><b style="color:var(--fg)">Send the file</b> (<kbd>rulings-&lt;name&gt;-&lt;set&gt;.jsonl</kbd>) to <b style="color:var(--fg)">rafael / aivin</b> when done — or to resume later via <b>import</b>.</li>
+  </ol>
   <div class="grid">
     <a class="user" href="./review.html?user=paddy">paddy<span>240 passages</span></a>
     <a class="user" href="./review.html?user=aj">aj<span>240 passages</span></a>