:root{--turquoise:#0097b2;--azur:#00343f;--accent-texte:#00343f;--bg:#e9f0f2;--surface:#fff;--surface-2:#f5f8f9;--text:#10252b;--muted:#5c7378;--line:#dce5e7;--user:#e3f3f7;--ok:#1f8a5b;--warn:#b7791f;--badge:#d64545;--shadow:0 24px 60px #00343f24}@media (prefers-color-scheme:dark){:root{--accent-texte:#4fc3d9;--bg:#081417;--surface:#11262c;--surface-2:#0e2025;--text:#e6f1f3;--muted:#8fa9ae;--line:#1f3a41;--user:#0f3a44;--shadow:0 24px 60px #00000080}}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.page-connexion{place-items:center;min-height:100dvh;padding:16px;display:grid}.carte-connexion{background:var(--surface);border:1px solid var(--line);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:24px;gap:14px;padding:32px 24px;display:grid}.carte-connexion h1{text-align:center;margin:6px 0 0;font-size:22px}.sous-titre{text-align:center;color:var(--muted);margin:-8px 0 8px}.carte-connexion label{color:var(--muted);gap:6px;font-size:13px;display:grid}.carte-connexion input{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:12px 14px;font-size:16px}.carte-connexion input:focus,.saisie textarea:focus,.champ:focus{outline:2px solid var(--turquoise);outline-offset:1px}.erreur{color:var(--badge);margin:0;font-size:14px}.bouton-principal{background:var(--turquoise);color:#fff;border:0;border-radius:12px;padding:13px;font-size:15px;font-weight:600}.bouton-principal:disabled{opacity:.6}.app{background:var(--surface);flex-direction:column;max-width:560px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}@media (min-width:700px){body{padding:24px 16px}.app{border:1px solid var(--line);height:calc(100dvh - 48px);box-shadow:var(--shadow);border-radius:28px}}header.entete{padding:12px 14px 10px;padding-top:max(12px, env(safe-area-inset-top));border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex}.logo{background:var(--azur);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:700;display:grid;position:relative}.logo:after{content:"";background:var(--turquoise);border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;top:-1px;right:-1px}.logo.grand{width:56px;height:56px;margin:0 auto;font-size:24px}.titre{flex:1;min-width:0;line-height:1.2}.titre b{font-size:15px;display:block}.titre span{color:var(--muted);font-size:12px}.titre span.en-ligne{color:var(--ok)}.icones{gap:4px;display:flex}.icone{background:var(--surface-2);width:36px;height:36px;color:var(--muted);border:0;border-radius:50%;place-items:center;display:grid;position:relative}.icone svg{width:18px;height:18px}.icone .pastille{background:var(--badge);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:3px;right:3px}main.contenu{background:var(--surface-2);overscroll-behavior:contain;flex:1;overflow-y:auto}.vue{padding:14px 14px 22px}.msg{margin:0 0 14px}.qui{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 4px 4px;font-size:11px}.msg.vous .qui{text-align:right}.bulle{background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:16px;padding:11px 14px}.msg.vous .bulle{background:var(--user);white-space:pre-wrap;border-color:#0000;margin-left:44px}.bulle p{margin:0 0 8px}.bulle p:last-child{margin-bottom:0}.bulle h3,.bulle h4{color:var(--accent-texte);margin:10px 0 4px;font-size:14px}.bulle h3:first-child,.bulle h4:first-child{margin-top:0}.bulle ul,.bulle ol{margin:4px 0 8px;padding-left:20px}.bulle code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:13px}.activite{color:var(--muted);align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.points{gap:3px;display:inline-flex}.points i{background:var(--turquoise);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite rebond}.points i:nth-child(2){animation-delay:.15s}.points i:nth-child(3){animation-delay:.3s}@keyframes rebond{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.points i{opacity:.8;animation:none}}.bulle.erreur-msg{border-color:var(--badge)}.vide{text-align:center;color:var(--muted);padding:40px 20px}.vide b{color:var(--text);margin-bottom:6px;font-size:16px;display:block}.suggestions{text-align:left;gap:8px;margin-top:18px;display:grid}.suggestion{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;padding:10px 12px}.saisie{border-top:1px solid var(--line);background:var(--surface);padding:10px 12px;padding-bottom:max(12px, env(safe-area-inset-bottom));align-items:flex-end;gap:8px;display:flex}.saisie textarea{resize:none;border:1px solid var(--line);background:var(--surface-2);border-radius:20px;flex:1;max-height:140px;padding:10px 14px;font-size:16px;line-height:1.4}.envoyer{background:var(--turquoise)!important;color:#fff!important}.envoyer:disabled{opacity:.5}.carte{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:14px}.carte h3{justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.carte h3 small{color:var(--muted);font-weight:500}.ligne{border-top:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;display:flex}.ligne:first-of-type{border-top:0}.ligne .grandit{flex:1;min-width:0}.ligne .grandit b{font-size:14px;font-weight:600;display:block}.ligne .grandit span{color:var(--muted);font-size:12px}.etiquette{color:var(--muted);white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:11px}.etiquette.ok{color:var(--ok);border-color:currentColor}.etiquette.warn{color:var(--warn);border-color:currentColor}.etiquette.turq{color:var(--turquoise);border-color:currentColor}.chiffres{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.chiffre{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:14px;padding:10px}.chiffre b{color:var(--accent-texte);font-size:22px;display:block}.chiffre span{color:var(--muted);font-size:11px}.note{color:var(--muted);text-align:center;margin:6px 0 0;font-size:12px}.etapes{gap:6px;margin-bottom:10px;padding-bottom:6px;display:flex;overflow-x:auto}.etape{border:1px solid var(--line);background:var(--surface);white-space:nowrap;color:var(--muted);border-radius:999px;padding:6px 11px;font-size:12px}.etape.on{background:var(--azur);color:#fff;border-color:var(--azur)}.pilier{color:var(--turquoise);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.lien{color:var(--turquoise);background:0 0;border:0;padding:0;font-size:14px;font-weight:600}.bouton-secondaire{border:1px solid var(--turquoise);color:var(--turquoise);background:0 0;border-radius:999px;padding:6px 12px;font-size:13px}.champ{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;width:100%;margin:8px 0;padding:10px 12px;font-size:15px}.aide-outil{color:var(--muted);margin:6px 0 0;font-size:13px}nav.onglets{border-top:1px solid var(--line);background:var(--surface);padding:6px 4px;padding-bottom:max(8px, env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);display:grid}nav.onglets button{color:var(--muted);background:0 0;border:0;justify-items:center;gap:3px;padding:4px 0;font-size:10.5px;display:grid}nav.onglets button svg{width:21px;height:21px}nav.onglets button.on{color:var(--turquoise);font-weight:600}