:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#121212);--fg:var(--lightningcss-light,#212529)var(--lightningcss-dark,#e9ecef);--muted:var(--lightningcss-light,#495057)var(--lightningcss-dark,#adb5bd);--surface:var(--lightningcss-light,#f8f9fa)var(--lightningcss-dark,#1e1e1e);--border:var(--lightningcss-light,#adb5bd)var(--lightningcss-dark,#495057);--ok:var(--lightningcss-light,#237a37)var(--lightningcss-dark,#69db7c);--on-badge:var(--lightningcss-light,#212529)var(--lightningcss-dark,#fff);--badge-dim:var(--lightningcss-light,#e9ecef)var(--lightningcss-dark,#343a40);--on-badge-dim:var(--lightningcss-light,#495057)var(--lightningcss-dark,#ced4da);--hover-bg:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff14);--active-bg:var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff1f);--shadow:var(--lightningcss-light,#0000002e)var(--lightningcss-dark,#000000a6)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports not (color:light-dark(#000, #fff)){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--fg:#212529;--muted:#495057;--surface:#f8f9fa;--border:#adb5bd;--ok:#237a37;--on-badge:#212529;--badge-dim:#e9ecef;--on-badge-dim:#495057;--hover-bg:#0000000d;--active-bg:#00000014;--shadow:#0000002e}:root[data-theme=dark]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}body{background:var(--bg);min-height:100vh;color:var(--fg);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}.app__prefs{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.language,.theme{align-items:center;gap:.5rem;display:inline-flex}.app__tagline{font-size:1.25rem;font-weight:600}.app__footer{color:var(--muted);margin-top:3rem;font-size:.875rem}.toast{z-index:10;border:1px solid var(--border);background:var(--surface);max-width:32rem;box-shadow:0 .5rem 1.5rem var(--shadow);border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin:0 auto;padding:.75rem 1rem;animation:.25s toast-in;display:flex;position:fixed;bottom:1rem;left:1rem;right:1rem}.toast[data-open="0"]{box-shadow:none;pointer-events:none;border:0;padding:0;animation:none}.toast__text{margin:0}.toast__actions{gap:.5rem;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}}@media (prefers-reduced-motion:reduce){.toast{transition:none;animation:none}}:root{--pauli-x:var(--lightningcss-light,#c9420b)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,#7a5c00);--defect-stroke:var(--lightningcss-light,#b35c00)var(--lightningcss-dark,#ffd43b);--on-defect:var(--lightningcss-light,#212529)var(--lightningcss-dark,#fff);--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,#f8f9fa);--chain-x:var(--lightningcss-light,#d2400c)var(--lightningcss-dark,#ffa94d);--chain-z:var(--lightningcss-light,#1971c2)var(--lightningcss-dark,#91cdfb);--residual:var(--lightningcss-light,#d02828)var(--lightningcss-dark,#ff6b6b);--focus:var(--lightningcss-light,#1c7ed6)var(--lightningcss-dark,#74c0fc);--on-pauli:var(--lightningcss-light,#fff)var(--lightningcss-dark,#212529)}@supports not (color:light-dark(#000, #fff)){:root{--pauli-x:#c9420b;--pauli-z:#1864ab;--pauli-y:#862e9c;--plaquette-z:#d0ebff;--plaquette-x:#ffe8cc;--plaquette-stroke:#adb5bd;--defect:#ffd43b;--defect-stroke:#b35c00;--on-defect:#212529;--qubit:#fff;--qubit-stroke:#495057;--match:#343a40;--chain-x:#d2400c;--chain-z:#1971c2;--residual:#d02828;--focus:#1c7ed6;--on-pauli:#fff}}.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;animation:.25s grid-fade-in}.chain{fill:none;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;animation:.25s grid-fade-in}@keyframes grid-fade-in{0%{opacity:0}}.chain--Z{stroke:var(--chain-x)}.chain--X{stroke:var(--chain-z)}.qubit__halo{fill:#0000}.qubit__focus{fill:none;stroke:none;stroke-width:3px}.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__focus{stroke:var(--focus)}.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:var(--on-pauli);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(--ok)}.verdict:not([data-verdict="0"]){color:var(--residual)}.hint{color:var(--muted);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(--chain-x);border:none;border-radius:999px;height:.35rem}@media (prefers-reduced-motion:reduce){.plaquette,.match,.chain,.qubit__disc{transition:none;animation:none}}.challenge__intro{color:var(--muted);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(--ok)}.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{color:var(--muted);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{color:var(--muted);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);color:var(--muted);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;transition:color .2s,background-color .2s;display:inline-flex}.steps__item:before{counter-increment:step;content:counter(step);background:var(--badge-dim);width:1.25rem;height:1.25rem;color:var(--on-badge-dim);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:color .2s,background-color .2s;display:inline-flex}.steps__item[data-done="1"]{color:var(--fg)}.steps__item[data-done="1"]:before{background:var(--plaquette-stroke);color:var(--on-badge)}.steps__item[aria-current=step]{background:var(--defect);border-color:var(--defect-stroke);color:var(--on-defect);font-weight:600}.steps__item[aria-current=step]:before{background:var(--on-defect);color:var(--defect)}.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{color:var(--muted);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}@media (prefers-reduced-motion:reduce){.steps__item,.steps__item:before,.panel--steps .plaquette,.panel--steps .match,.panel--steps .chain,.panel--steps .qubit__halo{transition:none;animation:none}}