:root{--police: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--encre: #0d2b45;--papier: #fff;--brume: #f2f7fb;--ocean: #0170bf;--horizon: #bee4f9;--filet: #d6e3ec;--ardoise: #5a7286}*{box-sizing:border-box}body{margin:0;font-family:var(--police);color:var(--encre);background:var(--brume);-webkit-text-size-adjust:100%}#app{max-width:34rem;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;gap:1.25rem}h1{font-size:1.25rem;line-height:1.3;margin:0;font-weight:600}.question{font-size:1.05rem;margin:0;color:var(--ardoise)}.choix{display:flex;gap:.5rem;justify-content:space-between}.choix button{flex:1;min-height:4.5rem;font-size:2rem;font-family:inherit;background:var(--papier);color:var(--encre);border:1px solid var(--filet);border-radius:.75rem;cursor:pointer}.choix button:active{background:var(--horizon)}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tags button{font-family:inherit;font-size:.95rem;padding:.65rem .9rem;background:var(--papier);color:var(--encre);border:1px solid var(--filet);border-radius:.6rem;cursor:pointer}.tags button[aria-pressed=true]{background:var(--horizon);border:2px solid var(--ocean)}input#code{width:100%;font-family:inherit;font-size:1.6rem;letter-spacing:.22em;text-align:center;text-transform:uppercase;padding:.85rem;border:1px solid var(--filet);border-radius:.6rem;background:var(--papier);color:var(--encre)}textarea{width:100%;min-height:5rem;font-family:inherit;font-size:1rem;padding:.75rem;border:1px solid var(--filet);border-radius:.6rem;background:var(--papier);color:var(--encre);resize:vertical}.principal{min-height:3.25rem;font-family:inherit;font-size:1rem;font-weight:500;background:var(--ocean);color:var(--papier);border:0;border-radius:.7rem;cursor:pointer}.principal:disabled{background:var(--filet);color:var(--ardoise);cursor:not-allowed}.secondaire{color:var(--ardoise);font-size:.9rem;margin:0}button:focus-visible,textarea:focus-visible{outline:3px solid var(--ocean);outline-offset:2px}.raccourcis{margin-top:2rem;padding-top:1rem;border-top:1px dashed var(--filet);display:flex;flex-direction:column;gap:.5rem}.raccourcis .tags button{font-size:.8rem;padding:.5rem .7rem}