.demo{--demo-bg:var(--night);--demo-panel:var(--night-2);--link:#9cc0ff;--focus:var(--lumi);border-radius:var(--radius-l);background:var(--demo-bg);color:var(--on-night);border:2px solid #2b3f6b;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(16px,3vw,32px);padding:clamp(14px,2.5vw,28px);display:grid}.night .demo{--demo-bg:var(--night-2);--demo-panel:#1d3160}.demo__stage{border:1px solid var(--night-line);border-radius:var(--radius);background-color:#0b142a;background-image:linear-gradient(#96beff14 1px,#0000 1px),linear-gradient(90deg,#96beff14 1px,#0000 1px);background-size:20px 20px;align-content:start;gap:.5rem;padding:.75rem;display:grid}.demo__svg{user-select:none;direction:ltr;block-size:auto;inline-size:100%}.demo__hint{font-size:var(--step--1);color:var(--on-night-2);text-align:center}.demo__panel{align-content:start;gap:1rem;display:grid}.demo__title{font-size:var(--step-2);color:var(--on-night)}.demo__intro,.demo__explain{color:var(--on-night-2)}.demo__model{border-radius:var(--radius-s);font-size:var(--step--1);color:var(--on-night);background:#ffc83d1a;border:1px dashed #ffc83d80;grid-template-columns:auto minmax(0,1fr);gap:.5rem;padding:.6rem .75rem;display:grid}.demo__model svg{color:var(--lumi);margin-block-start:.15em}.demo__play{justify-self:start}.control{border:0;gap:.4rem;min-inline-size:0;margin:0;padding:0;display:grid}.control label,.control legend,.control__label{font-weight:700;font-size:var(--step--1);color:var(--on-night);padding:0}.control__row{align-items:center;gap:.75rem;display:flex}.control output{border:1px solid var(--night-line);min-inline-size:4.5em;font-family:var(--font-mono);text-align:center;color:var(--lumi);unicode-bidi:isolate;background:#0b142a;border-radius:8px;padding:.3rem .6rem;font-weight:700}.control--inline{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.demo input[type=range]{block-size:44px;min-inline-size:0;accent-color:var(--lumi);cursor:pointer;background:0 0;flex:1;margin:0}.demo input[type=range]::-webkit-slider-runnable-track{background:#2b3f6b;border-radius:999px;block-size:8px}.demo input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:3px solid var(--night);background:var(--lumi);block-size:28px;inline-size:28px;box-shadow:0 0 0 2px var(--lumi);border-radius:50%;margin-block-start:-10px}.demo input[type=range]::-moz-range-track{background:#2b3f6b;border-radius:999px;block-size:8px}.demo input[type=range]::-moz-range-thumb{border:3px solid var(--night);background:var(--lumi);border-radius:50%;block-size:24px;inline-size:24px}.demo input[type=range]{-webkit-appearance:none;appearance:none}.demo input[type=range]:focus-visible{outline:3px solid var(--lumi);outline-offset:2px;border-radius:8px}.segmented__options{flex-wrap:wrap;gap:.4rem;display:flex}.segmented label{font-weight:700;position:relative}.segmented input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.segmented span{min-block-size:44px;min-inline-size:52px;color:var(--on-night);font-family:var(--font-mono);cursor:pointer;background:#0b142a;border:2px solid #2b3f6b;border-radius:10px;justify-content:center;align-items:center;padding:.35rem .85rem;display:inline-flex}.segmented input:checked+span{background:var(--lumi);border-color:var(--lumi);color:var(--ink)}.segmented input:focus-visible+span{outline:3px solid var(--lumi);outline-offset:2px}.toggle{min-block-size:44px;color:var(--on-night);cursor:pointer;background:#0b142a;border:2px solid #2b3f6b;border-radius:999px;align-items:center;gap:.6rem;padding:.3rem .9rem .3rem .4rem;font-weight:700;display:inline-flex}.toggle__track{background:#2b3f6b;border-radius:999px;block-size:26px;inline-size:44px;transition:background-color .15s;position:relative}.toggle__thumb{background:var(--on-night);border-radius:50%;block-size:20px;inline-size:20px;transition:transform .15s;position:absolute;inset-block-start:3px;inset-inline-start:3px}.toggle[aria-pressed=true] .toggle__track{background:var(--lumi)}.toggle[aria-pressed=true] .toggle__thumb{background:var(--ink);transform:translate(18px)}[dir=rtl] .toggle[aria-pressed=true] .toggle__thumb{transform:translate(-18px)}.toggle:disabled{opacity:.45;cursor:not-allowed}.readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.readouts>div{border:1px solid var(--night-line);background:#0b142a;border-radius:10px;padding:.6rem .75rem}.readouts__wide{grid-column:1/-1}.readouts dt{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--on-night-2);font-size:.78rem;font-weight:700}.readouts dd{color:var(--lumi);margin:.15rem 0 0;font-weight:700}.svg-label{fill:var(--on-night);font-family:var(--font-mono);font-size:15px;font-weight:700}.gear--driver{cursor:grab;touch-action:none}.gear--driver:active{cursor:grabbing}.circuit-switch{cursor:pointer}.circuit-smoke{display:none}.demo[data-state=danger] .circuit-smoke{animation:1.8s ease-out infinite smoke;display:inline}.demo[data-state=danger] [data-led]{fill:#ff8a3d}.demo[data-state=off] [data-led]{fill:#8c3a36}.demo[data-state=danger] .led-state{color:#ffb4a8}.demo[data-state=high] .led-state{color:#ffd27a}@keyframes smoke{0%{opacity:.9;transform:translateY(6px)}to{opacity:0;transform:translateY(-14px)}}.wire{fill:none;stroke:#4f6aa3;stroke-width:5px;stroke-linecap:round}.wire[data-on=true]{stroke:var(--lumi)}.wire[data-unused=true]{opacity:.25}.logic-input{cursor:pointer}.logic-input rect{fill:#0b142a;stroke:#9cc0ff;stroke-width:3px}.logic-input rect[data-on=true]{fill:var(--lumi);stroke:var(--lumi)}.logic-input text{font-family:var(--font-mono);fill:var(--on-night);pointer-events:none;font-size:22px;font-weight:700}.logic-input:has(rect[data-on=true]) text{fill:var(--ink)}.logic-input[data-unused=true]{opacity:.3;cursor:not-allowed}.gate-shape path,.gate-shape circle{fill:#7457f2;stroke:#d9d1ff;stroke-width:3px;stroke-linejoin:round}.gate-shape path[fill=none]{fill:none}.gate-shape [data-shape]{display:none}.demo[data-gate=AND] [data-shape=AND],.demo[data-gate=OR] [data-shape=OR],.demo[data-gate=XOR] [data-shape=XOR],.demo[data-gate=NAND] [data-shape=NAND],.demo[data-gate=NOT] [data-shape=NOT]{display:inline}.lamp{fill:#24345a;stroke:#9cc0ff;stroke-width:3px}.lamp[data-on=true]{fill:var(--lumi);stroke:var(--lumi)}.lamp-glow{fill:var(--lumi);opacity:0;transition:opacity .2s}.lamp-glow[data-on=true]{opacity:.3}.truth{border-collapse:collapse;inline-size:100%;font-family:var(--font-mono);font-size:var(--step--1)}.truth caption{font-family:var(--font-body);text-align:start;color:var(--on-night);margin-block-end:.35rem;font-weight:700}.truth th,.truth td{border:1px solid var(--night-line);text-align:center;padding:.35rem .5rem}.truth th{font-family:var(--font-body);color:var(--on-night-2)}.truth tr[aria-current=true] td{background:var(--lumi);color:var(--ink);font-weight:700}@media (width<=860px){.demo{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.demo[data-state=danger] .circuit-smoke{animation:none}}@media (forced-colors:active){.wire,.lamp,.gate-shape path{stroke:canvastext}}.low-note[data-astro-cid-73grdldm]{color:#5c1a10;font-size:var(--step--1);background:#fde8e4;border-radius:.5rem;align-items:flex-start;gap:.5rem;margin-block-start:.75rem;padding:.5rem .75rem;display:flex}.low-note[data-astro-cid-73grdldm] svg{flex:none;margin-block-start:.15em}