:root{--fond:#f6f4ef;--surface:#fff;--surface-2:#f0ede6;--encre:#2b2822;--texte-2:#6d675c;--texte-3:#8a8375;--filet:#e8e4dc;--champ:#d9d4c9;--motif:#262a26;--accent:oklch(52% .11 60);--accent-soft:oklch(95% .04 60);--vert:oklch(42% .09 170);--ok:oklch(58% .12 150);--ok-soft:oklch(95% .03 150);--ok-texte:oklch(40% .11 150);--attention:oklch(60% .13 70);--attention-soft:oklch(95% .04 70);--attention-texte:oklch(45% .11 70);--erreur-soft:oklch(95% .03 25);--erreur-texte:oklch(45% .14 25)}*{box-sizing:border-box;margin:0}body{background:var(--fond);color:var(--encre);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:14px}.display{font-family:Bricolage Grotesque,IBM Plex Sans,sans-serif}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.chiffres{font-variant-numeric:tabular-nums}.app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.bandeau{background:repeating-linear-gradient(45deg, transparent, transparent 10px, #ffffff0d 10px, #ffffff0d 12px), repeating-linear-gradient(-45deg, transparent, transparent 10px, #ffffff0a 10px, #ffffff0a 12px), var(--motif);color:#fff;text-align:center;padding:24px}.bandeau-sous-titre{color:oklch(80% .03 155);margin-top:4px;font-size:12px}.entete{background:var(--surface);border-bottom:1px solid var(--filet);z-index:10;align-items:center;gap:6px;height:48px;padding:0 12px;display:flex;position:sticky;top:0}.avatar{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:10.5px;font-weight:600;display:inline-flex}.pastille{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.pastille .point{border-radius:50%;width:6px;height:6px}.pastille.ok{background:var(--ok-soft);color:var(--ok-texte)}.pastille.ok .point{background:var(--ok)}.pastille.attention{background:var(--attention-soft);color:var(--attention-texte)}.pastille.attention .point{background:var(--attention)}.contenu{flex:1;align-content:start;gap:12px;padding:16px;display:grid}.carte{background:var(--surface);border:1px solid var(--filet);border-radius:12px;padding:16px}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45}.btn-vert{background:var(--vert);color:#fff}.btn-sombre{background:var(--encre);color:#fff}.btn-ok{background:var(--ok);color:#fff}.btn-clair{background:var(--surface);border:1px solid var(--champ);color:var(--encre)}.btn.primaire{background:var(--encre);color:var(--fond)}.btn-accent{background:var(--accent);color:#fff;padding:16px}.btn-accent.envoi{cursor:wait;background:oklch(45% .09 60)}.btn-accent.confirme{background:oklch(50% .12 150)}.btn-accent.envoi:disabled,.btn-accent.confirme:disabled{opacity:1}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite rotation}@keyframes rotation{to{transform:rotate(360deg)}}.erreur{background:var(--erreur-soft);color:var(--erreur-texte);border-radius:8px;padding:10px 12px;font-size:12.5px;font-weight:600}.pin-erreur{color:oklch(45% .14 25);font-size:12px;font-weight:500}.cases{gap:8px;display:flex}.case{background:var(--surface);border:1px solid var(--filet);text-align:center;border-radius:8px;flex:1;justify-content:center;align-items:center;height:56px;font-size:24px;font-weight:600;display:flex}.case.remplie{border:1px solid var(--champ)}.case.active{border:1.5px solid var(--vert);box-shadow:0 0 0 3px oklch(90% .03 170/.55)}.case.pop{animation:.12s ease-out pop-case}@keyframes pop-case{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.caret{border-left:1.5px solid var(--encre);width:0;height:24px;animation:1s steps(2,end) infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.champ-cache{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute}.pin-points{justify-content:center;gap:10px;display:flex}.pin-point{border:1.5px solid #b0a996;border-radius:50%;width:13px;height:13px}.pin-point.plein{background:var(--encre);border-color:var(--encre);animation:.12s cubic-bezier(.2,0,0,1) pin-pop}.pin-point.plein.dernier{transform:scale(1.15)}.pin-point.erreur{background:oklch(53% .15 25);border-color:oklch(53% .15 25)}@keyframes pin-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.pave{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.touche{background:var(--surface);border:1px solid var(--filet);cursor:pointer;height:60px;color:var(--encre);border-radius:8px;font-family:inherit;font-size:22px;font-weight:600}.touche.texte{color:var(--texte-2);background:0 0;border:none;font-size:12px;font-weight:500}.touche-icone{flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.employe{background:var(--surface);border:1px solid var(--filet);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:11px;width:100%;padding:12px;font-family:inherit;display:flex}.zone-titre{letter-spacing:.08em;text-transform:uppercase;color:var(--texte-3);font-size:11px;font-weight:600}.tables{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.table-btn{background:var(--surface);cursor:pointer;text-align:left;min-height:84px;color:var(--encre);border:2px solid oklch(58% .12 150);border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:14px;font-family:inherit;display:flex}.table-haut{justify-content:space-between;align-items:center;gap:6px;display:flex}.table-nom{color:var(--encre);font-size:19px;font-weight:600}.table-chip{color:oklch(40% .11 150);white-space:nowrap;font-size:11px;font-weight:600}.table-detail{color:var(--texte-2);margin-top:6px;font-size:12px}.table-btn.occupee{border-color:oklch(52% .12 250)}.table-btn.occupee .table-chip{color:oklch(42% .11 250)}.table-btn.occupee .table-detail{color:var(--encre);font-size:12px;font-weight:600}.table-btn.addition{background:oklch(95% .04 70);border-color:oklch(72% .13 70)}.table-btn.addition .table-chip{color:oklch(48% .12 70)}.table-btn.addition .table-detail{color:var(--encre);font-size:12px;font-weight:600}.table-btn.debarrasser{background:oklch(95% .03 305);border-color:oklch(55% .12 305)}.table-btn.debarrasser .table-chip{color:oklch(44% .11 305)}.onglets{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.onglet{white-space:nowrap;border:1px solid var(--filet);background:var(--surface);color:var(--texte-2);cursor:pointer;border-radius:8px;padding:14px 16px;font-family:inherit;font-size:13px;font-weight:600}.onglet.actif{background:var(--encre);color:#fff;border-color:var(--encre)}.articles{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.article{border:1px solid var(--filet);background:var(--surface);cursor:pointer;text-align:left;min-height:64px;color:var(--encre);border-radius:12px;flex-direction:column;justify-content:center;gap:3px;padding:10px;font-family:inherit;display:flex;position:relative}.article:disabled{opacity:.4}.article-nom{font-size:13px;font-weight:600}.article-prix{color:var(--texte-2);font-size:12px;font-weight:600}.article-ligne{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.badge-quantite{color:#131316;background:var(--accent);border-radius:9999px;padding:2px 9px;font-size:12px;font-weight:600;animation:.15s cubic-bezier(.2,0,0,1) pop-badge}@keyframes pop-badge{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.plus-un{color:oklch(82% .09 310);pointer-events:none;font-size:12px;font-weight:600;animation:.25s ease-out forwards plus-un;position:absolute;top:-8px;right:-6px}@keyframes plus-un{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.nuit .article.flash{animation:.15s ease-out flash-accent}@keyframes flash-accent{0%{background:oklch(24% .03 310);border-color:oklch(72% .11 310)}60%{border-color:oklch(72% .11 310)}to{border-color:var(--filet);background:var(--surface)}}.total-montant{font-weight:600;animation:.15s ease-out total-glisse;display:inline-block}@keyframes total-glisse{0%{opacity:.4;transform:translateY(6px)}}.ligne{border-bottom:1px solid var(--surface-2);justify-content:space-between;gap:8px;padding:8px 0;font-size:13px;display:flex}.ligne-statut{font-size:11.5px;font-weight:600}.total-barre{background:var(--surface);border-top:1px solid var(--filet);padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:8px;display:grid;position:sticky;bottom:0}.total-ligne{justify-content:space-between;align-items:baseline;font-size:16px;font-weight:600;display:flex}input,select{border:1px solid var(--champ);background:var(--surface);width:100%;height:48px;color:var(--encre);border-radius:8px;padding:0 12px;font-family:inherit;font-size:14px}input::placeholder{color:var(--texte-3)}:focus-visible{outline:2px solid var(--vert);outline-offset:2px}input:focus-visible,select:focus-visible{outline:2px solid var(--vert);outline-offset:0}.glisse-droite{animation:.2s cubic-bezier(.2,0,0,1) glisse-droite}@keyframes glisse-droite{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.nuit{--fond:#131316;--surface:#1c1c21;--surface-2:#17171b;--surface-3:#222228;--encre:#eceae4;--texte-2:#9a97a3;--texte-3:#6c6a75;--filet:#2a2a31;--champ:#3a3a44;--accent:oklch(72% .11 310);--accent-soft:oklch(26% .05 310);--vert:oklch(72% .11 310);--ok:oklch(70% .14 150);--ok-soft:oklch(24% .04 150);--ok-texte:oklch(78% .13 150);--erreur:oklch(75% .13 25);background:var(--fond);color:var(--encre)}.nuit .entete,.nuit .carte,.nuit .table-btn,.nuit .touche,.nuit .employe,.nuit .article,.nuit .onglet,.nuit input,.nuit select{background:var(--surface);border-color:var(--filet);color:var(--encre)}.nuit .entete{gap:10px;height:auto;padding:12px 16px}.nuit .avatar{background:var(--surface-3);color:oklch(80% .08 310);width:30px;height:30px;font-size:11px;font-weight:600}.nuit .pastille.ok{background:var(--surface-2);border:1px solid var(--filet);color:var(--ok-texte);font-weight:500}.nuit .total-barre{background:var(--surface-2);border-color:var(--filet)}.nuit .btn-clair{background:var(--surface);border-color:var(--champ);color:var(--encre)}.nuit .btn-vert{background:var(--accent);color:#131316}.nuit .btn-sombre{background:var(--encre);color:#131316}.nuit .article{border-radius:12px;min-height:76px;padding:16px 14px}.nuit .article-nom{color:var(--encre);font-size:15px;font-weight:600;line-height:1.2}.nuit .article-prix{color:var(--accent);font-size:14px;font-weight:600}.nuit .article.pointille{border:1px dashed var(--champ);box-shadow:none;color:var(--texte-2);background:0 0;flex-direction:row;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500}.nuit .article.mise-avant{border-color:var(--accent)}.article-sous{color:var(--texte-2);margin-top:4px;font-size:11px;font-weight:500;line-height:1.3}.btn-nuit-accent{background:var(--accent);color:#131316;padding:16px;font-size:16px}.btn-nuit-second{background:var(--surface);border:1px solid var(--filet);color:var(--encre);padding:16px 8px;font-size:14px}.jauge-barre{background:var(--surface-3,var(--filet));border-radius:9999px;height:10px;overflow:hidden}.jauge-barre.seuil{border:1px solid oklch(53% .15 25);animation:1.2s ease-in-out infinite pulse-rouge}@keyframes pulse-rouge{0%,to{box-shadow:0 0 oklch(53% .15 25/0)}50%{box-shadow:0 0 0 4px oklch(53% .15 25/.35)}}.jauge-remplissage{background:linear-gradient(90deg,oklch(72% .11 310),oklch(60% .15 25));border-radius:9999px;height:100%}.porte-grille{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tarif-btn{cursor:pointer;background:var(--accent);color:#131316;text-align:center;border:none;border-radius:12px;width:100%;padding:20px 8px;font-family:inherit;font-size:16px;font-weight:600}.tarif-btn .tarif-prix{margin-top:2px;font-size:12px;font-weight:500;display:block}.tarif-btn .tarif-conso{letter-spacing:.06em;text-transform:uppercase;opacity:.8;margin-top:3px;font-size:10.5px;font-weight:600;display:block}.porte-btn-second{color:var(--encre);background:var(--surface);border:1px solid var(--filet);cursor:pointer;border-radius:12px;padding:16px 8px;font-family:inherit;font-size:14px;font-weight:600;box-shadow:inset 0 1px #ffffff0d}.porte-btn-second:disabled{opacity:.45}.porte-btn-pointille{width:100%;color:var(--encre);border:1px dashed var(--champ);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px 8px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.porte-btn-pointille:disabled{opacity:.45}.numero-geant{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-family:Bricolage Grotesque,sans-serif;font-size:84px;font-weight:700;line-height:1}.numero-geant.porte{font-size:76px}.odometre{animation:.2s cubic-bezier(.2,0,0,1) odometre;display:inline-block}@keyframes odometre{0%{opacity:0;transform:translateY(.35em)}}.segment{background:var(--surface);border:1px solid var(--filet);color:var(--texte-2);cursor:pointer;border-radius:8px;flex:1;padding:14px 0;font-family:inherit;font-size:13px;font-weight:500}.segment.actif{background:var(--accent);border-color:var(--accent);color:#131316;font-weight:600}.chip-type{white-space:nowrap;background:var(--surface);border:1px solid var(--filet);color:var(--texte-2);cursor:pointer;border-radius:9999px;padding:13px 16px;font-family:inherit;font-size:12.5px;font-weight:500}.chip-type.actif{background:var(--surface-3);border-color:var(--accent);color:oklch(82% .09 310);font-weight:600}.celebration-voile{z-index:50;background:#13131699;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.celebration{background:var(--surface-2);border:1px solid var(--filet);text-align:center;border-radius:12px;min-width:230px;padding:24px}.celebration-anneau{border:3px solid var(--filet);border-top-color:oklch(72% .11 310);border-radius:50%;width:64px;height:64px;animation:.6s linear infinite rotation;display:inline-block}.celebration-attente{color:var(--texte-2);margin-top:12px;font-size:13px}.celebration-disque{background:oklch(72% .11 310);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:.15s cubic-bezier(.2,0,0,1) pop-check;display:inline-flex}@keyframes pop-check{0%{transform:scale(1)}60%{transform:scale(1.06)}to{transform:scale(1)}}.celebration-check{stroke-dasharray:24;stroke-dashoffset:24px;animation:.15s ease-out forwards check-trace}@keyframes check-trace{to{stroke-dashoffset:0}}.celebration-montant{color:var(--encre);margin-top:14px;font-size:17px;font-weight:600;animation:.15s ease-out monte-fondu}.celebration-sous{color:var(--texte-2);margin-top:3px;font-size:12.5px;animation:.15s ease-out monte-fondu}@keyframes monte-fondu{0%{opacity:0;transform:translateY(8px)}}.btn,.touche,.article,.table-btn,.tarif-btn,.employe,.onglet,.case,.chip-type,.segment,.porte-btn-second,.porte-btn-pointille{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .15s cubic-bezier(.2,0,0,1),background-color .15s cubic-bezier(.2,0,0,1),border-color .15s cubic-bezier(.2,0,0,1),box-shadow .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1)}.btn:active:not(:disabled),.touche:active,.article:active:not(:disabled),.table-btn:active,.tarif-btn:active,.employe:active,.onglet:active,.chip-type:active,.segment:active,.porte-btn-second:active:not(:disabled),.porte-btn-pointille:active{transition-duration:80ms;transform:scale(.97)}.touche:active{background:var(--surface-2);border-color:var(--champ)}.table-btn:active{border-color:var(--accent);background:oklch(96% .03 60)}.nuit .article,.nuit .tarif-btn{box-shadow:inset 0 1px #ffffff0d}.nuit .article:active:not(:disabled),.nuit .porte-btn-second:active:not(:disabled){background:var(--surface-2);border-color:var(--accent);box-shadow:none;transform:scale(.97)translateY(1px)}.nuit .article:active .article-prix{color:oklch(82% .09 310)}.nuit .tarif-btn:active{box-shadow:none;background:oklch(66% .11 310);transform:scale(.97)translateY(1px)}@keyframes secousse{0%{transform:translate(0)}25%{transform:translate(-6px)}55%{transform:translate(6px)}80%{transform:translate(-3px)}to{transform:translate(0)}}.secousse{animation:.25s cubic-bezier(.2,0,0,1) secousse}@media (prefers-reduced-motion:reduce){.btn,.touche,.article,.table-btn,.tarif-btn,.employe,.onglet,.case,.chip,.chip-type,.segment,.porte-btn-second,.porte-btn-pointille{transition:none}.secousse,.case.pop,.pin-point.plein,.badge-quantite,.nuit .article.flash,.total-montant,.glisse-droite,.odometre,.jauge-barre.seuil,.spinner,.caret,.celebration-anneau,.celebration-disque,.celebration-montant,.celebration-sous{animation:none}.plus-un{display:none}.celebration-check{stroke-dashoffset:0;animation:none}}.voile{z-index:60;background:#2b282259;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.panneau{background:var(--surface);border:1px solid var(--filet);text-align:center;border-radius:12px;gap:10px;width:100%;max-width:420px;padding:20px;display:grid}.panneau-titre{color:var(--encre);font-size:15px;font-weight:600}.panneau-detail{color:var(--texte-2);font-size:12.5px;line-height:1.5}.panneau-heure{color:var(--encre);font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;line-height:1.1}.nuit .voile{background:#0009}.nuit .panneau{box-shadow:inset 0 1px #ffffff0d}