:root{--fond:#EEF1F4;--page:#FFFFFF;--encre:#14181C;--encre-moyenne:#4A525C;--filet:#DFE3E8;--identite:#155FB0;--action-fond:#14181C;--action-encre:#FFFFFF;--alerte:#A33418;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--fond:#0E1114;--page:#171B20;--encre:#E8ECF0;--encre-moyenne:#A9B1BA;--filet:#2A3038;--identite:#6FA8E8;--action-fond:#E8ECF0;--action-encre:#14181C;--alerte:#F08A6E}}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--encre);font:16px/1.55 system-ui,-apple-system,sans-serif}
main{max-width:640px;margin:40px auto;padding:32px 24px;background:var(--page);border:1px solid var(--filet);border-radius:12px}
@media (max-width:680px){main{margin:0;border-radius:0;border-width:0 0 1px;padding:24px 16px}}
.marque{margin:0 0 24px;font-weight:600}
.marque a{color:var(--encre);text-decoration:none}
h1{font-size:1.5rem;line-height:1.25;margin:0 0 16px}
p,li{color:var(--encre-moyenne)}
a{color:var(--identite)}
strong{color:var(--encre)}
.cle{display:block;width:100%;min-height:7.5em;padding:12px;font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--encre);background:var(--fond);border:1px solid var(--filet);border-radius:8px;resize:none}
.case{display:flex;gap:12px;align-items:flex-start;padding:14px;margin:0 0 12px;border:1px solid var(--filet);border-radius:8px;color:var(--encre)}
.case input{margin-top:4px;width:18px;height:18px;flex:none}
.erreur{color:var(--alerte);font-weight:500}
.champ{display:block;margin:0 0 16px}
.champ span{display:block;margin:0 0 6px;font-weight:500;color:var(--encre)}
.champ small{display:block;margin:4px 0 0;color:var(--encre-moyenne)}
.champ input{display:block;width:100%;padding:10px 12px;font:inherit;color:var(--encre);background:var(--fond);border:1px solid var(--filet);border-radius:8px}
dl{margin:0 0 16px}
dt{font-weight:500;color:var(--encre)}
dd{margin:0 0 8px;color:var(--encre-moyenne);overflow-wrap:anywhere}
button{font:inherit;font-weight:600;padding:12px 20px;border:0;border-radius:8px;background:var(--action-fond);color:var(--action-encre);cursor:pointer}
.prix{font-size:1.25rem;color:var(--encre);font-weight:600}