:root{color-scheme:light dark;--fond:#f5f4f0;--carte:#fff;--encre:#141821;--doux:#505766;--accent:#1f3a68;--accent-encre:#fff;--bulle:#e8edf6;--trait:#747b86;--erreur:#8f2020}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--fond:#121419;--carte:#1b1e26;--encre:#eceef3;--doux:#b7becd;--accent:#a8c3f5;--accent-encre:#0f1218;--bulle:#26324a;--trait:#8893a6;--erreur:#ffb4b4}}
:root[data-theme=dark]{--fond:#121419;--carte:#1b1e26;--encre:#eceef3;--doux:#b7becd;--accent:#a8c3f5;--accent-encre:#0f1218;--bulle:#26324a;--trait:#8893a6;--erreur:#ffb4b4}
*{box-sizing:border-box}html{height:100dvh}body{height:var(--hauteur-visible,100dvh);margin:0;background:var(--fond);color:var(--encre);font:16px/1.5 system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;overflow:hidden;transform:translateY(var(--decalage-visible,0px))}header{padding:10px 16px;border-bottom:1px solid var(--trait);background:var(--carte);display:flex;flex-wrap:wrap;gap:8px;flex:none}header span{color:var(--doux);font-size:.9rem}#fil{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:720px;margin:auto}.msg{max-width:94%;padding:12px 14px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}.saul{background:var(--carte);border:1px solid var(--trait);align-self:flex-start}.moi{background:var(--bulle);align-self:flex-end}.choix{display:flex;flex-direction:column;gap:8px;width:100%;flex:none}button,.choix a,.actions a{font:inherit;min-height:48px;padding:12px;border:1px solid var(--accent);border-radius:12px;background:var(--carte);color:var(--accent);text-decoration:none;cursor:pointer;text-align:center;overflow-wrap:anywhere}button small{display:block;color:var(--doux);font-size:.9rem}button:disabled{background:var(--bulle);color:var(--doux);border-color:var(--trait);cursor:wait;opacity:1}button:hover:not(:disabled),a:hover{background:var(--bulle)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.actions{width:100%;max-width:720px;margin:auto;padding:0 16px;flex:none}.actions button,.actions a{display:block;width:100%}.actions details{margin:6px 0}.actions summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--accent)}.actions p{font-size:.9rem;margin:6px 0;color:var(--doux)}#statut{color:var(--erreur)}form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--trait);background:var(--carte);width:100%;max-width:720px;margin:auto;flex:none}input{min-width:0;padding:12px;border-radius:12px;border:1px solid var(--trait);background:var(--carte);color:var(--encre);font:inherit;font-size:16px}input::placeholder{color:var(--doux);opacity:1}form button{background:var(--accent);color:var(--accent-encre);font-weight:700}form button:hover:not(:disabled){background:var(--accent);color:var(--accent-encre);text-decoration:underline}.sortie{font-size:.9rem;color:var(--doux);margin:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:480px){form{grid-template-columns:1fr}form button{width:100%}.msg{max-width:100%}}