:root{--fond:#fbf8f3;--surface:#fff;--texte:#1f1a16;--texte-pale:#6e6259;--bord:#e6ddd2;--accent:#b8612a;--alerte:#b3261e;--rayon:12px}@media (prefers-color-scheme:dark){:root{--fond:#171412;--surface:#211d1a;--texte:#efe8e1;--texte-pale:#a1958b;--bord:#3a332d;--accent:#e08a4f;--alerte:#f2877f}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fond);color:var(--texte);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.45}a{color:inherit}h1{margin:0 0 .75rem;font-size:1.6rem}h2{margin:1.5rem 0 .5rem;font-size:1.1rem}.pale{color:var(--texte-pale)}.alerte{color:var(--alerte);margin:0}.pile{gap:.75rem;display:grid}.pile-serree{gap:.25rem;display:grid}.rangee{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.centre{place-items:center;min-height:100dvh;padding:2rem 16px;display:grid}.champ{border:1px solid var(--bord);background:var(--surface);width:100%;color:var(--texte);font:inherit;border-radius:8px;padding:.6rem .75rem}.bouton,.bouton-discret{font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.6rem 1rem;text-decoration:none;display:inline-flex}.bouton{background:var(--accent);color:#fff;border:0}.bouton-discret{border:1px solid var(--bord);background:var(--surface);color:var(--texte)}.bouton:disabled,.bouton-discret:disabled{opacity:.6;cursor:progress}.bouton-danger{border-color:var(--alerte);color:var(--alerte)}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);padding:1rem}.puce{border:1px solid var(--bord);color:var(--texte-pale);border-radius:999px;padding:.1rem .45rem;font-size:.75rem}.coquille{min-height:100dvh}.contenu{padding:1rem 16px calc(5rem + env(safe-area-inset-bottom));max-width:60rem;margin:0 auto}.onglets{z-index:10;padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--bord);justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.onglets a{color:var(--texte-pale);justify-items:center;gap:.1rem;padding:.2rem 1rem;font-size:.75rem;text-decoration:none;display:grid}.onglets a[aria-current=page]{color:var(--accent)}.onglets .icone{font-size:1.25rem;line-height:1}@media (min-width:900px){.coquille{grid-template-columns:12rem 1fr;display:grid}.onglets{border-top:0;border-right:1px solid var(--bord);flex-direction:column;justify-content:flex-start;gap:.25rem;height:100dvh;padding:1.5rem .75rem;position:sticky;top:0}.onglets a{border-radius:8px;grid-auto-flow:column;justify-content:start;gap:.6rem;padding:.55rem .75rem;font-size:.95rem}.onglets a[aria-current=page]{background:var(--fond)}.contenu{padding:2rem 2rem 3rem}}.segments{gap:.25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.segments button{border:1px solid var(--bord);background:var(--surface);color:var(--texte);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:.45rem .85rem}.segments button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}.grille-pastilles{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.75rem;display:grid}.pastille{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);gap:.25rem;padding:.6rem;text-decoration:none;display:grid}.pastille .pale{font-size:.8rem}.echantillon{border:1px solid var(--bord);border-radius:50%;flex:none;width:1.5rem;height:1.5rem}.echantillon.grand{border-radius:8px;width:100%;height:4.5rem}.epuise{opacity:.5}.liste{gap:.4rem;display:grid}.ligne-article{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);align-items:center;gap:.75rem;padding:.65rem .8rem;text-decoration:none;display:flex}.ligne-article .pale{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.quantite{margin:0;font-size:2rem;font-weight:600}.photo{object-fit:cover;border-radius:var(--rayon);border:1px solid var(--bord);width:100%;max-height:22rem}.photo.vide{background:var(--surface);place-items:center;height:8rem;display:grid}.details{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;margin:0;display:grid}.details dt{font-size:.8rem}.details dd{margin:0}.historique{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.historique li{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.historique .plus{color:#2e7d32;min-width:6rem}.historique .moins{color:var(--alerte);min-width:6rem}.petit{padding:.2rem .6rem;font-size:.85rem}.viseur{object-fit:cover;border-radius:var(--rayon);background:#000;width:100%;max-height:60dvh}