.gate-legend{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.gate-info{display:flex;align-items:center;gap:8px;font-size:.9rem}.gate-symbol{display:inline-block;padding:3px 10px;border-radius:var(--radius-sm);font-weight:700;font-size:.8rem;font-family:var(--font-mono);color:#fff}.gate-symbol.xor-color{background-color:#7c4dff}.gate-symbol.and-color{background-color:#00bfa5}.gate-symbol.or-color{background-color:#ff6d00}.gate-card{flex:1 1 180px;min-width:160px;display:flex;flex-direction:column;gap:8px}.truth-table{font-family:var(--font-mono);font-size:.8rem;border-collapse:collapse;width:100%;max-width:140px}.truth-table th,.truth-table td{padding:3px 8px;text-align:center;border:1px solid var(--color-border)}.truth-table th{background:var(--color-surface-alt);color:var(--color-text-muted);font-weight:600;font-size:.75rem}.truth-table td{color:var(--color-text-muted)}.truth-table .out-1{color:var(--color-accent);font-weight:700}.truth-table.fa-truth-table{max-width:260px;margin:12px 0}.sim-panel{background:var(--color-surface-dark);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:4px}.input-row,.output-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.input-row:last-child,.output-row:last-child{margin-bottom:0}.input-label{font-weight:700;font-size:1.1rem;color:var(--color-accent);width:50px;text-align:right;flex-shrink:0}.decimal-display{font-family:var(--font-mono);font-size:.95rem;color:#abc;white-space:nowrap;min-width:60px}.bit-switches{display:flex;gap:4px;flex-wrap:wrap}.bit-switch{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;user-select:none}.bit-switch .bit-label{font-size:.65rem;color:#9ab;font-weight:600}.bit-switch .switch-track{width:28px;height:44px;background:linear-gradient(to bottom,#2a2a3e,#1e1e30);border-radius:var(--radius-sm);border:1px solid #3a3a5e;position:relative;display:flex;flex-direction:column;align-items:center;transition:border-color .2s}.bit-switch:hover .switch-track{border-color:#5a5a8e}.bit-switch .switch-knob{width:22px;height:18px;background:linear-gradient(to bottom,#888,#666);border-radius:3px;position:absolute;bottom:3px;transition:top .15s ease,bottom .15s ease,background .15s ease;box-shadow:0 1px 3px #0006}.bit-switch.on .switch-knob{bottom:auto;top:3px;background:linear-gradient(to bottom,#aaa,#888)}.bit-switch .switch-led{width:6px;height:6px;border-radius:50%;background:#331a1a;margin-top:2px;transition:background .2s,box-shadow .2s}.bit-switch.on .switch-led{background:#0f6;box-shadow:0 0 6px #0f6,0 0 12px #00ff664d}.circuit-panel{background:#0a0a16;border-radius:var(--radius-lg);margin-bottom:4px;overflow:hidden;border:1px solid #1a1a3e}.circuit-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#0f0f20;border-bottom:1px solid #1a1a3e;font-size:.85rem;color:#9ab}.circuit-hint{font-style:italic;font-size:.8rem;color:#89a}.circuit-container{padding:16px;overflow-x:auto;display:flex;justify-content:center}#circuit-svg{display:block;max-width:100%;height:auto}.detail-panel{border-top:1px solid #1a1a3e;background:#0d0d1a;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease}.detail-panel.visible{max-height:400px;opacity:1}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#12122a;border-bottom:1px solid #1a1a3e;font-size:.85rem;color:#abc}#detail-close{background:none;border:none;color:#abc;font-size:1.2rem;cursor:pointer;padding:0 4px;line-height:1}#detail-close:hover{color:var(--color-accent)}.detail-container{padding:16px;display:flex;justify-content:center}#detail-svg{display:block;max-width:100%;height:auto}.output-panel{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.bit-leds{display:flex;gap:4px;flex-wrap:wrap}.led-bit{display:flex;flex-direction:column;align-items:center;gap:3px}.led-bit .bit-label{font-size:.65rem;color:#9ab;font-weight:600}.led-bit .led{width:28px;height:28px;border-radius:50%;background:#1a0a0a;border:2px solid #2a1a1a;display:flex;justify-content:center;align-items:center;font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:#442;transition:background .3s,border-color .3s,color .3s,box-shadow .3s}.led-bit .led.on{background:radial-gradient(circle at 40% 35%,#3f8,#0c5 60%,#093);border-color:#0c5;color:#031;box-shadow:0 0 8px #0f66,0 0 20px #00ff6626}.output-flags{display:flex;gap:20px;margin-top:12px;padding-top:10px;border-top:1px solid #1a1a30}.flag{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#9ab}.flag-led{width:12px;height:12px;border-radius:50%;background:#1a0a0a;border:1px solid #2a1a1a;display:inline-block;transition:background .3s,border-color .3s,box-shadow .3s}.flag.active .flag-led{background:radial-gradient(circle at 40% 35%,#f66,#f33 60%,#c00);border-color:#f33;box-shadow:0 0 6px #ff323280}.flag.active{color:#f66;font-weight:600}.sim-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:12px 0;padding:12px 16px;background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border)}.info-panel{background:#fafafa;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px}.info-header{font-weight:700;font-size:.9rem;color:var(--color-primary);margin-bottom:6px}.info-content{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.step-counter{margin-top:8px;font-size:.85rem;color:#888;font-family:var(--font-mono)}.wire{fill:none;stroke:#2a2a4e;stroke-width:2;transition:stroke .3s,filter .3s}.wire.active-1{stroke:#0f8;filter:drop-shadow(0 0 3px rgba(0,255,136,.5))}.wire.active-0{stroke:#445}.gate-body{fill:#1e1e35;stroke:#3a3a6e;stroke-width:1.5;transition:fill .3s,stroke .3s}.gate-body.computed{fill:#252545;stroke:#5a5a9e}.gate-text{fill:#778;font-family:var(--font-mono);font-size:11px;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}.gate-text.computed{fill:#aac}.fa-block{cursor:pointer;transition:filter .2s}.fa-block:hover .fa-body{stroke:#5a7aae}.fa-body{fill:#141428;stroke:#2a2a5e;stroke-width:2;rx:6;ry:6;transition:stroke .2s,fill .3s}.fa-body.active{fill:#1a1a38;stroke:#4a6aaa}.fa-body.completed{fill:#151530;stroke:#3a5a3a}.fa-label{fill:#9ab;font-family:var(--font-sans);font-size:12px;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}.fa-label.active{fill:#9bf}.fa-label.completed{fill:#8a8}.io-label{fill:#889;font-family:var(--font-mono);font-size:10px;text-anchor:middle;dominant-baseline:central}.svg-led{fill:#1a0a0a;stroke:#2a1a1a;stroke-width:1;transition:fill .3s,filter .3s}.svg-led.on{fill:#0f6;stroke:#0c4;filter:drop-shadow(0 0 4px rgba(0,255,102,.5))}@keyframes carry-pulse{0%{stroke-dashoffset:12}to{stroke-dashoffset:0}}.wire.carry-animate{stroke-dasharray:6 6;animation:carry-pulse .4s linear infinite}.info-panel.completed{border-color:var(--color-success);background:#e8f5e9;box-shadow:0 0 12px #4caf5026;transition:border-color .3s,background .3s,box-shadow .3s}.info-panel.completed .info-header{color:var(--color-success)}#execution-trace{margin-top:12px}.trace-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.7rem;font-weight:700;margin-right:6px;color:#fff;text-transform:uppercase}.trace-badge.badge-inputs{background:#2196f3}.trace-badge.badge-level1{background:#7c4dff}.trace-badge.badge-carry{background:#ff6d00}.trace-badge.badge-bitwise{background:#00bfa5}.trace-badge.badge-result{background:#4caf50}@media (prefers-reduced-motion: reduce){.wire.carry-animate{animation:none}.wire,.fa-body,.switch-knob,.led{transition:none}.info-panel.completed{box-shadow:none;transition:none}}@media (max-width: 640px){.sim-controls{flex-direction:column;align-items:stretch}.sim-controls .control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sim-controls .speed-control{width:100%}.input-row,.output-row{flex-wrap:wrap}.input-label{width:auto;text-align:left}.decimal-display{width:100%}.bit-switch .switch-track{width:32px;height:48px}.bit-switch .switch-knob{width:26px;height:20px}}