:root{--fond: #141414;--texte: #fafafa;--accent: #f5a623;--sourd: #9a9a9a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--fond);color:var(--texte);min-height:100vh}.page{max-width:30rem;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1rem;text-align:center}.marque{letter-spacing:.35em;font-size:1.1rem;color:var(--accent);margin:0}.succursale{text-transform:capitalize;color:var(--sourd);margin:0}.etiquette{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--sourd);margin:0}.numero{font-size:clamp(5rem,30vw,9rem);font-weight:800;margin:0;line-height:1}.position{font-size:1.25rem;margin:.25rem 0 0}.en-cours{color:var(--sourd);margin:.5rem 0 0}.ticket,.comptoir,.prochains,.deverrouillage,.notifications{border:1px solid #2a2a2a;border-radius:1rem;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.etapes{text-align:left;margin:.25rem 0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.35rem}.avertissement{color:var(--accent);font-weight:600;margin:.25rem 0 0}.bouton{margin-top:1rem;padding:1.1rem;font-size:1.2rem;font-weight:700;border:none;border-radius:.75rem;background:var(--accent);color:#141414;cursor:pointer}.bouton:active{transform:scale(.98)}.bouton:disabled{opacity:.5;cursor:default}.bouton.secondaire{margin-top:.5rem;background:transparent;color:var(--accent);border:2px solid var(--accent)}.explication{color:var(--sourd);margin:0}.saisie{padding:1rem;font-size:1.3rem;text-align:center;letter-spacing:.2em;border:1px solid #2a2a2a;border-radius:.75rem;background:#1e1e1e;color:var(--texte)}.saisie:focus{outline:2px solid var(--accent)}.confirmation{color:var(--accent);font-size:1.2rem;font-weight:700;margin:0}.liste{font-size:1.4rem;font-weight:600;margin:0;word-spacing:.75rem}.erreur{color:#ff6b6b;margin:0}.pied{color:var(--sourd);font-size:.85rem}