@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/space-grotesk-500.woff2") format("woff2")}@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/space-grotesk-700.woff2") format("woff2")}:root{--fond:#f1f5f9;--surface:#ffffff;--texte:#0b1220;--doux:#51606b;--accent:#0e7490;--accent-texte:#ffffff;--ok:#18794e;--alerte:#b42318;--bord:#d7dbe2;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--fond:#101827;--surface:#1a2333;--texte:#f5f5f4;--doux:#94a3b8;--accent:#22d3ee;--accent-texte:#0b1220;--ok:#3dd68c;--alerte:#ff8a80;--bord:#263042}}*{box-sizing:border-box;accent-color:var(--accent)}html,body{margin:0;height:100%}html{background:var(--fond)}.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}body{background:var(--fond);color:var(--texte);font:18px/1.4 "Space Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);max-width:640px;margin:0 auto}header{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.etat{font-weight:600;padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--bord);color:var(--doux)}.etat.ecoute{color:var(--ok);border-color:var(--ok)}.etat.ecoute::before{content:"● ";animation:pulse 1.2s infinite}.etat.erreur{color:var(--alerte);border-color:var(--alerte)}@keyframes pulse{50%{opacity:.3}}.installer{margin-left:auto;margin-right:10px;min-height:48px;padding:0 16px;border-radius:12px;font:inherit;font-weight:600;background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.icone{width:48px;height:48px;border-radius:12px;padding:0;display:grid;place-items:center;background:var(--surface);color:var(--accent);border:1px solid var(--bord)}.icone::before{content:"";width:26px;height:26px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E") center / contain no-repeat}.icone[aria-pressed="true"]{color:var(--doux)}.icone[aria-pressed="true"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.8 8.8 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.8 8.8 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z'/%3E%3C/svg%3E")}main{flex:1;overflow-y:auto}.entendu{color:var(--doux);font-style:italic;min-height:1.4em;margin:4px 0 0;overflow-wrap:anywhere}.reponse{text-align:center;padding:8px 0 16px}.cp{font:700 clamp(64px,24vw,160px)/1 ui-monospace,"Roboto Mono",monospace;letter-spacing:.04em;font-variant-numeric:tabular-nums}.commune{font-size:22px;font-weight:600;margin-top:8px;overflow-wrap:anywhere}.commune small{display:block;font-size:16px;font-weight:400;color:var(--doux)}.choix{list-style:none;margin:0;padding:0;display:grid;gap:10px}.choix button{width:100%;min-height:72px;padding:10px 16px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:var(--surface);color:var(--texte);border:2px solid var(--bord);font-size:19px}.choix button:active,.choix button[aria-pressed=true]{border-color:var(--accent)}.choix .nom{font-weight:600;overflow-wrap:anywhere}.choix .nom small{display:block;font-weight:400;font-size:15px;color:var(--doux)}.choix .code{font:700 26px ui-monospace,monospace;white-space:nowrap}.historique{margin:20px 0;color:var(--doux)}.historique summary{padding:8px 0}.historique ul{list-style:none;padding:0;margin:0}.historique li{padding:6px 0;border-bottom:1px solid var(--bord);display:flex;justify-content:space-between;gap:8px}.historique b{font-family:ui-monospace,monospace;color:var(--texte)}footer{padding:12px 0 16px;display:grid;gap:10px}.saisie input{width:100%;font-size:18px;padding:12px 14px;border-radius:12px;border:1px solid var(--bord);background:var(--surface);color:var(--texte)}.micro{min-height:64px;border-radius:16px;border:0;font-size:20px;font-weight:700;background:var(--accent);color:var(--accent-texte)}.micro.actif{--remplissage:color-mix(in srgb,var(--accent) 40%,transparent);background:linear-gradient(var(--remplissage),var(--remplissage)) left center / 100% 100% no-repeat var(--surface);color:var(--texte);border:2px solid var(--bord)}.micro::before{content:"";display:inline-block;width:1.2em;height:1.2em;margin-right:.5em;vertical-align:-.2em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15a4 4 0 0 0 4-4V6a4 4 0 0 0-8 0v5a4 4 0 0 0 4 4zm6-4a1 1 0 1 1 2 0 8 8 0 0 1-7 7.94V21h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-2.06A8 8 0 0 1 4 11a1 1 0 1 1 2 0 6 6 0 0 0 12 0z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15a4 4 0 0 0 4-4V6a4 4 0 0 0-8 0v5a4 4 0 0 0 4 4zm6-4a1 1 0 1 1 2 0 8 8 0 0 1-7 7.94V21h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-2.06A8 8 0 0 1 4 11a1 1 0 1 1 2 0 6 6 0 0 0 12 0z'/%3E%3C/svg%3E") center / contain no-repeat}.micro.actif::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4h3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zm7 0h3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4h3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zm7 0h3a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E")}.micro:disabled{opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.bandeau-voix{font-size:12px;color:var(--doux);margin:8px 0 4px;padding:0 16px;line-height:1.4;text-align:center}.bandeau-voix a{color:var(--accent)}.pied-legal{text-align:center;font-size:12px;color:var(--doux);padding:0 0 12px}.pied-legal a{color:var(--doux)}@media (prefers-reduced-motion:reduce){.etat.ecoute::before{animation:none}}#debug{position:fixed;left:0;right:0;top:0;max-height:40vh;overflow:auto;margin:0;padding:6px 8px;font:11px/1.35 ui-monospace,monospace;white-space:pre-wrap;z-index:99;background:rgba(0,0,0,.88);color:#86efac}