Quantum Teleportation

The word teleportation conjures bodies dissolving on one pad and reassembling on another. The real thing is stranger and more modest: it moves the exact quantum state of a single particle from one place to another — and the particle itself never travels.

Here is the puzzle it solves. Alice holds a qubit in some unknown state. She cannot measure it to learn what it is (measurement would destroy the very thing she wants to send), and she cannot copy it — the no-cloning theorem forbids that. So how can Bob, far away, end up with Alice's exact state?

The answer, found by Charles Bennett and colleagues in 1993, uses a shared pair of entangled particles plus a short phone call: just two classical bits. The state disappears from Alice and reappears at Bob, intact, with no copy left behind — and, crucially, no information travels faster than light.

Alice has a mystery qubit (a state you can dial in below). She and Bob already share an entangled pair. Step through the protocol and watch the state travel — not as a particle, but as a recipe.

<p class="hint">{{hint}}</p>

<div class="dial">
  <label>{{dial_label}} &nbsp; &theta; = <span id="thv">60</span>&deg;</label>
  <input id="theta" type="range" min="0" max="180" value="60">
</div>

<div class="stage">
  <div class="party">
    <div class="who">{{alice}}</div>
    <div class="qubit" id="qa"><span class="lbl">{{lbl_mystery}}</span><div class="arrow" id="arrA"></div></div>
    <div class="qubit half" id="qha"><span class="lbl">{{lbl_her_half}}</span></div>
  </div>
  <div class="channel">
    <div class="link" id="elink">{{elink_off}}</div>
    <div class="bits" id="bits">{{bits_init}}</div>
  </div>
  <div class="party">
    <div class="who">{{bob}}</div>
    <div class="qubit out" id="qb"><span class="lbl">{{lbl_bob}}</span><div class="arrow" id="arrB"></div></div>
  </div>
</div>

<div class="status" id="status">{{status_init}}</div>
<div class="btns">
  <button id="entangle" type="button">{{btn_entangle}}</button>
  <button id="measure" type="button" disabled>{{btn_measure}}</button>
  <button id="correct" type="button" disabled>{{btn_correct}}</button>
  <button id="reset" type="button" class="ghost">{{btn_reset}}</button>
</div>

* { box-sizing: border-box; }
body { font-family: system-ui, sans-serif; color: #222; margin: 0; }
.hint { font-size: .9rem; color: #444; margin: 0 0 .7rem; line-height: 1.45; }
.dial { margin: .3rem 0 .8rem; font-size: .9rem; color: #1d3557; }
.dial input { width: 100%; }
.stage { display: grid; grid-template-columns: 1fr 1.1fr 1fr; gap: .5rem; align-items: stretch; }
.party { background: #f1f5f9; border: 1px solid #d7e0e8; border-radius: 10px; padding: .5rem; text-align: center; }
.who { font: 700 12px system-ui; letter-spacing: .08em; color: #1d3557; margin-bottom: .4rem; }
.qubit { position: relative; height: 58px; border-radius: 8px; background: #fff; border: 1px solid #cdd9e3;
         margin: .35rem 0; display: flex; align-items: center; justify-content: center; }
.qubit.half { opacity: .55; }
.qubit.out { border-style: dashed; }
.qubit .lbl { position: absolute; top: 2px; left: 4px; font: 600 9px system-ui; color: #8090a0; }
.arrow { width: 3px; height: 26px; background: #e63946; transform-origin: bottom center; border-radius: 2px;
         transition: transform .5s ease, background .3s; }
.qubit.out .arrow { background: #0a7d33; opacity: 0; transition: transform .5s ease, opacity .4s; }
.qubit.lit { box-shadow: 0 0 0 2px #1d3557 inset; }
.channel { display: flex; flex-direction: column; justify-content: center; gap: .5rem; }
.link { text-align: center; font: 600 11px system-ui; color: #8090a0; padding: .4rem; border-radius: 8px;
        border: 1px dashed #cdd9e3; transition: all .3s; }
.link.on { color: #6a3df0; border-color: #6a3df0; background: #f3efff; box-shadow: 0 0 0 1px #6a3df0 inset; }
.bits { text-align: center; font: 700 13px ui-monospace, monospace; color: #1d3557; padding: .35rem;
        border-radius: 8px; background: #e8eef3; }
.status { font-size: .98rem; font-weight: 600; margin: .7rem 0 .5rem; min-height: 1.4em; color: #1d3557; }
.status.ok { color: #0a7d33; }
.btns { display: flex; gap: .5rem; flex-wrap: wrap; }
button { font: 600 13px system-ui; padding: .45rem .8rem; border: 1px solid #1d3557;
         background: #1d3557; color: #fff; border-radius: 8px; cursor: pointer; }
button:disabled { opacity: .4; cursor: not-allowed; }
button.ghost { background: #fff; color: #1d3557; }

// Code not found

Notice what each step does. Entangle links Alice and Bob with a shared resource. Measure has Alice jointly read her mystery qubit together with her half of the pair — this destroys her copy and yields two random classical bits. She sends those bits to Bob, who applies the matching correction. Only then does the original state appear at Bob — exactly, never sooner than the bits arrive.

What is teleportation, really? Not a trick of fiction — a proven, experimentally demonstrated procedure.

• It moves a state, not a thing. Alice's qubit can be in a continuum of states; describing it would take infinitely many digits. Teleportation transfers that full state without ever spelling it out.
• It needs two ingredients. A shared entangled pair (the quantum channel) and two classical bits (the ordinary channel). Neither alone is enough.
• No copying. When the state appears at Bob, Alice's original is gone — her measurement destroyed it. This is exactly what the no-cloning theorem demands; teleportation moves, never duplicates.
• No faster-than-light. Bob's particle holds nothing usable until Alice's two classical bits arrive — and those travel at most at light speed. Entanglement alone signals nothing.
• It's real. Bennett, Brassard, Crépeau, Jozsa, Peres and Wootters described it in 1993; photon experiments confirmed it in 1997, and it has since been done over fibre, free space, and satellite links spanning more than 1,000 km.

That is the punchline: teleportation is genuine and routine in the lab, yet it quietly respects every rule — you cannot clone the state, and you cannot beat light. It is a cousin of the limits explored in P vs NP: a sharp boundary on what information can and cannot do.

Moving a fragile quantum state without exposing it is exactly what a future quantum infrastructure needs, and teleportation is the primitive that makes it possible:

• Quantum networks: teleportation is how a qubit "hops" between nodes of a planned quantum internet without being measured or copied along the way.
• Quantum repeaters: because quantum signals can't be amplified like classical ones, long-distance links chain teleportation steps through entangled relays.
• Distributed quantum computing: separate quantum processors can act as one machine by teleporting qubits between them.
• Secure communication: the same entanglement that powers teleportation underpins protocols where any eavesdropper leaves a trace.

Understand teleportation and you've met the core move of quantum information — the same entanglement reappears in Shor's algorithm and across quantum computing.

Quantum teleportation hides a beautiful balance: it does something that sounds impossible — move an unknown state across space — while breaking no law of physics. Entanglement carries the quantum part; two ordinary bits carry the rest; and the original is destroyed exactly as the copy appears.

So the next time "teleportation" sounds like fantasy, remember what it really is: not bodies beamed across rooms, but information moved with surgical precision, never cloned and never outrunning light. It is one of the cleanest demonstrations that the universe computes by rules — the same spirit behind Shor's algorithm and the whole of quantum information.