Email plein ecran avec suggestions d'adresses precedentes

- Formulaire email : overlay fullscreen au lieu d'inline (debordait de l'ecran)
- Historique emails : stocke chaque adresse dans data/emails_history.json
- Suggestions : affiche les emails deja saisis en pills cliquables,
  filtrees au fur et a mesure de la saisie
- API GET /api/emails/historique + DELETE pour reset

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/css/style.css

@@ -674,10 +674,16 @@ html, body {
 }
 
 .form-email {
+  position: fixed;
+  inset: 0;
+  z-index: 200;
+  background: var(--fond);
   display: flex;
-  gap: 0.8rem;
+  flex-direction: column;
   align-items: center;
-  margin: 1rem 0;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 1rem;
 }
 
 .form-email input {
@@ -686,8 +692,9 @@ html, body {
   border-radius: 12px;
   padding: 0.8rem 1.2rem;
   color: var(--texte);
-  font-size: 1.1rem;
-  width: 300px;
+  font-size: 1.2rem;
+  width: min(90vw, 500px);
+  text-align: center;
   outline: none;
 }
 
@@ -695,6 +702,30 @@ html, body {
   border-color: var(--primaire);
 }
 
+.email-suggestions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+  justify-content: center;
+  max-width: 90vw;
+  max-height: 4.5rem;
+  overflow-y: auto;
+}
+
+.email-suggestions button {
+  background: rgba(255,255,255,0.08);
+  border: 1px solid rgba(255,255,255,0.15);
+  border-radius: 20px;
+  color: var(--texte);
+  padding: 0.3rem 0.8rem;
+  font-size: 0.85rem;
+  cursor: pointer;
+}
+
+.email-suggestions button:active {
+  background: var(--primaire);
+}
+
 .zone-qr {
   margin: 1rem 0;
 }