:root{--fond:#0f1012;--carte:#17181b;--texte:#ece9e2;--doux:#9b978e;--ligne:#2a2b2f;--or:#c8a96a;--ko:#e07a6a}
@media (prefers-color-scheme:light){:root{--fond:#f6f4ef;--carte:#fff;--texte:#1d1c1a;--doux:#6d6a63;--ligne:#e2ded4;--or:#9a7a3a;--ko:#b3412f}}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--fond);color:var(--texte);
font:16px/1.55 ui-sans-serif,system-ui,sans-serif;display:grid;place-items:center;padding:16px}
main{width:100%;max-width:420px;background:var(--carte);border:1px solid var(--ligne);border-radius:18px;padding:32px 28px}
.marque{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--doux);margin-bottom:18px}
h1{font:400 28px/1.2 Georgia,serif;margin:0 0 14px}p{margin:0 0 14px;color:var(--doux)}
form{display:flex;flex-direction:column;gap:12px;margin-top:8px}
label{font-size:13px;color:var(--doux)}input{font:inherit;color:inherit;background:transparent;border:1px solid var(--ligne);
border-radius:12px;padding:12px 14px;width:100%}input:focus{outline:none;border-color:var(--or)}
button,.bouton{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:12px 14px;background:var(--or);color:#111;
text-align:center;text-decoration:none;display:block}
.refus{color:var(--ko)}code,.secret{font-family:ui-monospace,monospace;font-size:15px;word-break:break-all}
.codes{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin:8px 0 18px;padding:0;list-style:none}
.texte p,.texte li{color:var(--texte)}.texte ul{padding-left:18px;margin:0 0 14px}
.case{display:flex;gap:10px;align-items:flex-start}.case input{width:auto;margin-top:5px}
a{color:var(--or)}