:root{--fond:#fff8f1;--surface:#fff;--surface-alt:#ffefe3;--texte:#1f1b2e;--doux:#6b6580;--bordure:#efe3d8;--accent:#ff5a36;--accent-doux:#ffe1d6;--positif:#0e9f8e;--avertissement:#b7791f}@media (prefers-color-scheme:dark){:root{--fond:#16131f;--surface:#211d2d;--surface-alt:#2b2638;--texte:#f4f1fa;--doux:#a9a3bc;--bordure:#332d42;--accent:#ff6b4a;--accent-doux:#3d2620;--positif:#2fc6b3;--avertissement:#f2c14e}}*{box-sizing:border-box}body{background:var(--fond);color:var(--texte);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:560px;margin:0 auto;padding:24px 16px 140px}h1{letter-spacing:-.3px;margin:8px 0;font-size:26px;line-height:1.2}.doux{color:var(--doux)}.petit{font-size:13px}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:18px;margin:10px 0;padding:14px 16px}.ligne{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.montant{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.choix{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.puce{background:var(--surface-alt);color:var(--texte);cursor:pointer;border:0;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}.puce[aria-pressed=true]{background:var(--accent);color:#fff}.compteur{align-items:center;gap:8px;display:inline-flex}.compteur button{background:var(--accent-doux);width:36px;height:36px;color:var(--accent);cursor:pointer;border:0;border-radius:50%;font-size:20px;font-weight:700}.compteur button:disabled{opacity:.4;cursor:default}.bas{background:var(--fond);border-top:1px solid var(--bordure);padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.bas>div{gap:8px;max-width:560px;margin:0 auto;display:grid}.bouton{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;padding:14px;font-size:16px;font-weight:700}.bouton.discret{color:var(--accent);background:0 0}.bouton:disabled{opacity:.5}.bandeau{background:var(--surface-alt);border-radius:14px;margin:12px 0;padding:12px 14px}.ok{color:var(--positif);font-weight:600}.attente{color:var(--avertissement);font-weight:600}.logo{border-radius:12px;width:44px;height:44px}