:root{--violet: #7c3aed;--violet-clair: #faf5ff;--rose: #ec4899;--texte: #1f2937}*{box-sizing:border-box}body{margin:0;font-family:Comic Sans MS,Segoe UI,system-ui,sans-serif;background:var(--violet-clair);color:var(--texte);-webkit-tap-highlight-color:transparent}.app{min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 1rem env(safe-area-inset-bottom)}.ecran{flex:1;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem 0}.centre{align-items:center;justify-content:center;text-align:center}h1{color:var(--violet);font-size:2rem;margin:0}h2{color:var(--violet)}.consigne{font-size:1.25rem;color:#6b7280;margin:0}.bouton-micro{width:60vw;max-width:240px;aspect-ratio:1;border-radius:50%;border:none;background:linear-gradient(135deg,var(--violet),var(--rose));color:#fff;font-size:5rem;cursor:pointer;box-shadow:0 10px 30px #7c3aed66;transition:transform .1s}.bouton-micro:active{transform:scale(.95)}.bouton-stop{padding:1rem 2rem;font-size:1.25rem;border:none;border-radius:999px;background:var(--violet);color:#fff;cursor:pointer;align-self:center}.lien{background:none;border:2px solid var(--violet);color:var(--violet);padding:.75rem 1.5rem;border-radius:999px;font-size:1.1rem;cursor:pointer}.onde{font-size:6rem;animation:pulse 1.2s infinite}.onde.tourne{animation:tourne 2s linear infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.6}}@keyframes tourne{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.histoire-texte{background:#fff;border-radius:1rem;padding:1.5rem;font-size:1.4rem;line-height:2;white-space:pre-wrap;box-shadow:0 4px 12px #0000000f}.carte{background:#fff;border-radius:1rem;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;box-shadow:0 2px 8px #0000000d}.carte strong{flex:1}.date{color:#9ca3af;font-size:.9rem}.supprimer{background:none;border:none;font-size:1.25rem;cursor:pointer}.erreur{background:#fee2e2;color:#991b1b;padding:1rem;border-radius:.75rem;margin-bottom:1rem;cursor:pointer}.choix-langue{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px}.bouton-langue{padding:1.25rem 1.5rem;font-size:1.15rem;border:none;border-radius:1rem;background:#fff;color:var(--texte);cursor:pointer;box-shadow:0 4px 12px #0000000f}.bouton-langue:active{transform:scale(.97)}.champ-config{display:flex;flex-direction:column;gap:.4rem;font-size:1rem;color:#6b7280}.champ-config input{padding:.75rem 1rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-family:inherit}