Welcome to Fluide AI 🇫🇷

Enter your name to begin

Fluide AI

Advanced French Instructor

Fluide French AI
🎙️ Listening... Tap mic to stop · You can also type below

Fluide AI can make mistakes. Verify important exam information.

.tap-word { cursor: pointer; display: inline; border-bottom: 1px dashed rgba(20,184,166,0.5); transition: background 0.15s; border-radius: 3px; padding: 0 1px; position: relative; } .tap-word:hover, .tap-word:active { background: rgba(20,184,166,0.18); border-bottom-color: #14b8a6; } /* Meaning popup box */ .word-meaning-box { position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); background: #0a1628; border: 1px solid rgba(20,184,166,0.45); border-radius: 10px; padding: 8px 13px; min-width: 120px; max-width: 200px; text-align: center; z-index: 99999; box-shadow: 0 4px 20px rgba(0,0,0,0.6); pointer-events: none; white-space: nowrap; animation: wmb-in 0.15s ease; } .word-meaning-box::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: rgba(20,184,166,0.45); } .wmb-word { display: block; font-size: 13px; font-weight: 700; color: #14b8a6; margin-bottom: 3px; } .wmb-meaning { display: block; font-size: 13px; color: rgba(255,255,255,0.88); } @keyframes wmb-in { from { opacity:0; transform:translateX(-50%) translateY(4px); } to { opacity:1; transform:translateX(-50%) translateY(0); } }