:root{--fg:#111;--bg:#fff;--bord:#bbb;--alerte:#8a1a00;--revele:#7a0000;--revele-fond:#ffe9e9}
*{box-sizing:border-box}
body{margin:0;padding:24px;background:var(--bg);color:var(--fg);
     font:16px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;max-width:900px}
h1{font-size:18px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 18px}
section{border:1px solid var(--bord);padding:14px 16px;margin:0 0 14px}
h2{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#555;margin:0 0 8px;font-weight:600}
#intention{font-size:22px;font-weight:700;line-height:1.3}
#mode-bloc{border-width:3px}
#mode{font-size:26px;font-weight:800;letter-spacing:.04em}
#mode-bloc[data-mode="live"]{border-color:#8a1a00}
#mode-bloc[data-mode="live"] #mode{color:#8a1a00}
#mode-bloc[data-mode="dry_run"]{border-color:#204a8a}
#mode-bloc[data-mode="dry_run"] #mode{color:#204a8a}
/* affichage INTEGRAL : aucun overflow masquant, aucune troncature, aucune ellipse */
#texte{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:15px;
       white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;
       border-left:3px solid var(--bord);padding:10px 12px;background:#fafafa}
.revele{display:inline-block;background:var(--revele-fond);color:var(--revele);
        border:1px solid var(--revele);border-radius:3px;padding:0 3px;margin:0 1px;
        font-size:11px;font-weight:700;vertical-align:baseline}
dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0}
dt{color:#555;font-size:13px}
dd{margin:0;font-variant-numeric:tabular-nums}
.hex{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;word-break:break-all}
[data-alerte="oui"]{color:var(--alerte);font-weight:700}
#bouton-signer{font:600 16px/1 inherit;padding:16px 22px;width:100%;cursor:pointer;
               border:2px solid var(--fg);background:var(--fg);color:#fff}
#bouton-signer:disabled{background:#999;border-color:#999;cursor:not-allowed}
#refus{border:3px solid var(--alerte);padding:16px}
#refus-code{font-size:20px;font-weight:800;color:var(--alerte)}
footer{color:#666;font-size:12px;margin-top:18px;border-top:1px solid var(--bord);padding-top:10px}
@media (prefers-color-scheme:dark){
  :root{--fg:#eee;--bg:#131313;--bord:#444;--revele-fond:#3a1414;--revele:#ff9c9c;--alerte:#ff8a6a}
  #texte{background:#1b1b1b}
  #bouton-signer{background:#eee;color:#111;border-color:#eee}
}