adds error treat

app.py

@@ -280,15 +280,95 @@ def _cleanup_sessions():
 
 @app.post("/api/animal/{animal_id}/helped")
 async def mark_helped(animal_id: int):
-    """Registra que alguém ajudou este animal (sem foto)."""
+    """Legacy — mantido por compatibilidade. Prefira submit_help_proof."""
     animal = db.get_animal(animal_id)
     if not animal:
         return JSONResponse(content={"error": "not found"}, status_code=404)
-    db.add_sighting(animal_id, None, None, None, "[HELPED]")
+    db.add_sighting(animal_id, None, None, None, "", is_help_event=True, help_type="other")
     db.update_animal(animal_id)
     return JSONResponse(content={"ok": True})
 
 
+@app.api(name="submit_help_proof")
+def submit_help_proof(
+    animal_id: int,
+    help_type: str = "other",
+    notes: str = "",
+    image_path: FileData = None,
+) -> dict:
+    """
+    Registra que alguém ajudou o animal, com foto de prova opcional.
+    A IA verifica se a foto é do mesmo animal e detecta melhora de condição.
+    """
+    from PIL import Image as PILImage
+    import json as _json
+
+    photo_path = None
+    ai_verified = False
+    condition_update = None
+    match_score = None
+
+    if image_path and image_path.get("path"):
+        img = PILImage.open(image_path["path"]).convert("RGB")
+
+        # Analisa a foto com IA
+        description = ai.analyze_image(img)
+
+        if description.get("is_animal") is not False and description.get("_ai_success"):
+            embedding = ai.get_embedding(description)
+            candidates = db.get_all_animals_with_embeddings()
+
+            # Verifica se é o mesmo animal
+            match = matcher.find_match(embedding, candidates)
+            if match:
+                matched_id, score = match
+                ai_verified = (matched_id == animal_id)
+                match_score = round(score * 100)
+
+            # Detecta melhora de condição
+            animal_data = db.get_animal(animal_id)
+            if animal_data:
+                prev_desc = _json.loads(animal_data.get("description") or "{}")
+                prev_condition = prev_desc.get("condition", "")
+                new_condition = description.get("condition", "")
+                condition_rank = {"injured": 0, "thin": 1, "healthy": 2}
+                if (condition_rank.get(new_condition, -1) >
+                        condition_rank.get(prev_condition, -1)):
+                    condition_update = new_condition
+
+        photo_path = db.save_photo(img, animal_id=animal_id)
+
+    db.add_sighting(
+        animal_id,
+        photo_path,
+        None, None,
+        notes,
+        is_help_event=True,
+        help_type=help_type,
+    )
+    db.update_animal(animal_id)
+
+    log_trace({
+        "event":            "help_proof",
+        "animal_id":        animal_id,
+        "help_type":        help_type,
+        "has_photo":        photo_path is not None,
+        "ai_verified":      ai_verified,
+        "match_score":      match_score,
+        "condition_update": condition_update,
+    })
+
+    return {
+        "ok":               True,
+        "animal_id":        animal_id,
+        "help_type":        help_type,
+        "ai_verified":      ai_verified,
+        "match_score":      match_score,
+        "condition_update": condition_update,
+        "photo_url":        _photo_url(photo_path) if photo_path else "",
+    }
+
+
 # ─── Admin ────────────────────────────────────────────
 
 @app.get("/admin/push-traces")

core/database.py

@@ -142,31 +142,53 @@ class Database:
         lat: Optional[float],
         lng: Optional[float],
         notes: Optional[str],
+        is_help_event: bool = False,
+        help_type: Optional[str] = None,
     ):
         with self._conn() as conn:
             conn.execute(
-                "INSERT INTO sightings (animal_id, photo_path, latitude, longitude, notes)"
-                " VALUES (?, ?, ?, ?, ?)",
-                (animal_id, photo_path, lat, lng, notes or ""),
+                "INSERT INTO sightings"
+                " (animal_id, photo_path, latitude, longitude, notes, is_help_event, help_type)"
+                " VALUES (?, ?, ?, ?, ?, ?, ?)",
+                (animal_id, photo_path, lat, lng, notes or "",
+                 1 if is_help_event else 0, help_type),
             )
 
     def get_animal_sightings(self, animal_id: int) -> list:
         with self._conn() as conn:
             rows = conn.execute(
-                "SELECT * FROM sightings WHERE animal_id = ? ORDER BY created_at DESC",
+                "SELECT *, CAST(julianday('now') - julianday(created_at) AS INTEGER) AS days_ago"
+                " FROM sightings WHERE animal_id = ? AND is_help_event = 0"
+                " ORDER BY created_at DESC",
                 (animal_id,),
             ).fetchall()
         return [dict(r) for r in rows]
 
+    def get_help_events(self, animal_id: int) -> list:
+        """Retorna apenas registros de ajuda (is_help_event=1) com URL de foto."""
+        with self._conn() as conn:
+            rows = conn.execute(
+                "SELECT * FROM sightings WHERE animal_id = ? AND is_help_event = 1"
+                " ORDER BY created_at DESC",
+                (animal_id,),
+            ).fetchall()
+        result = []
+        for row in rows:
+            d = dict(row)
+            d["photo_url"] = self.photo_url(d.get("photo_path")) or ""
+            result.append(d)
+        return result
+
     def get_animal_detail(self, animal_id: int) -> Optional[dict]:
-        """Retorna animal + todos os avistamentos com URLs de foto."""
+        """Retorna animal + avistamentos normais + help_events separados."""
         animal = self.get_animal(animal_id)
         if not animal:
             return None
-        sightings = self.get_animal_sightings(animal_id)
+        sightings    = self.get_animal_sightings(animal_id)
+        help_events  = self.get_help_events(animal_id)
         for s in sightings:
             s["photo_url"] = self.photo_url(s.get("photo_path")) or ""
-        return {"animal": animal, "sightings": sightings}
+        return {"animal": animal, "sightings": sightings, "help_events": help_events}
 
     # ─── Map data ────────────────────────────────────────────────────────────
 
@@ -273,3 +295,18 @@ class Database:
     def total_animals(self) -> int:
         with self._conn() as conn:
             return conn.execute("SELECT COUNT(*) FROM animals").fetchone()[0]
+(limit,)).fetchall()
+        result = []
+        for row in rows:
+            d = dict(row)
+            d["last_photo_url"] = self.photo_url(d.get("last_photo_path")) or ""
+            result.append(d)
+        return result
+
+    def total_sightings(self) -> int:
+        with self._conn() as conn:
+            return conn.execute("SELECT COUNT(*) FROM sightings").fetchone()[0]
+
+    def total_animals(self) -> int:
+        with self._conn() as conn:
+            return conn.execute("SELECT COUNT(*) FROM animals").fetchone()[0]

db/schema.sql

@@ -1,21 +1,23 @@
 CREATE TABLE IF NOT EXISTS animals (
     id              INTEGER PRIMARY KEY AUTOINCREMENT,
     species         TEXT NOT NULL CHECK (species IN ('dog', 'cat')),
-    description     TEXT,           -- JSON com atributos do Nemotron
-    embedding       BLOB,           -- vetor numpy serializado (float32, 384-dim)
+    description     TEXT,
+    embedding       BLOB,
     first_seen      DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
     last_seen       DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
     sighting_count  INTEGER NOT NULL DEFAULT 1
 );
 
 CREATE TABLE IF NOT EXISTS sightings (
-    id          INTEGER PRIMARY KEY AUTOINCREMENT,
-    animal_id   INTEGER NOT NULL REFERENCES animals(id) ON DELETE CASCADE,
-    photo_path  TEXT,               -- caminho relativo em /data/photos/
-    latitude    REAL,
-    longitude   REAL,
-    notes       TEXT,
-    created_at  DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
+    id              INTEGER PRIMARY KEY AUTOINCREMENT,
+    animal_id       INTEGER NOT NULL REFERENCES animals(id) ON DELETE CASCADE,
+    photo_path      TEXT,
+    latitude        REAL,
+    longitude       REAL,
+    notes           TEXT,
+    is_help_event   INTEGER NOT NULL DEFAULT 0,
+    help_type       TEXT,
+    created_at      DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP
 );
 
 CREATE INDEX IF NOT EXISTS idx_sightings_animal ON sightings(animal_id);

index.html

@@ -303,6 +303,15 @@
           <div class="gallery-scroll" id="profile-gallery"></div>
         </div>
 
+        <!-- Community Help -->
+        <div class="profile-section" id="profile-help-section" style="display:none">
+          <div class="section-title help-section-title">
+            <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="var(--green)" stroke-width="2"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg>
+            Community Help
+          </div>
+          <div id="profile-help-list"></div>
+        </div>
+
         <!-- Trajectory -->
         <div class="profile-section">
           <div class="section-title">Recent Path</div>
@@ -367,6 +376,57 @@
     </div>
   </div>
 
+  <!-- ══ SCREEN: HELP PROOF ══ -->
+  <div id="screen-help-proof" class="screen">
+    <div class="flow-header">
+      <button class="back-btn" id="help-proof-back"><svg viewBox="0 0 24 24"><polyline points="15 18 9 12 15 6"/></svg></button>
+      <h2>I Helped This Animal</h2>
+    </div>
+    <div id="help-proof-animal-row">
+      <div id="help-proof-animal-photo" class="help-proof-thumb"></div>
+      <div>
+        <div id="help-proof-animal-name" class="help-proof-animal-name">—</div>
+        <div id="help-proof-animal-sub" class="help-proof-animal-sub">—</div>
+      </div>
+    </div>
+    <div class="help-proof-section">
+      <div class="help-proof-label">What did you do?</div>
+      <div class="help-type-chips" id="help-type-chips">
+        <button class="help-type-chip active" data-type="fed"><i data-lucide="utensils"></i> Fed</button>
+        <button class="help-type-chip" data-type="vet"><i data-lucide="stethoscope"></i> Took to vet</button>
+        <button class="help-type-chip" data-type="adopted"><i data-lucide="home"></i> Adopted</button>
+        <button class="help-type-chip" data-type="rescued"><i data-lucide="shield-check"></i> Rescued</button>
+        <button class="help-type-chip" data-type="other"><i data-lucide="heart"></i> Other</button>
+      </div>
+    </div>
+    <div class="help-proof-section">
+      <div class="help-proof-label">Add a photo <span class="optional-tag">optional</span></div>
+      <div id="help-proof-viewfinder" class="help-proof-viewfinder">
+        <input type="file" id="help-proof-input" accept="image/*" capture="environment"/>
+        <img id="help-proof-preview" src="" alt="" class="hidden"/>
+        <div id="help-proof-placeholder">
+          <svg viewBox="0 0 24 24"><path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2z"/><circle cx="12" cy="13" r="4"/></svg>
+          <span>Tap to add photo proof</span>
+        </div>
+        <div id="help-proof-ai-badge" class="help-proof-ai-badge hidden">
+          <span class="dot"></span><span id="help-proof-ai-text">Verifying with AI…</span>
+        </div>
+        <div id="help-proof-verified-badge" class="help-proof-verified-badge hidden">
+          <svg viewBox="0 0 24 24"><path d="M20 6L9 17l-5-5"/></svg>
+          <span id="help-proof-verified-text">Same animal confirmed ✓</span>
+        </div>
+      </div>
+    </div>
+    <div class="help-proof-section">
+      <div class="help-proof-label">Tell the story <span class="optional-tag">optional</span></div>
+      <textarea id="help-proof-notes" rows="3" placeholder="What happened? Where did you take them?"></textarea>
+    </div>
+    <button class="btn-primary help-proof-submit" id="help-proof-submit">
+      <svg viewBox="0 0 24 24"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg>
+      Register Help
+    </button>
+  </div>
+
   <!-- ══ PHOTO CONTEXT MENU ══ -->
   <div id="photo-menu" class="photo-menu hidden">
     <button id="photo-menu-download">
@@ -461,7 +521,7 @@
   const bottomNav = document.getElementById('bottom-nav');
   const photoInput= document.getElementById('photo-input');
 
-  const FLOW_SCREENS = ['analysis', 'confirm', 'profile'];
+  const FLOW_SCREENS = ['analysis', 'confirm', 'profile', 'help-proof'];
 
   // ── Navigation ─────────────────────────────────────────────────────────────
   function showScreen(name) {
@@ -662,6 +722,7 @@
       const data    = await fetch(`/api/animal/${id}`).then(r => r.json());
       const animal  = data.animal;
       const sightings = data.sightings || [];
+      const helpEvents = data.help_events || [];
       let desc = {};
       try { desc = JSON.parse(animal.description || '{}'); } catch(e){}
 
@@ -716,9 +777,8 @@
       }
 
       // Helped banner
-      const helpedSightings = sightings.filter(s => (s.notes || '').startsWith('[HELPED]'));
       const helpedBanner = document.getElementById('profile-helped-banner');
-      helpedBanner.style.display = helpedSightings.length ? 'flex' : 'none';
+      helpedBanner.style.display = helpEvents.length ? 'flex' : 'none';
 
       // Gallery
       const gallery = document.getElementById('profile-gallery');
@@ -756,20 +816,33 @@
         gallery.innerHTML = `<div style="font-size:13px;color:#aaa;padding:8px 0;">No photos recorded.</div>`;
       }
 
-      // Append helped events below gallery
-      if (helpedSightings.length) {
-        const helpedHtml = helpedSightings.map(s => {
-          const dt = s.created_at ? new Date(s.created_at) : null;
+      // Community Help section
+      const helpSection = document.getElementById('profile-help-section');
+      const helpList    = document.getElementById('profile-help-list');
+      const helpTypeLabels = {
+        fed:     '<i data-lucide="utensils"></i> Fed',
+        vet:     '<i data-lucide="stethoscope"></i> Took to vet',
+        adopted: '<i data-lucide="home"></i> Adopted',
+        rescued: '<i data-lucide="shield-check"></i> Rescued',
+        other:   '<i data-lucide="heart"></i> Helped',
+      };
+      if (helpEvents.length) {
+        helpSection.style.display = '';
+        helpList.innerHTML = helpEvents.map(h => {
+          const dt      = h.created_at ? new Date(h.created_at) : null;
           const dateStr = dt ? dt.toLocaleDateString('en-US', {day:'2-digit', month:'short', year:'numeric'}) : '';
-          return `<div class="helped-event">
-            <div class="helped-event-icon">${svgIcon('heart', 16, 'var(--green)')}</div>
-            <div class="helped-event-text">
-              <span>Someone helped this animal</span>
-              ${dateStr ? `<small>${dateStr}</small>` : ''}
-            </div>
-          </div>`;
+          const label   = helpTypeLabels[h.help_type] || '<i data-lucide="heart"></i> Helped';
+          return '<div class="help-event-card">'
+            + (h.photo_url ? '<img class="help-event-photo" src="' + h.photo_url + '" alt="help proof" onerror="this.style.display='none'"/>' : '')
+            + '<div class="help-event-body">'
+            + '<div class="help-event-label">' + label + '</div>'
+            + (h.notes ? '<div class="help-event-notes">' + h.notes + '</div>' : '')
+            + (dateStr ? '<div class="help-event-date">' + dateStr + '</div>' : '')
+            + '</div></div>';
         }).join('');
-        gallery.insertAdjacentHTML('afterend', `<div class="helped-events">${helpedHtml}</div>`);
+        if (typeof lucide !== 'undefined') lucide.createIcons();
+      } else {
+        helpSection.style.display = 'none';
       }
 
       // Trajectory mini-map
@@ -1184,22 +1257,10 @@
     closeHelpSheet();
   });
 
-  // I helped
-  document.getElementById('help-helped').addEventListener('click', async () => {
+  // I helped → nova tela
+  document.getElementById('help-helped').addEventListener('click', () => {
     closeHelpSheet();
-    try {
-      await fetch(`/api/animal/${profileAnimalId}/helped`, { method: 'POST' });
-      // Refresh profile to show helped banner
-      await openProfile(profileAnimalId);
-    } catch(e) {
-      console.error(e);
-    }
-    const confirmEl = document.getElementById('helped-confirm');
-    confirmEl.classList.remove('hidden');
-    requestAnimationFrame(() => {
-      confirmEl.classList.add('open');
-      if (typeof lucide !== 'undefined') lucide.createIcons();
-    });
+    window.openHelpProofScreen();
   });
 
   document.getElementById('helped-ok').addEventListener('click', () => {
@@ -1208,11 +1269,17 @@
     setTimeout(() => confirm.classList.add('hidden'), 300);
   });
 
+  // Expor para help-proof.js
+  window.showScreen     = showScreen;
+  window.openProfile    = openProfile;
+  window.getGradioClient = getClient;
+
   // ── BOOT ───────────────────────────────────────────────────────────────────
   initMap();
   loadMapData();
   if (typeof lucide !== 'undefined') lucide.createIcons();
 })();
 </script>
+<script src="/static/help-proof.js"></script>
 </body>
 </html>

static/help-proof.js

@@ -0,0 +1,125 @@
+
+// ── HELP PROOF SCREEN ──────────────────────────────────────────────────────
+(function() {
+  let helpProofAnimalId = null;
+  let helpProofSelType  = 'fed';
+
+  window.openHelpProofScreen = function() {
+    helpProofAnimalId = window.profileAnimalId;
+    helpProofSelType  = 'fed';
+
+    const preview = document.getElementById('help-proof-preview');
+    preview.src = ''; preview.classList.add('hidden');
+    document.getElementById('help-proof-placeholder').style.display = '';
+    document.getElementById('help-proof-ai-badge').classList.add('hidden');
+    document.getElementById('help-proof-verified-badge').classList.add('hidden');
+    document.getElementById('help-proof-notes').value = '';
+    document.getElementById('help-proof-input').value = '';
+    document.querySelectorAll('.help-type-chip').forEach(c => c.classList.remove('active'));
+    document.querySelector('.help-type-chip[data-type="fed"]').classList.add('active');
+
+    const name = document.getElementById('profile-title').textContent || 'Animal';
+    const sub  = document.getElementById('profile-status-text').textContent || '';
+    document.getElementById('help-proof-animal-name').textContent = name;
+    document.getElementById('help-proof-animal-sub').textContent  = sub;
+    const heroSrc = document.getElementById('profile-hero-img').src;
+    const thumb   = document.getElementById('help-proof-animal-photo');
+    thumb.style.backgroundImage = heroSrc ? 'url(' + heroSrc + ')' : '';
+    thumb.style.backgroundSize  = 'cover';
+
+    window.showScreen('help-proof');
+  };
+
+  document.getElementById('help-type-chips').addEventListener('click', e => {
+    const chip = e.target.closest('.help-type-chip');
+    if (!chip) return;
+    document.querySelectorAll('.help-type-chip').forEach(c => c.classList.remove('active'));
+    chip.classList.add('active');
+    helpProofSelType = chip.dataset.type;
+  });
+
+  document.getElementById('help-proof-viewfinder').addEventListener('click', () => {
+    document.getElementById('help-proof-input').click();
+  });
+
+  document.getElementById('help-proof-input').addEventListener('change', async (e) => {
+    const file = e.target.files[0];
+    if (!file) return;
+
+    const preview = document.getElementById('help-proof-preview');
+    preview.src = URL.createObjectURL(file);
+    preview.classList.remove('hidden');
+    document.getElementById('help-proof-placeholder').style.display = 'none';
+
+    const aiBadge       = document.getElementById('help-proof-ai-badge');
+    const verifiedBadge = document.getElementById('help-proof-verified-badge');
+    aiBadge.classList.remove('hidden');
+    document.getElementById('help-proof-ai-text').textContent = 'Verifying with AI…';
+    verifiedBadge.classList.add('hidden');
+
+    try {
+      const { client, handleFile } = await window.getGradioClient();
+      const res  = await client.predict('/analyze_image', { image_path: handleFile(file) });
+      const data = res.data[0] || {};
+
+      aiBadge.classList.add('hidden');
+      verifiedBadge.classList.remove('hidden');
+      const verifiedText = document.getElementById('help-proof-verified-text');
+
+      if (data.error) {
+        verifiedBadge.style.background = 'rgba(220,53,69,0.85)';
+        verifiedText.textContent = 'No animal detected in photo';
+      } else if (data.similar && data.similar.some(s => s.id === helpProofAnimalId && s.score_pct >= 60)) {
+        verifiedBadge.style.background = 'rgba(56,140,89,0.9)';
+        verifiedText.textContent = 'Same animal confirmed ✓';
+      } else {
+        verifiedBadge.style.background = 'rgba(255,165,0,0.85)';
+        verifiedText.textContent = 'Could not confirm — register anyway?';
+      }
+    } catch(err) {
+      console.warn('AI verify failed:', err);
+      document.getElementById('help-proof-ai-badge').classList.add('hidden');
+    }
+  });
+
+  document.getElementById('help-proof-submit').addEventListener('click', async () => {
+    const btn   = document.getElementById('help-proof-submit');
+    const notes = document.getElementById('help-proof-notes').value.trim();
+    const file  = document.getElementById('help-proof-input').files[0];
+
+    btn.disabled = true;
+    btn.innerHTML = '<div class="spinner"></div> Saving…';
+
+    try {
+      const { client, handleFile } = await window.getGradioClient();
+      const res = await client.predict('/submit_help_proof', {
+        animal_id:  helpProofAnimalId,
+        help_type:  helpProofSelType,
+        notes:      notes,
+        image_path: file ? handleFile(file) : null,
+      });
+      const result = res.data[0] || {};
+
+      if (result.ok) {
+        window.showScreen('profile');
+        await window.openProfile(helpProofAnimalId);
+        const confirmEl = document.getElementById('helped-confirm');
+        confirmEl.classList.remove('hidden');
+        requestAnimationFrame(() => {
+          confirmEl.classList.add('open');
+          if (typeof lucide !== 'undefined') lucide.createIcons();
+        });
+      } else {
+        alert('Erro ao registrar. Tente novamente.');
+      }
+    } catch(err) {
+      console.error(err);
+      alert('Erro ao registrar. Tente novamente.');
+    } finally {
+      btn.disabled = false;
+      btn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z"/></svg> Register Help';
+    }
+  });
+
+  document.getElementById('help-proof-back').addEventListener('click', () => window.showScreen('profile'));
+})();

static/style.css

@@ -443,3 +443,104 @@
   line-height: 1.4;
   padding: 10px 16px;
 }
+
+/* ── Help Proof Screen ────────────────────────────────────────────────────── */
+#screen-help-proof { display:flex; flex-direction:column; padding:0 0 100px; overflow-y:auto; background:var(--white); }
+#screen-help-proof .flow-header { padding:12px 16px; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--border); }
+#screen-help-proof .flow-header h2 { font-size:17px; font-weight:700; }
+
+#help-proof-animal-row { display:flex; align-items:center; gap:12px; padding:14px 16px; background:var(--green-soft); border-bottom:1px solid var(--border); }
+.help-proof-thumb { width:48px; height:48px; border-radius:12px; background:var(--green-pale) center/cover no-repeat; flex-shrink:0; }
+.help-proof-animal-name { font-size:15px; font-weight:700; color:var(--text); }
+.help-proof-animal-sub  { font-size:12px; color:var(--text-muted); margin-top:2px; }
+
+.help-proof-section { padding:16px 16px 0; }
+.help-proof-label { font-size:12px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:.5px; margin-bottom:10px; display:flex; align-items:center; gap:6px; }
+.optional-tag { font-size:10px; font-weight:500; color:var(--green); background:var(--green-pale); padding:2px 7px; border-radius:20px; text-transform:none; letter-spacing:0; }
+
+/* Help type chips */
+.help-type-chips { display:flex; flex-wrap:wrap; gap:8px; }
+.help-type-chip { border:1.5px solid var(--border); background:var(--white); border-radius:20px; padding:7px 14px; font-size:13px; font-weight:500; cursor:pointer; transition:all .18s; color:var(--text); }
+.help-type-chip.active { border-color:var(--green); background:var(--green-pale); color:var(--green-dark); font-weight:700; }
+
+/* Viewfinder */
+.help-proof-viewfinder { position:relative; width:100%; height:200px; border-radius:14px; overflow:hidden; background:#f0f0f0; cursor:pointer; border:2px dashed var(--border); margin-top:0; }
+.help-proof-viewfinder:active { opacity:.85; }
+#help-proof-input { display:none; }
+#help-proof-preview { width:100%; height:100%; object-fit:cover; display:block; }
+#help-proof-placeholder { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:var(--text-muted); }
+#help-proof-placeholder svg { width:32px; height:32px; stroke:var(--text-muted); fill:none; stroke-width:1.5; }
+#help-proof-placeholder span { font-size:13px; font-weight:500; }
+.help-proof-ai-badge { position:absolute; bottom:10px; left:10px; background:rgba(33,33,33,.82); color:#fff; border-radius:20px; padding:5px 12px; font-size:12px; font-weight:600; display:flex; align-items:center; gap:6px; }
+.help-proof-ai-badge .dot { width:7px; height:7px; border-radius:50%; background:#4caf50; animation:pulse 1.2s infinite; }
+.help-proof-verified-badge { position:absolute; bottom:10px; left:10px; color:#fff; border-radius:20px; padding:6px 12px; font-size:12px; font-weight:700; display:flex; align-items:center; gap:6px; }
+.help-proof-verified-badge svg { width:14px; height:14px; stroke:#fff; fill:none; stroke-width:3; }
+
+#help-proof-notes { width:100%; border:1.5px solid var(--border); border-radius:12px; padding:12px; font-size:14px; font-family:inherit; resize:none; outline:none; color:var(--text); }
+#help-proof-notes:focus { border-color:var(--green); }
+
+.help-proof-submit { margin:20px 16px 0; width:calc(100% - 32px); background:var(--green); color:#fff; border:none; border-radius:14px; padding:15px; font-size:15px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; }
+.help-proof-submit svg { width:18px; height:18px; stroke:#fff; fill:none; stroke-width:2; }
+.help-proof-submit:active { background:var(--green-dark); }
+.help-proof-submit:disabled { opacity:.6; cursor:not-allowed; }
+
+/* ── Community Help section (ficha do animal) ──────────────────────────── */
+.help-section-title { display:flex; align-items:center; gap:6px; }
+#profile-help-list { display:flex; flex-direction:column; gap:12px; margin-top:4px; }
+.help-event-card { border:1.5px solid var(--green-pale); border-radius:14px; overflow:hidden; background:var(--white); }
+.help-event-photo { width:100%; height:160px; object-fit:cover; display:block; }
+.help-event-body { padding:10px 14px 12px; }
+.help-event-label { font-size:14px; font-weight:700; color:var(--green-dark); margin-bottom:4px; }
+.help-event-notes { font-size:13px; color:var(--text); line-height:1.5; margin-bottom:4px; }
+.help-event-date  { font-size:11px; color:var(--text-muted); }
+
+/* ── Help Proof Screen ───────────────────────────────────────────────────── */
+#screen-help-proof { display:flex; flex-direction:column; padding:0 0 100px; overflow-y:auto; background:var(--white); }
+#screen-help-proof .flow-header { padding:12px 16px; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--border); }
+#screen-help-proof .flow-header h2 { font-size:17px; font-weight:700; }
+
+#help-proof-animal-row { display:flex; align-items:center; gap:12px; padding:14px 16px; background:var(--green-soft); border-bottom:1px solid var(--border); }
+.help-proof-thumb { width:48px; height:48px; border-radius:12px; background:var(--green-pale) center/cover no-repeat; flex-shrink:0; }
+.help-proof-animal-name { font-size:15px; font-weight:700; }
+.help-proof-animal-sub  { font-size:12px; color:var(--text-muted); margin-top:2px; }
+
+.help-proof-section { padding:16px 16px 0; }
+.help-proof-label { font-size:12px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:.5px; margin-bottom:10px; display:flex; align-items:center; gap:6px; }
+.optional-tag { font-size:10px; font-weight:500; color:var(--green); background:var(--green-pale); padding:2px 7px; border-radius:20px; text-transform:none; letter-spacing:0; }
+
+.help-type-chips { display:flex; flex-wrap:wrap; gap:8px; }
+.help-type-chip { border:1.5px solid var(--border); background:var(--white); border-radius:20px; padding:7px 14px; font-size:13px; font-weight:500; cursor:pointer; color:var(--text); transition:all .15s; }
+.help-type-chip.active { border-color:var(--green); background:var(--green-pale); color:var(--green-dark); font-weight:700; }
+
+.help-proof-viewfinder { position:relative; width:100%; height:200px; border-radius:14px; overflow:hidden; background:#f0f0f0; cursor:pointer; border:2px dashed var(--border); }
+#help-proof-input { display:none; }
+#help-proof-preview { width:100%; height:100%; object-fit:cover; display:block; }
+#help-proof-placeholder { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:var(--text-muted); pointer-events:none; }
+#help-proof-placeholder svg { width:32px; height:32px; stroke:var(--text-muted); fill:none; stroke-width:1.5; }
+#help-proof-placeholder span { font-size:13px; font-weight:500; }
+.help-proof-ai-badge { position:absolute; bottom:10px; left:10px; background:rgba(33,33,33,.82); color:#fff; border-radius:20px; padding:5px 12px; font-size:12px; font-weight:600; display:flex; align-items:center; gap:6px; }
+.help-proof-ai-badge .dot { width:7px; height:7px; border-radius:50%; background:#4caf50; animation:pulse 1.2s infinite; }
+.help-proof-verified-badge { position:absolute; bottom:10px; left:10px; color:#fff; border-radius:20px; padding:6px 12px; font-size:12px; font-weight:700; display:flex; align-items:center; gap:6px; }
+.help-proof-verified-badge svg { width:14px; height:14px; stroke:#fff; fill:none; stroke-width:3; }
+
+#help-proof-notes { width:100%; border:1.5px solid var(--border); border-radius:12px; padding:12px; font-size:14px; font-family:inherit; resize:none; outline:none; color:var(--text); }
+#help-proof-notes:focus { border-color:var(--green); }
+
+.help-proof-submit { margin:20px 16px 0; width:calc(100% - 32px); background:var(--green); color:#fff; border:none; border-radius:14px; padding:15px; font-size:15px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; }
+.help-proof-submit svg { width:18px; height:18px; stroke:#fff; fill:none; stroke-width:2; }
+.help-proof-submit:active { background:var(--green-dark); }
+.help-proof-submit:disabled { opacity:.6; cursor:not-allowed; }
+
+/* ── Community Help (ficha do animal) ────────────────────────────────────── */
+.help-section-title { display:flex; align-items:center; gap:6px; }
+#profile-help-list { display:flex; flex-direction:column; gap:12px; margin-top:4px; }
+.help-event-card { border:1.5px solid var(--green-pale); border-radius:14px; overflow:hidden; background:var(--white); }
+.help-event-photo { width:100%; height:160px; object-fit:cover; display:block; }
+.help-event-body { padding:10px 14px 12px; }
+.help-event-label { font-size:14px; font-weight:700; color:var(--green-dark); margin-bottom:4px; }
+.help-event-notes { font-size:13px; color:var(--text); line-height:1.5; margin-bottom:4px; }
+.help-event-date  { font-size:11px; color:var(--text-muted); }
+
+/* ── Lucide icons em chips e help labels ──────────────────────────────────── */
+.help-type-chip i, .help-type-chip svg { width:14px; height:14px; vertical-align:-2px; }
+.help-event-label i, .help-event-label svg { width:15px; height:15px; vertical-align:-3px; stroke:var(--green-dark); }