:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100vh;margin:0}.app{max-width:48rem;margin:0 auto;padding:1rem 1rem 1.5rem}button,select{min-height:2.75rem;font:inherit;padding:.25rem .875rem}input[type=range]{min-height:2.75rem;margin:0}@media (width>=640px){.app{padding:1.5rem 1rem}button,select,input[type=range]{min-height:2.25rem}}.app__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.app__header h1{margin:0}.language{align-items:center;gap:.5rem;display:inline-flex}.app__tagline{font-size:1.25rem;font-weight:600}.app__footer{opacity:.7;margin-top:3rem;font-size:.875rem}.explain-group{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;display:flex}.explain{display:contents}.explain:not(.explain-group>.explain){margin:.75rem 0 0;display:block}.explain__button{border:1px solid var(--plaquette-stroke);color:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem .25rem .5rem;font-size:.875rem;display:inline-flex}.explain__button:hover{background:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff14)}.explain__button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.explain__button[aria-expanded=true]{background:var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff1f);font-weight:600}.explain__mark{background:var(--plaquette-stroke);color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#212529);border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.explain__body{box-sizing:border-box;border-left:3px solid var(--plaquette-stroke);flex:1 0 100%;order:1;margin:.25rem 0 0;padding:.6rem .8rem;font-size:.875rem;line-height:1.45}.explain__body[hidden]{display:none}:root{--pauli-x:var(--lightningcss-light,#d9480f)var(--lightningcss-dark,#ff922b);--pauli-z:var(--lightningcss-light,#1864ab)var(--lightningcss-dark,#4dabf7);--pauli-y:var(--lightningcss-light,#862e9c)var(--lightningcss-dark,#da77f2);--plaquette-z:var(--lightningcss-light,#d0ebff)var(--lightningcss-dark,#1b3a5c);--plaquette-x:var(--lightningcss-light,#ffe8cc)var(--lightningcss-dark,#5c3a1b);--plaquette-stroke:var(--lightningcss-light,#adb5bd)var(--lightningcss-dark,#495057);--defect:var(--lightningcss-light,#ffd43b)var(--lightningcss-dark,#fcc419);--defect-stroke:var(--lightningcss-light,#e67700)var(--lightningcss-dark,#ffd43b);--qubit:var(--lightningcss-light,#fff)var(--lightningcss-dark,#212529);--qubit-stroke:var(--lightningcss-light,#495057)var(--lightningcss-dark,#ced4da);--match:var(--lightningcss-light,#343a40)var(--lightningcss-dark,#dee2e6);--residual:var(--lightningcss-light,#e03131)var(--lightningcss-dark,#ff6b6b);--focus:var(--lightningcss-light,#1c7ed6)var(--lightningcss-dark,#74c0fc)}.grid{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;max-width:30rem;height:auto;margin:0 auto;display:block}.plaquette{stroke:var(--plaquette-stroke);stroke-width:1px;transition:fill .12s,stroke .12s}.plaquette--Z{fill:var(--plaquette-z)}.plaquette--X{fill:var(--plaquette-x)}.plaquette[data-defect="1"]{fill:var(--defect);stroke:var(--defect-stroke);stroke-width:2.5px}.match{fill:none;stroke:var(--match);stroke-width:2px;stroke-dasharray:5 4;opacity:.8}.chain{fill:none;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.chain--Z{stroke:var(--pauli-x)}.chain--X{stroke:var(--pauli-z)}.qubit__halo{fill:#0000}.qubit__disc{fill:var(--qubit);stroke:var(--qubit-stroke);stroke-width:2px;transition:fill .12s,stroke .12s}.qubit[role=button]{cursor:pointer}.qubit[role=button]:hover .qubit__disc{stroke-width:3px}.qubit:focus{outline:none}.qubit:focus-visible .qubit__halo{fill:var(--focus);opacity:.35}.qubit[data-pauli=X] .qubit__disc{fill:var(--pauli-x)}.qubit[data-pauli=Z] .qubit__disc{fill:var(--pauli-z)}.qubit[data-pauli=Y] .qubit__disc{fill:var(--pauli-y)}.qubit__label{fill:#fff;pointer-events:none;font-size:12px;font-weight:700}.qubit:not([data-correction=I]) .qubit__disc{stroke-dasharray:3 2;stroke-width:3px}.qubit:not([data-residual=I]) .qubit__halo{fill:none;stroke:var(--residual);stroke-width:3px}.panel{margin-top:2rem}.panel h2{margin:0 0 .75rem;font-size:1.25rem}.panel--grid .controls{grid-template-columns:1fr 1fr;align-items:center;gap:.5rem .75rem;margin-bottom:1rem;display:grid}.control{grid-column:1/-1;align-items:center;gap:.5rem;display:flex}.control input[type=range]{flex:6rem;min-width:0}@media (width>=640px){.panel--grid .controls{flex-wrap:wrap;gap:.75rem 1.25rem;display:flex}.control{display:inline-flex}.control input[type=range]{flex:0 0 9rem}}.qubit__hit{fill:#0000}.control__value{font-variant-numeric:tabular-nums;min-width:3.5rem}.verdict{margin:1rem 0 .25rem;font-weight:600}.verdict[data-verdict="0"]{color:var(--lightningcss-light,#2b8a3e)var(--lightningcss-dark,#69db7c)}.verdict:not([data-verdict="0"]){color:var(--residual)}.hint{opacity:.75;margin:0;font-size:.875rem}.legend{flex-wrap:wrap;gap:.5rem 1.25rem;margin:.75rem 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.legend li{align-items:center;gap:.4rem;display:inline-flex}.swatch{border:1px solid var(--plaquette-stroke);border-radius:2px;width:.9rem;height:.9rem;display:inline-block}.swatch--z{background:var(--plaquette-z)}.swatch--x{background:var(--plaquette-x)}.swatch--defect{background:var(--defect);border-color:var(--defect-stroke)}.swatch--chain{background:var(--pauli-x);opacity:.7;border:none;border-radius:999px;height:.35rem}.challenge__intro{opacity:.75;margin:0 0 .75rem;font-size:.875rem}.challenge__status{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.25rem 1.25rem;margin:.5rem 0;display:flex}.challenge__status p{margin:0}.challenge__timer{font-weight:700}.challenge__timer[data-urgent="1"]{color:var(--residual)}.challenge__live{min-height:1.5rem;margin:.75rem 0 .25rem;line-height:1.45}.challenge__live p{margin:0 0 .25rem}.challenge__verdict{font-weight:600}.challenge__verdict[data-accepted="1"][data-forfeited="0"]{color:var(--lightningcss-light,#2b8a3e)var(--lightningcss-dark,#69db7c)}.challenge__verdict[data-accepted="0"],.challenge__verdict[data-forfeited="1"]{color:var(--residual)}.challenge__announce{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.challenge__points{font-weight:700}.challenge__controls{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;display:grid}.challenge__controls .challenge__wide{grid-column:1/-1}.challenge__controls+.challenge__controls{margin-top:.5rem}.challenge__share{grid-template-columns:1fr;gap:.5rem;margin-top:1rem;display:grid}.challenge__share h3{grid-column:1/-1;margin:0;font-size:1rem}.challenge__url{box-sizing:border-box;width:100%;min-width:0;min-height:2.75rem;font:inherit;padding:.25rem .5rem}.challenge__note{grid-column:1/-1;margin:0;font-size:.875rem}.challenge__record{opacity:.75;flex-wrap:wrap;gap:.25rem 1.25rem;margin:1rem 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}@media (width>=640px){.challenge__controls{flex-wrap:wrap;display:flex}.challenge__share{grid-template-columns:1fr auto auto;align-items:center}.challenge__url{min-height:2.25rem}}.steps__intro{opacity:.75;margin:0 0 .75rem;font-size:.875rem}.steps__list{counter-reset:step;flex-wrap:wrap;gap:.35rem .5rem;margin:0 0 1rem;padding:0;font-size:.875rem;list-style:none;display:flex}.steps__item{border:1px solid var(--plaquette-stroke);opacity:.55;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;transition:opacity .2s,background-color .2s;display:inline-flex}.steps__item:before{counter-increment:step;content:counter(step);background:var(--plaquette-stroke);color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#212529);border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.steps__item[data-done="1"]{opacity:1}.steps__item[aria-current=step]{background:var(--defect);border-color:var(--defect-stroke);font-weight:600}.steps__item[aria-current=step]:before{background:var(--defect-stroke)}.steps__explain{min-height:3.5rem;margin:1rem 0 .25rem;line-height:1.45}.steps__verdict{margin-top:.25rem}.steps__controls{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;display:grid}.steps__new{grid-column:1/-1}@media (width>=640px){.steps__controls{flex-wrap:wrap;display:flex}.steps__new{margin-left:auto}}.steps__model{opacity:.75;margin:1rem 0 0;font-size:.875rem}.panel--steps .plaquette,.panel--steps .match,.panel--steps .chain,.panel--steps .qubit__halo{transition:fill .25s,stroke .25s,opacity .25s}