:root{--vert: #1f6f4a;--vert-clair: #e8f3ed;--encre: #16241d;--gris: #6b7a72;--bord: #d8e2dc;--rouge: #a33a2a;--fond: #fbfdfc;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--fond);color:var(--encre);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}main{max-width:46rem;margin:0 auto;padding:0 1rem 6rem}nav{position:sticky;top:0;z-index:10;display:flex;gap:.25rem;align-items:center;padding:.6rem 1rem;background:var(--vert);color:#fff}nav a{color:#fff;text-decoration:none;padding:.5rem .75rem;border-radius:999px;font-weight:600;font-size:.95rem}nav a[aria-current=page]{background:#ffffff38}nav .etat{margin-left:auto;font-size:.75rem;opacity:.9}h1{font-size:1.35rem;margin:1.2rem 0 .4rem}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gris);margin:1.4rem 0 .5rem}.ajout{position:fixed;left:0;right:0;bottom:0;display:flex;gap:.5rem;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--bord)}.ajout input{flex:1;padding:.85rem 1rem;font-size:1rem;border:1px solid var(--bord);border-radius:.75rem;background:#fff}.ajout button{padding:0 1.2rem;font-size:1.4rem;font-weight:700;color:#fff;background:var(--vert);border:0;border-radius:.75rem}ul.items{list-style:none;margin:0;padding:0}ul.items li{display:flex;align-items:center;gap:.75rem;padding:.7rem .25rem;border-bottom:1px solid var(--bord)}ul.items li.fait .label{text-decoration:line-through;color:var(--gris)}ul.items button.coche{width:2.75rem;height:2.75rem;min-width:2.75rem;border-radius:.6rem;border:2px solid var(--bord);background:#fff;font-size:1.2rem}ul.items li.fait button.coche{background:var(--vert);border-color:var(--vert);color:#fff}.label{flex:1;font-size:1.05rem}.qte{color:var(--gris);font-size:.9rem}.vide{color:var(--gris);padding:2rem 0;text-align:center}.suggestions{background:var(--vert-clair);border-radius:.9rem;padding:.4rem .8rem;margin-top:1rem}.suggestions li{border-bottom:1px solid rgba(31,111,74,.15)}.suggestions button.plus{background:var(--vert);color:#fff;border:0;border-radius:.5rem;padding:.5rem .8rem;font-weight:600}.progression{font-variant-numeric:tabular-nums;color:var(--gris);font-size:.9rem}section.magasin ul.items button.coche{width:3.5rem;height:3.5rem;min-width:3.5rem;font-size:1.6rem}section.magasin .label{font-size:1.15rem}
