:root{--fond:#ffffff;--fond-doux:#f2f4f3;--texte:#101613;--texte-doux:#46524c;--accent:#0b5c3b;--accent-clair:#e6f2ec;--alerte:#8a1c1c;--alerte-clair:#fdeaea;--bordure:#c8d2cc;--rayon:14px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--fond-doux);color:var(--texte);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.45;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.page{max-width:640px;margin:0 auto;padding:16px 16px 48px;display:flex;flex-direction:column;gap:16px}.titre{font-size:1.35rem;margin:8px 0 0}.sous-titre{color:var(--texte-doux);margin:0}.carte{background:var(--fond);border:1px solid var(--bordure);border-radius:var(--rayon);padding:20px;display:flex;flex-direction:column;gap:12px}.etiquette{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--texte-doux);margin:0}.valeur{font-size:1.7rem;font-weight:700;margin:0}.champ{font-size:1.25rem;padding:14px 16px;border:2px solid var(--bordure);border-radius:var(--rayon);width:100%;background:var(--fond);color:var(--texte)}.bouton:focus-visible,.champ:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.champ--code{letter-spacing:.35em;text-transform:uppercase;font-size:1.6rem;text-align:center}.bouton{min-height:56px;font-size:1.15rem;font-weight:650;border-radius:var(--rayon);border:2px solid transparent;padding:0 20px;cursor:pointer;width:100%}.bouton--principal{background:var(--accent);color:#ffffff}.bouton--principal[disabled]{background:var(--bordure);color:var(--texte-doux);cursor:not-allowed}.bouton--discret{background:var(--fond);border-color:var(--bordure);color:var(--texte)}.bouton--danger{background:var(--fond);border-color:var(--alerte);color:var(--alerte)}.message{border-radius:var(--rayon);padding:14px 16px;margin:0;border:1px solid var(--bordure);background:var(--fond)}.message--alerte{background:var(--alerte-clair);border-color:var(--alerte);color:var(--alerte)}.message--succes{background:var(--accent-clair);border-color:var(--accent)}.aide{color:var(--texte-doux);font-size:.95rem;margin:0}.decompte{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.liste{display:flex;flex-direction:column;gap:8px}.lien{color:var(--accent);font-weight:600}.empile{display:flex;flex-direction:column;gap:12px}.nav{display:flex;gap:8px}.nav__lien{flex:1 1;min-height:56px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond);color:var(--texte);font-weight:650;text-decoration:none}.nav__lien--actif{background:var(--accent-clair);border-color:var(--accent);color:var(--accent)}.barre{display:flex;flex-direction:column;gap:12px}.commandes{list-style:none;padding:0;margin:0}.commande{border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond)}.commande__lien{display:flex;flex-direction:column;gap:4px;padding:14px 16px;min-height:56px;color:var(--texte);text-decoration:none}.commande__entete{display:flex;justify-content:space-between;gap:12px;color:var(--texte-doux);font-size:.95rem}.commande__numero{font-weight:700;color:var(--texte)}.commande__statut{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.commande__heure{color:var(--texte-doux);font-size:.95rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.commande__texte{font-weight:600}@media (prefers-color-scheme:dark){:root{--fond:#101613;--fond-doux:#0a0d0b;--texte:#f4f7f5;--texte-doux:#b9c4be;--accent:#5fce9a;--accent-clair:#14301f;--alerte:#ff9c9c;--alerte-clair:#331616;--bordure:#2c3630}.bouton--principal{color:#06120c}}