:root{--police: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--encre: #0d2b45;--papier: #fff;--brume: #f2f7fb;--ocean: #0170bf;--horizon: #bee4f9;--filet: #d6e3ec;--ardoise: #5a7286;--terre: #9f1c14;--soleil: #f8931f}*{box-sizing:border-box}body{margin:0;font-family:var(--police);color:var(--encre);background:var(--brume);-webkit-text-size-adjust:100%}#app{max-width:34rem;margin:0 auto;padding:1rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}h1{font-size:1.2rem;margin:0;font-weight:600}.entete{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0}.carte{background:var(--papier);border:1px solid var(--filet);border-radius:.9rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.champ{display:flex;flex-direction:column;gap:.35rem}label{font-size:.85rem;color:var(--ardoise)}input,select,textarea{width:100%;font-family:inherit;font-size:1rem;padding:.7rem .75rem;border:1px solid var(--filet);border-radius:.6rem;background:var(--papier);color:var(--encre)}textarea{min-height:7rem;resize:vertical}.criticites{display:flex;flex-direction:column;gap:.5rem}.crit{display:flex;flex-direction:column;gap:.15rem;text-align:left;font-family:inherit;padding:.7rem .9rem;background:var(--papier);color:var(--encre);border:1px solid var(--filet);border-radius:.6rem;cursor:pointer}.crit .lib{font-weight:500}.c-bloquant{border-left:4px solid var(--terre)}.c-significatif{border-left:2px solid var(--soleil)}.c-mineur{border-left:1px solid var(--ardoise)}.crit[aria-pressed=true]{background:var(--horizon);outline:2px solid var(--ocean)}.principal{min-height:3.25rem;font-family:inherit;font-size:1rem;font-weight:500;background:var(--ocean);color:var(--papier);border:0;border-radius:.7rem;cursor:pointer}.principal:disabled{opacity:.5}.lien{background:none;border:0;font-family:inherit;font-size:.85rem;color:var(--ardoise);text-decoration:underline;cursor:pointer}.avert{background:var(--horizon);border-radius:.6rem;padding:.7rem .9rem;margin:0;font-size:.9rem;color:#12466b}.aide{font-size:.85rem;color:var(--ardoise);margin:0}.erreur{color:var(--terre);font-size:.9rem;margin:0}.succes{background:var(--horizon);border-radius:.6rem;padding:.7rem .9rem;margin:0;font-size:.9rem;color:#12466b}.signalement{background:var(--papier);border:1px solid var(--filet);border-radius:.7rem;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.2rem}.signalement .quand{font-size:.8rem;color:var(--ardoise);font-variant-numeric:tabular-nums}.signalement .quoi{font-size:.95rem}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ocean);outline-offset:2px}