:root{--fond:#f4efe4;--texte:#1f2a26;--doux:#5b6b64;--accent:#2f5d50;color:var(--texte);background:var(--fond);font-family:system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--fond:#16201c;--texte:#eef2ef;--doux:#a5b4ad;--accent:#7fb9a6}}body{margin:0}*{box-sizing:border-box}.ecran{text-align:center;flex-direction:column;justify-content:center;gap:16px;max-width:420px;min-height:100svh;margin:0 auto;padding:16px;display:flex}h1{color:var(--accent);margin:0;font-size:2rem}p{margin:0}.entete{flex-direction:column;align-items:center;gap:4px;margin-bottom:16px;display:flex}.doux{color:var(--doux)}.petit{font-size:.875rem}.formulaire{text-align:left;flex-direction:column;gap:12px;display:flex}label{font-weight:600}input{font:inherit;border:1px solid var(--doux);color:var(--texte);background:0 0;border-radius:8px;padding:12px}input.code{letter-spacing:.3em;text-align:center;font-size:1.5rem}button{font:inherit;cursor:pointer}button[type=submit]{background:var(--accent);color:var(--fond);border:none;border-radius:8px;padding:12px;font-weight:600}button:disabled{opacity:.5;cursor:default}.lien,.retour{color:var(--accent);background:0 0;border:none;padding:8px}.retour{align-self:flex-start;font-weight:600}.erreur{color:#b3261e}