.number-line-tool[data-v-2975d620]{margin-top:8px}.number-line-controls[data-v-2975d620],.number-line-controls>div[data-v-2975d620]{align-items:center;gap:6px;display:flex}.number-line-controls[data-v-2975d620]{justify-content:space-between}.tool-current[data-v-2975d620]{align-items:baseline;gap:8px;min-width:0;display:inline-flex}.tool-current span[data-v-2975d620]{color:#6a5a7c;font-size:12px;font-weight:700}.tool-current strong[data-v-2975d620]{color:#3d3159;font-variant-numeric:tabular-nums;font-size:clamp(27px,3vw,36px);line-height:1}.number-line-controls button[data-v-2975d620]{color:#5c4579;background:#fff;border:1px solid #d8cbe8;border-radius:9px;place-items:center;min-width:32px;height:32px;display:grid}.number-line-controls button[data-v-2975d620]:disabled{opacity:.45}.number-line-scroll[data-v-2975d620]{scrollbar-width:thin;margin-top:7px;padding-bottom:4px;overflow-x:auto}.number-line-track[data-v-2975d620]{width:max-content;padding:0 4px;display:flex;position:relative}.number-line-track[data-v-2975d620]:before{content:"";background:#927bb0;height:2px;position:absolute;top:37px;left:21px;right:21px}.number-line-track button[data-v-2975d620]{color:#4d4058;font-variant-numeric:tabular-nums;background:0 0;border:0;flex:0 0 36px;align-content:start;justify-items:center;width:36px;height:53px;padding:2px 0 0;font-size:12px;font-weight:700;display:grid;position:relative}.number-line-track button span[data-v-2975d620]{border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.number-line-track button i[data-v-2975d620]{background:#927bb0;width:2px;height:16px;margin-top:3px}.number-line-track button.active span[data-v-2975d620]{color:#fff;background:#74559a}.number-line-track button.active i[data-v-2975d620]{background:#74559a;width:3px}.number-line-tool button[data-v-2975d620]:focus-visible{outline-offset:2px;outline:3px solid #8b6ab2}.interactive-bead-tool[data-v-fffe0947]{margin-top:9px}.bead-settings[data-v-fffe0947],.bead-settings>div[data-v-fffe0947],.bead-toolbar[data-v-fffe0947]{align-items:center;gap:5px;display:flex}.bead-toolbar[data-v-fffe0947]{justify-content:space-between}.tool-current[data-v-fffe0947]{align-items:baseline;gap:8px;min-width:0;display:inline-flex}.tool-current span[data-v-fffe0947]{color:#6a5a7c;font-size:12px;font-weight:700}.tool-current strong[data-v-fffe0947]{color:#3d3159;font-variant-numeric:tabular-nums;font-size:clamp(27px,3vw,36px);line-height:1}.bead-reset[data-v-fffe0947],.bead-settings button[data-v-fffe0947]{color:#57446d;background:#fff;border:1px solid #d9cde5;border-radius:8px;min-height:30px;padding:4px 8px;font-size:11px;font-weight:750}.bead-reset[data-v-fffe0947]{align-items:center;gap:4px;display:inline-flex}.bead-settings[data-v-fffe0947]{flex-wrap:wrap;justify-content:space-between;margin-top:9px}.bead-settings>div[data-v-fffe0947]{flex-wrap:wrap}.bead-settings span[data-v-fffe0947]{color:#705d81;margin-right:3px;font-size:10px}.bead-settings button[aria-pressed=true][data-v-fffe0947]{color:#fff;background:#5a4b8d;border-color:#5a4b8d}.bead-instruction[data-v-fffe0947]{color:#705d81;margin:8px 0;font-size:11px;line-height:1.5}.rack[data-v-fffe0947]{scrollbar-width:thin;max-height:300px;padding:8px 4px;overflow-y:auto}.rack-row[data-v-fffe0947]{grid-template-columns:18px minmax(0,1fr) 24px;align-items:center;gap:8px;height:46px;display:grid}.rack-row b[data-v-fffe0947],.rack-row small[data-v-fffe0947]{text-align:center;font-variant-numeric:tabular-nums;font-size:10px}.rack-row small[data-v-fffe0947]{color:#746987}.rack-row b[data-v-fffe0947]{color:#42385d;font-size:12px}.rack-rail[data-v-fffe0947]{background:#e2e8f44d;border-radius:10px;min-width:0;height:36px;position:relative}.rack-rail[data-v-fffe0947]:before{content:"";background:#a3aec1;border-radius:99px;height:2px;position:absolute;top:16px;left:4px;right:4px;box-shadow:0 1px #fffc}.rack-bead[data-v-fffe0947]{z-index:1;touch-action:none;width:clamp(19px,6.5%,30px);height:28px;transform:translateX(var(--drag-x,0));background:#c8b9e9;border:1px solid #5f4e7d2e;border-radius:50%;padding:0;transition:left .18s,right .18s,background .18s,transform .12s;position:absolute;top:3px;box-shadow:inset 0 2px 2px #ffffff94,inset 0 -2px 3px #40306226,0 1px 3px #2b284521}.rack-bead[data-v-fffe0947]:active{z-index:3;transition:none;box-shadow:0 4px 12px #2f285366}.rack-bead.purple[data-v-fffe0947]{background:linear-gradient(145deg,#dbcdf5,#aa91d8)}.rack-bead.teal[data-v-fffe0947]{background:linear-gradient(145deg,#b8e5dc,#77bcb7);border-color:#125c5d2e}.rack-bead.counted.purple[data-v-fffe0947]{background:linear-gradient(145deg,#9476d0,#5e439d);border-color:#765da9}.rack-bead.counted.teal[data-v-fffe0947]{background:linear-gradient(145deg,#55b6ae,#187c7a);border-color:#388e89}.rack-bead.counted[data-v-fffe0947]{left:calc(var(--bead-index)*6.7%);box-shadow:inset 0 2px 2px #ffffff5c,inset 0 -2px 3px #1615372b,0 2px 4px #2a2b4833}.rack-bead[data-v-fffe0947]:not(.counted){right:calc(var(--unselected-index)*6.7%)}.rack-bead.drag-origin[data-v-fffe0947]{opacity:.3}.rack-ghost-bead[data-v-fffe0947]{z-index:4;opacity:.78;pointer-events:none;transition:none;box-shadow:0 5px 11px #2b284540}.interactive-soroban[data-v-fffe0947]{box-sizing:border-box;justify-content:center;gap:0;width:min(100%,480px);margin:auto;padding:11px 14px;display:flex}.interactive-rod[data-v-fffe0947]{z-index:1;flex:1 1 0;justify-items:center;gap:4px;min-width:0;padding:2px 3px 4px;display:grid;position:relative}.interactive-rod[data-v-fffe0947]:before{content:"";background:#b5bed0;width:2px;position:absolute;top:28px;bottom:48px;left:calc(50% - 1px)}.interactive-rod span[data-v-fffe0947]{color:#4e5b77;white-space:nowrap;height:20px;font-size:11px;font-weight:700}.interactive-rod button[data-v-fffe0947]{z-index:1;color:#43345f;touch-action:none;width:min(48px,100%);height:28px;transform:translateY(calc(var(--rest-y,0px) + var(--drag-y,0px)));background:linear-gradient(145deg,#d9cdf0,#a993d1);border:1px solid #b7a6d3;border-radius:48%;padding:0;font-size:12px;font-weight:800;transition:transform .18s,background .18s;position:relative;box-shadow:inset 0 2px 2px #ffffff80,inset 0 -2px 3px #3b2b5b1f,0 1px 3px #2b28451c}.interactive-rod button.dragging[data-v-fffe0947]{z-index:3;transition:none}.interactive-rod .upper-bead[data-v-fffe0947]{margin-bottom:28px}.interactive-rod:nth-child(2n) button[data-v-fffe0947]{color:#195c60;background:linear-gradient(145deg,#b8e5dc,#77bcb7);border-color:#8ebdba}.interactive-rod button.engaged[data-v-fffe0947]{color:#fff;background:linear-gradient(145deg,#9476d0,#5e439d);border-color:#765da9;box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -2px 3px #16153729,0 2px 4px #2a2b4830}.interactive-rod:nth-child(2n) button.engaged[data-v-fffe0947]{background:linear-gradient(145deg,#55b6ae,#187c7a);border-color:#388e89}.interactive-rod .upper-bead.engaged[data-v-fffe0947]{--rest-y:32px}.interactive-rod .lower-bead.engaged[data-v-fffe0947]{--rest-y:-32px}.interactive-rod .lower-bead.drag-origin[data-v-fffe0947]{z-index:3;transform:translateY(var(--rest-y,0));color:#0000;box-shadow:none;background:#b9a9d829;border-color:#755da933;transition:none}.interactive-rod .lower-bead.drag-origin[data-v-fffe0947]:after{content:attr(data-bead);border-radius:inherit;color:#43345f;opacity:.88;pointer-events:none;transform:translateY(var(--drag-y));background:linear-gradient(145deg,#d9cdf0,#a993d1);border:1px solid #b7a6d3;place-items:center;display:grid;position:absolute;inset:-1px;box-shadow:0 5px 11px #2b284538}.interactive-rod:nth-child(2n) .lower-bead.drag-origin[data-v-fffe0947]:after{color:#195c60;background:linear-gradient(145deg,#b8e5dc,#77bcb7);border-color:#8ebdba}.interactive-rod .lower-bead.engaged.drag-origin[data-v-fffe0947]:after{color:#fff;background:linear-gradient(145deg,#9476d0,#5e439d);border-color:#765da9}.interactive-rod:nth-child(2n) .lower-bead.engaged.drag-origin[data-v-fffe0947]:after{background:linear-gradient(145deg,#55b6ae,#187c7a);border-color:#388e89}.soroban-beam[data-v-fffe0947]{z-index:2;background:#9aa8bd;border-radius:0;width:calc(100% + 6px);height:6px;margin-bottom:28px;position:relative;box-shadow:0 1px 2px #3139511c}.interactive-rod:first-child .soroban-beam[data-v-fffe0947]{border-radius:4px 0 0 4px}.interactive-rod:last-child .soroban-beam[data-v-fffe0947]{border-radius:0 4px 4px 0}.interactive-rod b[data-v-fffe0947]{color:#39465f;font-variant-numeric:tabular-nums;margin-top:14px;font-size:15px}@media (width<=600px){.interactive-soroban[data-v-fffe0947]{padding-inline:7px}.interactive-rod span[data-v-fffe0947]{font-size:9px}.interactive-rod button[data-v-fffe0947]{width:min(42px,100%)}}.interactive-bead-tool button[data-v-fffe0947]:focus-visible{outline-offset:2px;outline:3px solid #8061af}@media (prefers-reduced-motion:reduce){.interactive-rod button[data-v-fffe0947],.rack-bead[data-v-fffe0947]{transition:none}}