.demo-container.svelte-14mnr7i{display:flex;flex-direction:column;gap:.6rem}.title-row.svelte-14mnr7i{display:flex;align-items:baseline;gap:.5rem}.title-row.svelte-14mnr7i h3:where(.svelte-14mnr7i){margin:0;font-size:1.1rem;color:var(--f1)}.subtitle.svelte-14mnr7i{font-size:.7rem;color:var(--f4)}.controls-row.svelte-14mnr7i{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.controls-section.svelte-14mnr7i{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.calc-input.svelte-14mnr7i{width:55px;padding:.35rem .4rem;font-size:1rem;font-weight:700;font-family:Courier New,monospace;text-align:center;border:2px solid var(--c2);border-radius:5px;background:#fff}.calc-input.svelte-14mnr7i:focus{outline:none;border-color:var(--c1)}.calc-input.svelte-14mnr7i:disabled{opacity:.6}.operation-select.svelte-14mnr7i{padding:.35rem .5rem;font-size:1rem;font-weight:700;border:2px solid var(--c2);border-radius:5px;background:#fff;cursor:pointer}.operation-select.svelte-14mnr7i:focus{outline:none;border-color:var(--c1)}.operation-select.svelte-14mnr7i:disabled{opacity:.6}.play-btn.svelte-14mnr7i{width:38px;height:38px;padding:0;border:none;border-radius:50%;background:var(--c1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.play-btn.svelte-14mnr7i:hover{transform:scale(1.08);filter:brightness(1.1)}.play-btn.svelte-14mnr7i svg:where(.svelte-14mnr7i){width:20px;height:20px}.result-display.svelte-14mnr7i{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#75d6ff26;border-radius:5px;animation:svelte-14mnr7i-fadeIn .3s ease}.equals.svelte-14mnr7i{font-size:1rem;color:var(--f3)}.result-value.svelte-14mnr7i{font-size:1.1rem;font-weight:700;font-family:Courier New,monospace;color:var(--c1)}.legend-section.svelte-14mnr7i{display:flex;gap:.75rem;margin-left:auto}.legend-item.svelte-14mnr7i{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--f4)}.legend-bead.svelte-14mnr7i{width:18px;height:10px;border-radius:3px}.legend-bead.upper.svelte-14mnr7i{background:linear-gradient(to bottom,#dc6b6b,#a83838)}.legend-bead.lower.svelte-14mnr7i{background:linear-gradient(to bottom,#d4a84b,#a67c2e)}.step-display.svelte-14mnr7i{padding:.5rem .75rem;background:var(--c3);border-radius:5px;font-size:.85rem;color:var(--f4);transition:all .3s ease;max-width:500px}.step-display.active.svelte-14mnr7i{background:#75d6ff1f;color:var(--f1)}.abacus-row.svelte-14mnr7i{display:flex;flex-direction:column}.abacus-svg.svelte-14mnr7i{width:100%;max-width:500px;height:auto;display:block;border-radius:6px;box-shadow:0 3px 12px #00000026}.bead.svelte-14mnr7i{fill:url(#beadGradient);filter:url(#beadShadow);transition:fill .2s ease}.bead.active.svelte-14mnr7i{fill:url(#beadActiveGradient)}.bead.upper.svelte-14mnr7i{fill:url(#upperBeadGradient)}.bead.upper.active.svelte-14mnr7i{fill:url(#upperBeadActiveGradient)}.place-label.svelte-14mnr7i{font-size:7px;fill:#6a6a6a;font-family:Courier New,monospace}.info-row.svelte-14mnr7i{max-width:500px}.info-row.svelte-14mnr7i p:where(.svelte-14mnr7i){margin:0;font-size:.75rem;color:var(--f4);line-height:1.5}.info-row.svelte-14mnr7i strong:where(.svelte-14mnr7i){color:var(--f2)}@keyframes svelte-14mnr7i-fadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@media(max-width:500px){.controls-row.svelte-14mnr7i{flex-direction:column;align-items:flex-start;gap:.75rem}.legend-section.svelte-14mnr7i{margin-left:0}.calc-input.svelte-14mnr7i{width:50px}}.demo-header.svelte-9t63rt{text-align:center;margin-bottom:1rem}.demo-header.svelte-9t63rt h3:where(.svelte-9t63rt){margin:0;font-size:1.2rem;color:var(--f1)}.subtitle.svelte-9t63rt{margin:.25rem 0 0;font-size:.8rem;color:var(--f4)}.scene-container.svelte-9t63rt{border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0000004d}.scene-svg.svelte-9t63rt{width:100%;height:auto;display:block;background:#2a2520}.controls.svelte-9t63rt{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.add-btn.svelte-9t63rt,.reset-btn.svelte-9t63rt{padding:.4rem .65rem;border:none;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.add-btn.svelte-9t63rt{color:#fff}.add-btn.ones.svelte-9t63rt{background:var(--c1)}.add-btn.tens.svelte-9t63rt{background:#5a7a6a}.add-btn.hundreds.svelte-9t63rt{background:#7a5a2a}.add-btn.all.svelte-9t63rt{background:#6a4a7a}.add-btn.svelte-9t63rt:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.reset-btn.svelte-9t63rt{background:var(--c2);color:var(--f2)}.reset-btn.svelte-9t63rt:hover:not(:disabled){background:var(--f5)}.add-btn.svelte-9t63rt:disabled,.reset-btn.svelte-9t63rt:disabled{opacity:.5;cursor:not-allowed;transform:none}.explanation.svelte-9t63rt{margin-top:1rem;padding:.75rem 1rem;background:var(--c3);border-radius:6px}.explanation.svelte-9t63rt p:where(.svelte-9t63rt){margin:0;font-size:.8rem;color:var(--f3);line-height:1.5}.explanation.svelte-9t63rt strong:where(.svelte-9t63rt){color:var(--f1)}.number-gear.svelte-9t63rt{transition:filter .15s ease}.number-gear.svelte-9t63rt:hover{filter:brightness(1.1)}@media(max-width:500px){.add-btn.svelte-9t63rt,.reset-btn.svelte-9t63rt{padding:.3rem .45rem;font-size:.75rem}}.demo-container.svelte-9dpect{margin:1.5rem 0}.demo-header.svelte-9dpect{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.demo-header.svelte-9dpect h3:where(.svelte-9dpect){margin:0;font-size:1.1rem;color:var(--f1)}.output-indicator.svelte-9dpect{font-size:.9rem;font-weight:600;padding:.35rem .9rem;background:#422;color:#f66;border-radius:4px;transition:all .2s ease}.output-indicator.on.svelte-9dpect{background:#242;color:#6f6}.gate-tabs.svelte-9dpect{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.gate-tab.svelte-9dpect{flex:1;min-width:70px;display:flex;flex-direction:column;align-items:center;padding:.5rem;border:1px solid var(--c2);background:var(--c3);border-radius:6px;cursor:pointer;transition:all .15s ease}.gate-tab.svelte-9dpect:hover{background:var(--c2)}.gate-tab.active.svelte-9dpect{background:var(--c1);border-color:var(--c1);color:#fff}.tab-name.svelte-9dpect{font-size:.9rem;font-weight:700;font-family:Courier New,monospace;line-height:1}.tab-desc.svelte-9dpect{font-size:.55rem;text-transform:uppercase;letter-spacing:.02em;opacity:.7;margin-top:.2rem;text-align:center}.circuit-panel.svelte-9dpect{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0003;margin-bottom:1rem}.circuit-svg.svelte-9dpect{width:100%;height:auto;display:block}.light-switch.svelte-9dpect:hover rect:where(.svelte-9dpect):first-of-type{fill:#f0ece4}.light-switch.svelte-9dpect:active rect:where(.svelte-9dpect):first-of-type{fill:#d8d4cc}@media(max-width:500px){.gate-tabs.svelte-9dpect{display:grid;grid-template-columns:repeat(3,1fr)}.gate-tab.svelte-9dpect{min-width:auto}}.mobile-title.svelte-yftj8p{display:none;text-align:center;margin-bottom:1rem}.mobile-title.svelte-yftj8p h3:where(.svelte-yftj8p){margin:0;font-size:1.15rem;color:var(--f1)}.mobile-title.svelte-yftj8p .subtitle:where(.svelte-yftj8p){font-size:.75rem;color:var(--f4)}.input-row.svelte-yftj8p{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.input-group.svelte-yftj8p{display:flex;align-items:center;gap:.5rem}.calc-input.svelte-yftj8p{width:70px;padding:.5rem .6rem;font-size:1.25rem;font-weight:700;font-family:Courier New,monospace;text-align:center;border:2px solid var(--c2);border-radius:6px;background:#fff}.calc-input.small.svelte-yftj8p{width:48px}.calc-input.svelte-yftj8p:focus{outline:none;border-color:var(--c1)}.calc-input.svelte-yftj8p:disabled{opacity:.6}.operator.svelte-yftj8p{font-size:1.5rem;font-weight:700;color:var(--f2)}.play-btn.svelte-yftj8p{width:48px;height:48px;border:none;border-radius:50%;background:var(--c1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.play-btn.svelte-yftj8p:hover{transform:scale(1.08);filter:brightness(1.1)}.play-btn.svelte-yftj8p svg:where(.svelte-yftj8p){width:24px;height:24px}.main-layout.svelte-yftj8p{display:flex;gap:1.5rem;align-items:stretch}.bones-panel.svelte-yftj8p{flex-shrink:0;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0000001f;background:#f8f5f0;padding:.5rem}.bones-svg.svelte-yftj8p{width:250px;height:auto;display:block}.bone-header-digit.svelte-yftj8p{font-size:15px;fill:#fff;font-weight:700;font-family:Georgia,serif}.cell-digit.svelte-yftj8p{font-size:13px;fill:#4a3728;font-weight:600;font-family:Georgia,serif;transition:filter .3s ease}.row-label-text.svelte-yftj8p{font-size:11px;fill:var(--f4);font-weight:500;font-family:Courier New,monospace;transition:all .3s ease}.row-label-text.highlighted.svelte-yftj8p{fill:#75d6ff;font-weight:700;font-size:12px}.calc-panel.svelte-yftj8p{flex:1;display:flex;flex-direction:column;gap:1rem}.panel-header.svelte-yftj8p{display:flex;align-items:baseline;gap:.75rem}.panel-header.svelte-yftj8p h3:where(.svelte-yftj8p){margin:0;font-size:1.15rem;color:var(--f1)}.subtitle.svelte-yftj8p{font-size:.75rem;color:var(--f4)}.products-area.svelte-yftj8p{display:flex;flex-direction:column;gap:.35rem}.product-row.svelte-yftj8p{display:flex;align-items:center;gap:.75rem;padding:.25rem 0;border-radius:4px;transition:background .4s ease}.product-row.active.svelte-yftj8p{background:#75d6ff1f}.row-label.svelte-yftj8p{width:32px;font-size:.85rem;font-weight:600;color:var(--f4);text-align:right;font-family:Courier New,monospace}.row-digits.svelte-yftj8p{display:flex;gap:.25rem}.digit.svelte-yftj8p{width:24px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;font-family:Courier New,monospace;transition:color .5s ease,background .3s ease}.digit.shift-zero.svelte-yftj8p{color:#c0c4cc}.digit.filled.svelte-yftj8p{color:var(--f1)}.digit.highlighted.svelte-yftj8p{background:#75d6ff40;border-radius:3px}.digit.final-digit.filled.svelte-yftj8p{color:var(--c1);font-weight:700}.sum-divider.svelte-yftj8p{height:2px;background:var(--f3);margin:.5rem 0;margin-left:40px}.product-row.final.svelte-yftj8p{padding-top:.35rem}.current-calc.svelte-yftj8p{display:flex;align-items:center;gap:.5rem;min-height:48px;font-family:Courier New,monospace;margin-left:40px}.calc-num.svelte-yftj8p{font-size:1.5rem;font-weight:700;color:var(--f1);opacity:0;animation:svelte-yftj8p-fadeIn .4s ease forwards}.calc-op.svelte-yftj8p,.calc-eq.svelte-yftj8p{font-size:1.25rem;color:var(--f3);opacity:0;animation:svelte-yftj8p-fadeIn .4s ease forwards}.calc-carry.svelte-yftj8p{font-size:.9rem;color:#b45309;font-weight:600;opacity:0;animation:svelte-yftj8p-fadeIn .4s ease forwards}.calc-result.svelte-yftj8p{font-size:1.5rem;font-weight:700;color:var(--c1);opacity:0;animation:svelte-yftj8p-fadeIn .4s ease forwards}@keyframes svelte-yftj8p-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.info-box.svelte-yftj8p{margin-top:auto;padding:.75rem;background:var(--c3);border-radius:6px}.info-box.svelte-yftj8p p:where(.svelte-yftj8p){margin:0;font-size:.75rem;color:var(--f4);line-height:1.5}.info-box.svelte-yftj8p strong:where(.svelte-yftj8p){color:var(--f2)}@media(max-width:600px){.mobile-title.svelte-yftj8p{display:block}.panel-header.svelte-yftj8p{display:none}.main-layout.svelte-yftj8p{flex-direction:column}.bones-panel.svelte-yftj8p{align-self:center}.bones-svg.svelte-yftj8p{width:230px}.input-row.svelte-yftj8p{justify-content:center}}.demo-container.svelte-1w4an49{margin:1.5rem 0}.demo-header.svelte-1w4an49{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.demo-header.svelte-1w4an49 h3:where(.svelte-1w4an49){margin:0;font-size:1.1rem;color:var(--f1)}.output-indicator.svelte-1w4an49{font-size:.9rem;font-weight:600;padding:.35rem .9rem;background:#422;color:#f66;border-radius:4px;transition:all .2s ease}.output-indicator.on.svelte-1w4an49{background:#242;color:#6f6}.controls.svelte-1w4an49{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--c3, #333);border-radius:6px;flex-wrap:wrap}.input-group.svelte-1w4an49{display:flex;align-items:center;gap:1rem}.input-group.svelte-1w4an49 label:where(.svelte-1w4an49){display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--f2, #ccc)}.input-group.svelte-1w4an49 input:where(.svelte-1w4an49){width:50px;padding:.4rem .5rem;border:1px solid var(--c2, #555);border-radius:4px;background:transparent;color:var(--f1, #fff);font-size:.9rem;font-family:monospace;text-align:center;appearance:textfield;-moz-appearance:textfield}.input-group.svelte-1w4an49 input:where(.svelte-1w4an49)::-webkit-outer-spin-button,.input-group.svelte-1w4an49 input:where(.svelte-1w4an49)::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}.input-group.svelte-1w4an49 input:where(.svelte-1w4an49):disabled{opacity:.5}.binary-preview.svelte-1w4an49{font-size:.75rem;font-family:monospace;color:#6cf;background:#64c8ff1a;padding:.2rem .4rem;border-radius:3px;letter-spacing:1px}.expected.svelte-1w4an49{font-size:1rem;font-weight:600;color:var(--f1, #fff);font-family:monospace}.button-group.svelte-1w4an49{display:flex;gap:.5rem}.run-btn.svelte-1w4an49,.reset-btn.svelte-1w4an49{padding:.5rem 1.2rem;border:none;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.run-btn.svelte-1w4an49{background:#4a4;color:#fff}.run-btn.svelte-1w4an49:hover:not(:disabled){background:#5b5}.run-btn.svelte-1w4an49:disabled{background:#555;cursor:not-allowed}.reset-btn.svelte-1w4an49{background:#555;color:#ddd}.reset-btn.svelte-1w4an49:hover:not(:disabled){background:#666}.reset-btn.svelte-1w4an49:disabled{opacity:.5;cursor:not-allowed}.circuit-panel.svelte-1w4an49{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0003;margin-bottom:1rem}.circuit-svg.svelte-1w4an49{width:100%;height:auto;display:block}.legend.svelte-1w4an49{display:flex;gap:1.5rem;justify-content:center;font-size:.8rem;color:var(--f3, #888)}.legend-item.svelte-1w4an49{display:flex;align-items:center;gap:.4rem}.legend-color.svelte-1w4an49{width:12px;height:12px;border-radius:50%}.legend-color.on.svelte-1w4an49{background:#4a4}.legend-color.off.svelte-1w4an49{background:#333;border:1px solid #555}.legend-wire.svelte-1w4an49{width:20px;height:3px;background:#b87333;border-radius:2px}@media(max-width:600px){.controls.svelte-1w4an49{flex-direction:column;align-items:stretch}.input-group.svelte-1w4an49{justify-content:center;flex-wrap:wrap}.button-group.svelte-1w4an49{justify-content:center}}