.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scrollbar-thin{scrollbar-width:thin}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-gutter-stable{scrollbar-gutter:stable}:root{color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;width:100%;height:100%;overflow:hidden;background:#050507}body{font-family:Arial,Helvetica,sans-serif}button{font:inherit;touch-action:manipulation}.bia-presence{position:relative;width:100%;height:100svh;overflow:hidden;isolation:isolate;background:#000}.portrait{position:absolute;inset:0 0 64px;display:grid;place-items:center;place-content:center;overflow:hidden}.avatar{--avatar-scale:1.16;width:min(100vw,920px);aspect-ratio:1;flex:none;background-image:url(/bia-24.webp);background-repeat:no-repeat;background-size:600% 400%;background-color:#000;filter:drop-shadow(0 18px 48px rgba(0,0,0,.72));transform-origin:50% 78%;animation:breathe 4.8s ease-in-out infinite;transition:filter .18s ease}.avatar,.avatar[data-face=bouche_fermee]{background-position:0 0}.avatar[data-face=bouche_entr]{background-position:20% 0}.avatar[data-face=bouche_a]{background-position:40% 0}.avatar[data-face=bouche_A]{background-position:60% 0}.avatar[data-face=bouche_o]{background-position:80% 0}.avatar[data-face=bouche_ou]{background-position:100% 0}.avatar[data-face=bouche_i]{background-position:0 33.3333%}.avatar[data-face=yeux_ouverts]{background-position:20% 33.3333%}.avatar[data-face=yeux_mi]{background-position:40% 33.3333%}.avatar[data-face=yeux_fermes]{background-position:60% 33.3333%}.avatar[data-face=regard_cote]{background-position:80% 33.3333%}.avatar[data-face=douce]{background-position:100% 33.3333%}.avatar[data-face=joie]{background-position:0 66.6667%}.avatar[data-face=etonnement]{background-position:20% 66.6667%}.avatar[data-face=surprise]{background-position:40% 66.6667%}.avatar[data-face=ecoute]{background-position:60% 66.6667%}.avatar[data-face=concernee]{background-position:80% 66.6667%}.avatar[data-face=triste]{background-position:100% 66.6667%}.avatar[data-face=malice]{background-position:0 100%}.avatar[data-face=pensive]{background-position:20% 100%}.avatar[data-face=rire]{background-position:40% 100%}.avatar[data-face=rire_tete]{background-position:60% 100%}.avatar[data-face=fourire]{background-position:80% 100%}.avatar[data-face=rire_retenu]{background-position:100% 100%}.bia-presence[data-mode=speaking] .avatar{filter:drop-shadow(0 16px 58px rgba(212,175,55,.32))}.bia-presence[data-mode=listening] .avatar{filter:drop-shadow(0 12px 62px rgba(113,190,255,.34))}.microphone{position:absolute;z-index:3;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:76px;height:76px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(13,13,18,.84);color:#fff;box-shadow:0 10px 36px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.13);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateX(-50%);cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.microphone:active{transform:translateX(-50%) scale(.94)}.microphone:focus-visible{outline:3px solid #fff;outline-offset:4px}.microphone svg{width:31px;height:31px;fill:currentColor}.bia-presence[data-mode=listening] .microphone{background:#b7193f;box-shadow:0 0 0 10px rgba(222,40,83,.13),0 0 38px rgba(222,40,83,.55);animation:listen 1.1s ease-in-out infinite}.bia-presence[data-mode=thinking] .microphone{background:#493a1e;color:#f7d56d}.bia-presence[data-mode=speaking] .microphone{background:#75591e;color:#ffe392}.bia-presence[data-mode=error] .microphone{background:#491b24;color:#ffbac8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{0%{transform:translateY(0) scale(var(--avatar-scale))}42%{transform:translateY(7px) scale(calc(var(--avatar-scale) + .022))}to{transform:translateY(0) scale(var(--avatar-scale))}}@keyframes listen{50%{box-shadow:0 0 0 18px rgba(222,40,83,.06),0 0 52px rgba(222,40,83,.7)}}@media (max-width:600px) and (orientation:portrait){.portrait{inset:0 0 52px}.avatar{--avatar-scale:1.04;width:auto;height:min(86svh,900px);max-width:none}.microphone{width:72px;height:72px;bottom:max(15px,env(safe-area-inset-bottom))}}@media (min-width:601px){.avatar{height:min(calc(100svh - 34px),920px);width:auto}}@media (prefers-reduced-motion:reduce){.avatar,.microphone{animation:none!important}}.barre{position:absolute;z-index:3;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;padding:0 22px;grid-gap:12px;gap:12px;transition:opacity .22s ease,transform .22s ease}.barre .microphone{position:static;transform:none}.barre .microphone:active{transform:scale(.94)}.cale,.clavier-ouvrir{width:52px;height:52px}.clavier-ouvrir{justify-self:end;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(13,13,18,.7);color:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.clavier-ouvrir:active{transform:scale(.92)}.clavier-ouvrir:focus-visible{outline:3px solid #fff;outline-offset:4px}.clavier-ouvrir svg{width:24px;height:24px;fill:currentColor}.legende{position:absolute;z-index:2;left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 96px);width:min(92vw,620px);max-height:5.6em;overflow:hidden;margin:0;padding:12px 16px;border-radius:16px;background:linear-gradient(rgba(6,6,9,.06),rgba(6,6,9,.72));color:rgba(255,255,255,.94);font-size:16px;line-height:1.4;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.85);transform:translateX(-50%);animation:monte .3s ease both;pointer-events:none}.clavier{position:absolute;z-index:4;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:62svh;padding:10px 14px calc(12px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border-top:1px solid rgba(255,255,255,.1);background:rgba(8,8,12,.9);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 -18px 48px rgba(0,0,0,.6);transform:translateY(102%);transition:transform .26s cubic-bezier(.22,.9,.3,1)}.bia-presence[data-clavier=ouvert] .clavier{transform:translateY(0)}.bia-presence[data-clavier=ouvert] .barre{opacity:0;transform:translateY(24px);pointer-events:none}.clavier[aria-hidden=true]{pointer-events:none}.clavier-fermer{align-self:center;width:46px;height:26px;display:grid;place-items:center;margin-bottom:4px;padding:0;border:0;border-radius:13px;background:rgba(255,255,255,.09);color:rgba(255,255,255,.7);cursor:pointer}.clavier-fermer svg{width:20px;height:20px;fill:currentColor}.clavier-fermer:focus-visible{outline:2px solid #fff;outline-offset:3px}.fil{flex:1 1;min-height:0;overflow-y:auto;padding:6px 2px 10px}.fil-vide{color:rgba(255,255,255,.45);text-align:center}.bulle,.fil-vide{margin:6px 0;font-size:15px}.bulle{max-width:86%;padding:9px 13px;border-radius:15px;line-height:1.42;white-space:pre-wrap}.bulle .para{display:block}.bulle .para+.para{margin-top:.45em}.bulle-bia{margin-right:auto;background:rgba(255,255,255,.07);color:#f2f2f4;border-bottom-left-radius:5px}.bulle-moi{margin-left:auto;background:#7a5c1c;color:#fff6de;border-bottom-right-radius:5px}.saisie{display:flex;align-items:center;gap:9px;padding-top:6px}.saisie input{flex:1 1;min-width:0;height:46px;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:23px;background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:16px;outline:none}.saisie input::placeholder{color:rgba(255,255,255,.38)}.saisie input:focus{border-color:rgba(212,175,55,.5);background:rgba(255,255,255,.09)}.saisie button{flex:none;width:46px;height:46px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#d4af37;color:#17130a;cursor:pointer;transition:opacity .16s ease,transform .16s ease}.saisie button:disabled{opacity:.3;cursor:default}.saisie button:not(:disabled):active{transform:scale(.92)}.saisie button svg{width:21px;height:21px;fill:currentColor}@keyframes monte{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:600px) and (orientation:portrait){.barre{bottom:max(15px,env(safe-area-inset-bottom))}.legende{bottom:calc(max(15px, env(safe-area-inset-bottom)) + 92px);font-size:15px}}@media (prefers-reduced-motion:reduce){.barre,.clavier,.legende{transition:none;animation:none}}.porte{position:absolute;z-index:5;left:50%;bottom:max(26px,env(safe-area-inset-bottom));width:min(92vw,420px);padding:18px 18px 20px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(8,8,12,.86);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 52px rgba(0,0,0,.6);transform:translateX(-50%)}.porte-titre{margin:0 0 2px;color:#d4af37;letter-spacing:.22em}.porte-texte,.porte-titre{font-size:15px;text-align:center}.porte-texte{margin:0 0 13px;color:rgba(255,255,255,.72);line-height:1.4}.porte .saisie{padding-top:0}.porte .saisie input{text-align:center;letter-spacing:.18em;text-transform:uppercase}.porte-erreur{margin:11px 0 0;color:#ff9db0;font-size:14px;text-align:center}.reglage{max-width:620px;min-height:100svh;margin:0 auto;padding:26px 18px calc(40px + env(safe-area-inset-bottom));color:#ececed;overflow-y:auto}.reglage h1{margin:0 0 6px;color:#d4af37;font-size:21px;letter-spacing:.04em}.reglage .intro{margin:0 0 18px;color:rgba(255,255,255,.55);font-size:14px;line-height:1.5}.reglage textarea{width:100%;margin:10px 0 14px;padding:11px 13px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.05);color:#fff;font:inherit;font-size:15px;line-height:1.45;resize:vertical}.reglage .rangee{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:6px}.reglage .secondaire{padding:7px 12px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.85);font-size:13px;cursor:pointer}.reglage .secondaire:active{background:rgba(255,255,255,.12)}.curseur{display:block;margin:17px 0}.curseur-titre{display:flex;justify-content:space-between;font-size:15px;margin-bottom:5px}.curseur-titre b{color:#d4af37;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.curseur input{width:100%;accent-color:#d4af37}.curseur-aide{display:block;margin-top:4px;color:rgba(255,255,255,.45);font-size:13px}.reglage .ecouter{width:100%;margin-top:18px;padding:14px;border:0;border-radius:26px;background:#d4af37;color:#17130a;font-size:16px;font-weight:600;cursor:pointer}.reglage .ecouter:active{transform:scale(.98)}.reglage .etat{margin:12px 0 0;color:rgba(255,255,255,.6);font-size:14px;text-align:center}.reglage .report{margin-top:26px;color:rgba(255,255,255,.55);font-size:13px;line-height:2}.reglage code{padding:3px 7px;border-radius:6px;background:rgba(255,255,255,.07);color:#f0d98a;font-size:13px}.outils{display:flex;align-items:center;gap:7px;padding:2px 2px 8px;flex-wrap:wrap}.outils button{padding:5px 11px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:transparent;color:rgba(255,255,255,.6);font-size:12.5px;cursor:pointer}.outils button:active{background:rgba(255,255,255,.09)}.jauge{margin-left:auto;padding:4px 10px;border-radius:12px;background:rgba(212,175,55,.13);color:#d9bd63;font-size:12px}.ligne{display:flex;flex-direction:column}.ligne-moi{align-items:flex-end}.ligne-bia{align-items:flex-start}.mal-dit{margin:0 0 6px 4px;padding:3px 9px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.3);font-size:12px;cursor:pointer}.mal-dit:active,.mal-dit:hover{color:#ff9db0;background:rgba(255,157,176,.09)}.corriger{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin:2px 0 10px}.corriger input{flex:1 1 100%;min-width:0;height:40px;padding:0 13px;border:1px solid rgba(212,175,55,.4);border-radius:20px;background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:16px;outline:none}.corriger button{padding:6px 14px;border:0;border-radius:14px;background:#d4af37;color:#17130a;font-size:13px;cursor:pointer}.corriger button.annuler{background:rgba(255,255,255,.09);color:rgba(255,255,255,.65)}.avis{margin:6px 0;color:#d9bd63;font-size:13.5px;text-align:center}.bascule{display:flex;gap:10px;align-items:flex-start;margin:4px 0 16px;cursor:pointer}.bascule input{margin-top:3px;width:18px;height:18px;accent-color:#d4af37;flex:none}.bascule span{color:rgba(255,255,255,.72);font-size:14px;line-height:1.45}.bascule b{font-weight:600}.bascule b,.reglage a{color:#d9bd63}.panne{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:calc(max(18px, env(safe-area-inset-bottom)) + 74px);width:min(92vw,620px);margin:0;padding:4px 12px;border-radius:10px;background:rgba(120,40,20,.78);color:rgba(255,236,230,.96);font-size:12px;letter-spacing:.02em;text-align:center}@media (prefers-reduced-motion:reduce){.panne{transition:none}}