Add warnings and citation

static/index.html

@@ -68,6 +68,12 @@
         <span class="pill-value" x-text="localKey ? 'tab-only' : ((state.provider === 'openrouter' && state.has_env_key) ? 'shared env' : 'API key')"></span>
       </button>
 
+      <!-- Cite pill -->
+      <button @click="modal='cite'" class="pill" title="Cite this work">
+        <span class="pill-icon">📚</span>
+        <span class="pill-label">Cite</span>
+      </button>
+
       <div class="flex-1"></div>
 
       <!-- Selection bulk bar -->
@@ -139,6 +145,10 @@
         </button>
       </section>
 
+      <div class="rounded-lg border-2 border-red-400 bg-red-50 text-red-800 p-3 text-xs leading-relaxed">
+        <strong>⚠ Heavy use?</strong> Duplicate this Space to your own account for intensive use and to avoid data loss — shared instances may be reset at any time.
+      </div>
+
       <section class="card" x-show="state.sentences.length > 0">
         <h3 class="card-title">⚡ Shortcuts</h3>
         <ul class="text-[11px] text-ink-500 space-y-1 font-mono">
@@ -833,6 +843,48 @@
   </div>
 
   <!-- Help -->
+  <!-- Cite modal -->
+  <div class="modal-backdrop" x-show="modal === 'cite'" @click.self="closeModal()" x-transition style="display:none">
+    <div class="modal-card max-w-2xl">
+      <header class="modal-header">
+        <h2 class="font-semibold">Cite this work</h2>
+        <button @click="closeModal()" class="btn btn-ghost btn-icon">✕</button>
+      </header>
+      <div class="p-5 space-y-3">
+        <p class="text-xs text-ink-500">If you use this tool, please cite:</p>
+        <pre id="bibtex-block" class="text-[11px] bg-ink-50 border border-ink-200 rounded-lg p-3 overflow-auto font-mono whitespace-pre">@inproceedings{vidal-gorene-etal-2026-resourced,
+    title = "Under-resourced studies of under-resourced languages: lemmatization and {POS}-tagging with {LLM} annotators for historical {A}rmenian, {G}eorgian, {G}reek and {S}yriac",
+    author = "Vidal-Gor{\`e}ne, Chahan  and
+      Kindt, Bastien  and
+      Cafiero, Florian",
+    editor = "Hettiarachchi, Hansi  and
+      Ranasinghe, Tharindu  and
+      Plum, Alistair  and
+      Rayson, Paul  and
+      Mitkov, Ruslan  and
+      Gaber, Mohamed  and
+      Premasiri, Damith  and
+      Tan, Fiona Anting  and
+      Uyangodage, Lasitha",
+    booktitle = "Proceedings of the Second Workshop on Language Models for Low-Resource Languages ({L}o{R}es{LM} 2026)",
+    month = mar,
+    year = "2026",
+    address = "Rabat, Morocco",
+    publisher = "Association for Computational Linguistics",
+    url = "https://aclanthology.org/2026.loreslm-1.28/",
+    doi = "10.18653/v1/2026.loreslm-1.28",
+    pages = "324--334",
+    ISBN = "979-8-89176-377-7"
+}</pre>
+        <div class="flex gap-2">
+          <button class="btn btn-primary"
+                  @click="navigator.clipboard.writeText(document.getElementById('bibtex-block').innerText); $event.target.textContent='✓ Copied'; setTimeout(()=>$event.target.textContent='Copy BibTeX', 1500)">Copy BibTeX</button>
+          <a class="btn btn-secondary" target="_blank" href="https://aclanthology.org/2026.loreslm-1.28/">Open on ACL Anthology ↗</a>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <div class="modal-backdrop" x-show="modal === 'help'" @click.self="closeModal()" x-transition>
     <div class="modal-card max-w-2xl">
       <header class="modal-header">