:root{--gres: #ede6da;--engobe: #fbf8f2;--engobe-clair: #fdfaf5;--terre-cuite: #4a4238;--oxyde: #8c5a3b;--oxyde-fonce: #6e4429;--celadon: #4a6b45;--encre: #2e2a24;--trait: #dcd4c5;--trait-clair: #e7e0d2;--gris: #8c8071;--gris-texte: #7c7365;--gris-fort: #6b6153;--inactif-fond: #efe9de;--inactif-texte: #a79c8b;--tour: #a93a6b;--tour-fond: #f7e2ec;--tour-trait: #e9bcd1;--tournassage: #1b5fa8;--tournassage-fond: #e1ecf8;--tournassage-trait: #b7cfea;--emaillage: #0e7c8a;--emaillage-fond: #dceff2;--emaillage-trait: #aad5dc;--modelage: #2e7a34;--modelage-fond: #e2efde;--modelage-trait: #b6d6af;--alerte-fond: #f4e7dc;--alerte-trait: #dfc4aa;--rayon: 6px;--serif: Newsreader, Georgia, "Times New Roman", serif;--sans: Archivo, "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--sans);font-size:14px;color:var(--encre);background-color:var(--gres);background-image:radial-gradient(circle at 9% 12%,rgba(84,66,46,.12) 0 1px,transparent 1.6px),radial-gradient(circle at 74% 24%,rgba(84,66,46,.09) 0 1px,transparent 1.6px),radial-gradient(circle at 41% 55%,rgba(84,66,46,.1) 0 1px,transparent 1.6px),radial-gradient(circle at 86% 79%,rgba(84,66,46,.09) 0 1px,transparent 1.6px);background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:var(--oxyde);text-decoration:none}a:hover{color:var(--oxyde-fonce)}button{font-family:inherit;cursor:pointer}button:disabled{cursor:default}.page{width:100%;max-width:460px;margin:0 auto;padding:20px 18px 32px;display:flex;flex-direction:column;gap:15px}.entete{display:flex;align-items:center;gap:12px}.titre{font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.15;margin:0}.surtitre{font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--gris)}.carte{background:var(--engobe);border:1px solid var(--trait);border-radius:var(--rayon)}.carte-garnie{padding:14px 16px}.liste>*+*{border-top:1px solid var(--trait-clair)}.discret{font-size:12.5px;color:var(--gris-texte);line-height:1.45}.chiffre{font-family:var(--serif);font-weight:500;font-variant-numeric:tabular-nums}.separateur{height:1px;background:var(--trait-clair);border:0;margin:12px 0 10px}.bouton{height:44px;padding:0 18px;border-radius:var(--rayon);font-size:14.5px;font-weight:600;border:1px solid var(--oxyde);background:var(--oxyde);color:var(--engobe-clair);display:inline-flex;align-items:center;justify-content:center;gap:8px}.bouton:hover:not(:disabled){background:var(--oxyde-fonce);border-color:var(--oxyde-fonce)}.bouton-discret{background:transparent;border-color:#cdc2ae;color:var(--gris-fort)}.bouton-discret:hover:not(:disabled){background:#8c5a3b0f;border-color:#cdc2ae;color:var(--gris-fort)}.bouton:disabled{background:var(--inactif-fond);border-color:var(--trait);color:var(--inactif-texte)}.bouton-icone{width:36px;height:36px;padding:0;border-radius:var(--rayon);border:1px solid var(--trait);background:var(--engobe);display:inline-flex;align-items:center;justify-content:center;color:var(--gris-fort)}.bouton-icone:hover:not(:disabled){background:var(--engobe-clair)}.bouton-icone:disabled{color:var(--inactif-texte);background:var(--inactif-fond)}.champ{width:100%;height:44px;padding:0 12px;font-family:inherit;font-size:15px;color:var(--encre);background:var(--engobe-clair);border:1px solid var(--trait);border-radius:var(--rayon)}.champ:focus{outline:2px solid var(--oxyde);outline-offset:-1px}.etiquette{display:block;font-size:12.5px;font-weight:600;color:var(--gris-fort);margin-bottom:5px}.signalement{display:flex;align-items:flex-start;gap:9px;background:var(--alerte-fond);border:1px solid var(--alerte-trait);border-radius:var(--rayon);padding:10px 12px;font-size:12.5px;line-height:1.45;color:var(--oxyde-fonce)}.act-Tour{--teinte: var(--tour);--teinte-fond: var(--tour-fond);--teinte-trait: var(--tour-trait)}.act-Tournassage{--teinte: var(--tournassage);--teinte-fond: var(--tournassage-fond);--teinte-trait: var(--tournassage-trait)}.act-Emaillage{--teinte: var(--emaillage);--teinte-fond: var(--emaillage-fond);--teinte-trait: var(--emaillage-trait)}.act-Modelage{--teinte: var(--modelage);--teinte-fond: var(--modelage-fond);--teinte-trait: var(--modelage-trait)}.pastille{width:7px;height:7px;border-radius:50%;background:var(--teinte, var(--gris));flex:none}.pilule{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--teinte);background:var(--teinte-fond);border:1px solid var(--teinte-trait)}.pilule.choisie{color:var(--engobe-clair);background:var(--teinte);border-color:var(--teinte)}.pilule.choisie .pastille{background:var(--engobe-clair)}.pilule .compte{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffb3;font-size:12px;font-variant-numeric:tabular-nums}.pilule.choisie .compte{background:#ffffff38}.pilule.grise{color:var(--inactif-texte);background:var(--inactif-fond);border-color:var(--trait)}.pilule.grise .pastille{background:var(--inactif-texte)}.pilule.grise .compte{background:transparent}@media(prefers-reduced-motion:no-preference){.pilule{transition:background-color .12s ease,color .12s ease}}