:root{--fond:#f7f3ee;--encre:#2a2320;--lie:#5b1a2b;--discret:#7b706a;--bord:#ddd3c8}@media (prefers-color-scheme:dark){:root{--fond:#1a1614;--encre:#ece5df;--lie:#c98ba0;--discret:#9a8f88;--bord:#3a322e}}*{box-sizing:border-box}body{background:var(--fond);color:var(--encre);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}main{max-width:34rem;margin:0 auto;padding:2rem 1.25rem}h1{color:var(--lie);margin:0 0 1.5rem;font-size:1.75rem}.etat{border:1px solid;border-radius:999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.etat.ok{color:var(--lie)}.etat.hors,.note{color:var(--discret)}.note{font-size:.9375rem}.note.erreur{color:var(--lie)}dl{grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:1.5rem 0 0;display:grid}dt{color:var(--discret);font-size:.875rem}dd{font-variant-numeric:tabular-nums;margin:0}label{color:var(--discret);margin:1rem 0 .25rem;font-size:.875rem;display:block}input{width:100%;color:var(--encre);background:var(--fond);border:1px solid var(--bord);border-radius:.375rem;padding:.75rem;font-size:1rem}input:focus{outline:2px solid var(--lie);outline-offset:1px}button{width:100%;color:var(--fond);background:var(--lie);cursor:pointer;border:0;border-radius:.375rem;margin-top:1.5rem;padding:.75rem;font-size:1rem;font-weight:600}button:disabled{opacity:.5;cursor:progress}a.principal{text-align:center;color:var(--fond);background:var(--lie);border-radius:.375rem;padding:.875rem;font-weight:600;text-decoration:none;display:block}